@coreui/data-grid 0.1.0-rc.0 → 0.2.0-rc.0

package/src/dom/event-handler.js

@@ -1,331 +0,0 @@
-// Vendored from https://github.com/coreui/coreui-pro/blob/bc4daf1cd79d527bf665d615c0a31f53ab0c3d4e/js/src/dom/event-handler.js — sync manually
-/**
- * --------------------------------------------------------------------------
- * CoreUI dom/event-handler.js
- * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
- *
- * This is a modified version of the Bootstrap's dom/event-handler.js
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
- * --------------------------------------------------------------------------
- */
-
-import { getjQuery } from '../util/index.js'
-
-/**
- * Constants
- */
-
-const namespaceRegex = /[^.]*(?=\..*)\.|.*/
-const stripNameRegex = /\..*/
-const stripUidRegex = /::\d+$/
-const eventRegistry = {} // Events storage
-let uidEvent = 1
-const customEvents = {
-  mouseenter: 'mouseover',
-  mouseleave: 'mouseout'
-}
-
-const nativeEvents = new Set([
-  'click',
-  'dblclick',
-  'mouseup',
-  'mousedown',
-  'contextmenu',
-  'mousewheel',
-  'DOMMouseScroll',
-  'mouseover',
-  'mouseout',
-  'mousemove',
-  'selectstart',
-  'selectend',
-  'keydown',
-  'keypress',
-  'keyup',
-  'orientationchange',
-  'touchstart',
-  'touchmove',
-  'touchend',
-  'touchcancel',
-  'pointerdown',
-  'pointermove',
-  'pointerup',
-  'pointerleave',
-  'pointercancel',
-  // Local addition over the coreui-pro source: HTML5 drag & drop events used
-  // by the data grid's column reordering.
-  'drag',
-  'dragstart',
-  'dragend',
-  'dragenter',
-  'dragleave',
-  'dragover',
-  'drop',
-  'gesturestart',
-  'gesturechange',
-  'gestureend',
-  'focus',
-  'blur',
-  'change',
-  'input',
-  'reset',
-  'select',
-  'submit',
-  'focusin',
-  'focusout',
-  'load',
-  'unload',
-  'beforeunload',
-  'resize',
-  'move',
-  'DOMContentLoaded',
-  'readystatechange',
-  'error',
-  'abort',
-  'scroll'
-])
-
-/**
- * Private methods
- */
-
-function makeEventUid(element, uid) {
-  return (uid && `${uid}::${uidEvent++}`) || element.uidEvent || uidEvent++
-}
-
-function getElementEvents(element) {
-  const uid = makeEventUid(element)
-
-  element.uidEvent = uid
-  eventRegistry[uid] = eventRegistry[uid] || {}
-
-  return eventRegistry[uid]
-}
-
-function bootstrapHandler(element, fn) {
-  return function handler(event) {
-    hydrateObj(event, { delegateTarget: element })
-
-    if (handler.oneOff) {
-      EventHandler.off(element, event.type, fn)
-    }
-
-    return fn.apply(element, [event])
-  }
-}
-
-function bootstrapDelegationHandler(element, selector, fn) {
-  return function handler(event) {
-    const domElements = element.querySelectorAll(selector)
-
-    for (let { target } = event; target && target !== this; target = target.parentNode) {
-      for (const domElement of domElements) {
-        if (domElement !== target) {
-          continue
-        }
-
-        hydrateObj(event, { delegateTarget: target })
-
-        if (handler.oneOff) {
-          EventHandler.off(element, event.type, selector, fn)
-        }
-
-        return fn.apply(target, [event])
-      }
-    }
-  }
-}
-
-function findHandler(events, callable, delegationSelector = null) {
-  return Object.values(events)
-    .find(event => event.callable === callable && event.delegationSelector === delegationSelector)
-}
-
-function normalizeParameters(originalTypeEvent, handler, delegationFunction) {
-  const isDelegated = typeof handler === 'string'
-  // TODO: tooltip passes `false` instead of selector, so we need to check
-  const callable = isDelegated ? delegationFunction : (handler || delegationFunction)
-  let typeEvent = getTypeEvent(originalTypeEvent)
-
-  if (!nativeEvents.has(typeEvent)) {
-    typeEvent = originalTypeEvent
-  }
-
-  return [isDelegated, callable, typeEvent]
-}
-
-function addHandler(element, originalTypeEvent, handler, delegationFunction, oneOff) {
-  if (typeof originalTypeEvent !== 'string' || !element) {
-    return
-  }
-
-  let [isDelegated, callable, typeEvent] = normalizeParameters(originalTypeEvent, handler, delegationFunction)
-
-  // in case of mouseenter or mouseleave wrap the handler within a function that checks for its DOM position
-  // this prevents the handler from being dispatched the same way as mouseover or mouseout does
-  if (originalTypeEvent in customEvents) {
-    const wrapFunction = fn => {
-      return function (event) {
-        if (!event.relatedTarget || (event.relatedTarget !== event.delegateTarget && !event.delegateTarget.contains(event.relatedTarget))) {
-          return fn.call(this, event)
-        }
-      }
-    }
-
-    callable = wrapFunction(callable)
-  }
-
-  const events = getElementEvents(element)
-  const handlers = events[typeEvent] || (events[typeEvent] = {})
-  const previousFunction = findHandler(handlers, callable, isDelegated ? handler : null)
-
-  if (previousFunction) {
-    previousFunction.oneOff = previousFunction.oneOff && oneOff
-
-    return
-  }
-
-  const uid = makeEventUid(callable, originalTypeEvent.replace(namespaceRegex, ''))
-  const fn = isDelegated ?
-    bootstrapDelegationHandler(element, handler, callable) :
-    bootstrapHandler(element, callable)
-
-  fn.delegationSelector = isDelegated ? handler : null
-  fn.callable = callable
-  fn.oneOff = oneOff
-  fn.uidEvent = uid
-  handlers[uid] = fn
-
-  element.addEventListener(typeEvent, fn, isDelegated)
-}
-
-function removeHandler(element, events, typeEvent, handler, delegationSelector) {
-  const fn = findHandler(events[typeEvent], handler, delegationSelector)
-
-  if (!fn) {
-    return
-  }
-
-  element.removeEventListener(typeEvent, fn, Boolean(delegationSelector))
-  delete events[typeEvent][fn.uidEvent]
-}
-
-function removeNamespacedHandlers(element, events, typeEvent, namespace) {
-  const storeElementEvent = events[typeEvent] || {}
-
-  for (const [handlerKey, event] of Object.entries(storeElementEvent)) {
-    if (handlerKey.includes(namespace)) {
-      removeHandler(element, events, typeEvent, event.callable, event.delegationSelector)
-    }
-  }
-}
-
-function getTypeEvent(event) {
-  // allow to get the native events from namespaced events ('click.coreui.button' --> 'click')
-  event = event.replace(stripNameRegex, '')
-  return customEvents[event] || event
-}
-
-const EventHandler = {
-  on(element, event, handler, delegationFunction) {
-    addHandler(element, event, handler, delegationFunction, false)
-  },
-
-  one(element, event, handler, delegationFunction) {
-    addHandler(element, event, handler, delegationFunction, true)
-  },
-
-  off(element, originalTypeEvent, handler, delegationFunction) {
-    if (typeof originalTypeEvent !== 'string' || !element) {
-      return
-    }
-
-    const [isDelegated, callable, typeEvent] = normalizeParameters(originalTypeEvent, handler, delegationFunction)
-    const inNamespace = typeEvent !== originalTypeEvent
-    const events = getElementEvents(element)
-    const storeElementEvent = events[typeEvent] || {}
-    const isNamespace = originalTypeEvent.startsWith('.')
-
-    if (typeof callable !== 'undefined') {
-      // Simplest case: handler is passed, remove that listener ONLY.
-      if (!Object.keys(storeElementEvent).length) {
-        return
-      }
-
-      removeHandler(element, events, typeEvent, callable, isDelegated ? handler : null)
-      return
-    }
-
-    if (isNamespace) {
-      for (const elementEvent of Object.keys(events)) {
-        removeNamespacedHandlers(element, events, elementEvent, originalTypeEvent.slice(1))
-      }
-    }
-
-    for (const [keyHandlers, event] of Object.entries(storeElementEvent)) {
-      const handlerKey = keyHandlers.replace(stripUidRegex, '')
-
-      if (!inNamespace || originalTypeEvent.includes(handlerKey)) {
-        removeHandler(element, events, typeEvent, event.callable, event.delegationSelector)
-      }
-    }
-  },
-
-  trigger(element, event, args) {
-    if (typeof event !== 'string' || !element) {
-      return null
-    }
-
-    const $ = getjQuery()
-    const typeEvent = getTypeEvent(event)
-    const inNamespace = event !== typeEvent
-
-    let jQueryEvent = null
-    let bubbles = true
-    let nativeDispatch = true
-    let defaultPrevented = false
-
-    if (inNamespace && $) {
-      jQueryEvent = $.Event(event, args)
-
-      $(element).trigger(jQueryEvent)
-      bubbles = !jQueryEvent.isPropagationStopped()
-      nativeDispatch = !jQueryEvent.isImmediatePropagationStopped()
-      defaultPrevented = jQueryEvent.isDefaultPrevented()
-    }
-
-    const evt = hydrateObj(new Event(event, { bubbles, cancelable: true }), args)
-
-    if (defaultPrevented) {
-      evt.preventDefault()
-    }
-
-    if (nativeDispatch) {
-      element.dispatchEvent(evt)
-    }
-
-    if (evt.defaultPrevented && jQueryEvent) {
-      jQueryEvent.preventDefault()
-    }
-
-    return evt
-  }
-}
-
-function hydrateObj(obj, meta = {}) {
-  for (const [key, value] of Object.entries(meta)) {
-    try {
-      obj[key] = value
-    } catch {
-      Object.defineProperty(obj, key, {
-        configurable: true,
-        get() {
-          return value
-        }
-      })
-    }
-  }
-
-  return obj
-}
-
-export default EventHandler

package/src/dom/manipulator.d.ts

@@ -1,9 +0,0 @@
-// Hand-written types for the vendored manipulator.js (see the provenance header there)
-declare const Manipulator: {
-  setDataAttribute(element: Element, key: string, value: unknown): void
-  removeDataAttribute(element: Element, key: string): void
-  getDataAttributes(element: Element): Record<string, unknown>
-  getDataAttribute(element: Element, key: string): unknown
-}
-
-export default Manipulator

package/src/util/config.d.ts

@@ -1,11 +0,0 @@
-// Hand-written types for the vendored config.js (see the provenance header there)
-export default class Config {
-  static get Default(): unknown
-  static get DefaultType(): unknown
-  static get NAME(): string
-
-  _getConfig(config?: unknown): any
-  _configAfterMerge(config: any): any
-  _mergeConfigObj(config?: unknown, element?: Element): any
-  _typeCheckConfig(config: Record<string, unknown>, configTypes?: Record<string, string>): void
-}

package/src/util/index.d.ts

@@ -1,10 +0,0 @@
-// Hand-written types for the vendored util/index.js (see the provenance header there)
-export function defineJQueryPlugin(plugin: { NAME: string; jQueryInterface: (this: any, ...args: any[]) => unknown }): void
-export function executeAfterTransition(callback: () => void, transitionElement: Element, waitForTransition?: boolean): void
-export function getElement(object: unknown): HTMLElement | null
-export function getjQuery(): unknown
-export function getUID(prefix: string): string
-export function isElement(object: unknown): boolean
-export function isRTL(): boolean
-export function isVisible(element: Element): boolean
-export function toType(object: unknown): string

package/src/util/sanitizer.d.ts

@@ -1,11 +0,0 @@
-// Hand-written types for the vendored sanitizer.js (see the provenance header there)
-export type Allowlist = Record<string, Array<string | RegExp>>
-
-export declare const DefaultAllowlist: Allowlist
-export declare const SVGAllowlist: Allowlist
-export declare function escapeHtml(unsafeText: string): string
-export declare function sanitizeHtml(
-  unsafeHtml: string,
-  allowList: Allowlist,
-  sanitizeFunction?: ((html: string) => string) | null
-): string