overview-components 1.0.83 → 1.0.89

package/dist/shared/simple-tooltip.js

@@ -1,135 +1,89 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
+import { css as m, LitElement as f, html as u } from "lit";
+import { customElement as g } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as a } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import { directive as v, Directive as w } from "../node_modules/lit-html/directive.js";
+import { render as p } from "../node_modules/lit-html/lit-html.js";
+import { computePosition as y, offset as E, flip as b, shift as x, size as T, arrow as _ } from "@floating-ui/dom";
+var k = Object.defineProperty, L = Object.getOwnPropertyDescriptor, h = (i, t, n, r) => {
+  for (var o = r > 1 ? void 0 : r ? L(t, n) : t, e = i.length - 1, s; e >= 0; e--)
+    (s = i[e]) && (o = (r ? s(t, n, o) : s(o)) || o);
+  return r && o && k(t, n, o), o;
 };
-import { html, css, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { directive, Directive } from 'lit/directive.js';
-import { render } from 'lit/html.js';
-import { computePosition, offset, shift, flip, size, arrow } from '@floating-ui/dom';
-const ENTER_EVENTS = ['pointerenter', 'mouseenter'];
-const LEAVE_EVENTS = ['pointerleave', 'mouseleave', 'blur', 'keydown', 'click', 'scroll'];
-let SimpleTooltip = class SimpleTooltip extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.showing = false;
-        this.placement = 'top';
-        this.offset = 8;
-        this.openDelayMs = 300;
-        this._target = null;
-        this.openTimeout = null;
-        this.isHoveringTarget = false;
-        this.scheduleShow = () => {
-            this.clearOpenTimeout();
-            this.openTimeout = window.setTimeout(() => {
-                if (this._target && this.isHoveringTarget) {
-                    this.showTooltipNow();
-                }
-            }, this.openDelayMs);
-        };
-        this.showTooltipNow = () => {
-            this.style.removeProperty('display');
-            this.style.zIndex = '100000';
-            this.showing = true;
-            // if (!document.body.contains(this)) {
-            //     document.body.appendChild(this);
-            // }
-            if (!this.target || !this.arrowElement)
-                return;
-            computePosition(this.target, this, {
-                placement: this.placement,
-                strategy: 'absolute',
-                middleware: [
-                    offset(this.offset),
-                    flip(),
-                    shift({ padding: 8 }),
-                    size({ padding: 8 }),
-                    arrow({ element: this.arrowElement }),
-                ],
-            }).then(({ x, y, placement, middlewareData }) => {
-                if (middlewareData.hide) {
-                    Object.assign(this.style, {
-                        display: middlewareData.hide.referenceHidden || !this.showing ? 'none' : 'block',
-                    });
-                }
-                Object.assign(this.style, {
-                    left: `${x}px`,
-                    top: `${y}px`,
-                });
-                const staticSide = {
-                    top: 'bottom',
-                    bottom: 'top',
-                    left: 'right',
-                    right: 'left',
-                }[placement.split('-')[0]];
-                const { x: arrowX, y: arrowY } = middlewareData.arrow || {};
-                Object.assign(this.arrowElement.style, {
-                    left: arrowX != null ? `${arrowX}px` : '',
-                    top: arrowY != null ? `${arrowY}px` : '',
-                    right: '',
-                    bottom: '',
-                    [staticSide]: '-4px',
-                });
-            });
-        };
-        this.clearOpenTimeout = () => {
-            if (this.openTimeout !== null) {
-                clearTimeout(this.openTimeout);
-                this.openTimeout = null;
-            }
-        };
-        this.markHovering = () => {
-            this.isHoveringTarget = true;
-        };
-        this.markNotHovering = () => {
-            this.isHoveringTarget = false;
-            this.clearOpenTimeout();
-        };
-        this.hide = () => {
-            this.showing = false;
-            this.style.display = 'none';
-        };
-    }
-    get target() {
-        return this._target;
-    }
-    set target(el) {
-        if (this._target) {
-            ENTER_EVENTS.forEach((evt) => {
-                this._target.removeEventListener(evt, this.scheduleShow);
-                this._target.removeEventListener(evt, this.markHovering);
-            });
-            LEAVE_EVENTS.forEach((evt) => this._target.removeEventListener(evt, this.hide));
-        }
-        if (el) {
-            ENTER_EVENTS.forEach((evt) => {
-                el.addEventListener(evt, this.scheduleShow);
-                el.addEventListener(evt, this.markHovering);
-            });
-            LEAVE_EVENTS.forEach((evt) => {
-                el.addEventListener(evt, this.markNotHovering);
-                el.addEventListener(evt, this.hide);
-            });
-        }
-        this._target = el;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.style.display = 'none';
-    }
-    firstUpdated() {
-        this.arrowElement = this.shadowRoot.getElementById('arrow');
-    }
-    render() {
-        return html `
+const c = ["pointerenter", "mouseenter"], d = ["pointerleave", "mouseleave", "blur", "keydown", "click", "scroll"];
+let l = class extends f {
+  constructor() {
+    super(...arguments), this.showing = !1, this.placement = "top", this.offset = 8, this.openDelayMs = 300, this._target = null, this.openTimeout = null, this.isHoveringTarget = !1, this.scheduleShow = () => {
+      this.clearOpenTimeout(), this.openTimeout = window.setTimeout(() => {
+        this._target && this.isHoveringTarget && this.showTooltipNow();
+      }, this.openDelayMs);
+    }, this.showTooltipNow = () => {
+      this.style.removeProperty("display"), this.style.zIndex = "100000", this.showing = !0, !(!this.target || !this.arrowElement) && y(this.target, this, {
+        placement: this.placement,
+        strategy: "absolute",
+        middleware: [
+          E(this.offset),
+          b(),
+          x({ padding: 8 }),
+          T({ padding: 8 }),
+          _({ element: this.arrowElement })
+        ]
+      }).then(({ x: i, y: t, placement: n, middlewareData: r }) => {
+        r.hide && Object.assign(this.style, {
+          display: r.hide.referenceHidden || !this.showing ? "none" : "block"
+        }), Object.assign(this.style, {
+          left: `${i}px`,
+          top: `${t}px`
+        });
+        const o = {
+          top: "bottom",
+          bottom: "top",
+          left: "right",
+          right: "left"
+        }[n.split("-")[0]], { x: e, y: s } = r.arrow || {};
+        Object.assign(this.arrowElement.style, {
+          left: e != null ? `${e}px` : "",
+          top: s != null ? `${s}px` : "",
+          right: "",
+          bottom: "",
+          [o]: "-4px"
+        });
+      });
+    }, this.clearOpenTimeout = () => {
+      this.openTimeout !== null && (clearTimeout(this.openTimeout), this.openTimeout = null);
+    }, this.markHovering = () => {
+      this.isHoveringTarget = !0;
+    }, this.markNotHovering = () => {
+      this.isHoveringTarget = !1, this.clearOpenTimeout();
+    }, this.hide = () => {
+      this.showing = !1, this.style.display = "none";
+    };
+  }
+  get target() {
+    return this._target;
+  }
+  set target(i) {
+    this._target && (c.forEach((t) => {
+      this._target.removeEventListener(t, this.scheduleShow), this._target.removeEventListener(t, this.markHovering);
+    }), d.forEach((t) => this._target.removeEventListener(t, this.hide))), i && (c.forEach((t) => {
+      i.addEventListener(t, this.scheduleShow), i.addEventListener(t, this.markHovering);
+    }), d.forEach((t) => {
+      i.addEventListener(t, this.markNotHovering), i.addEventListener(t, this.hide);
+    })), this._target = i;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.style.display = "none";
+  }
+  firstUpdated() {
+    this.arrowElement = this.shadowRoot.getElementById("arrow");
+  }
+  render() {
+    return u`
             <div id="arrow"></div>
             <slot></slot>
         `;
-    }
+  }
 };
-SimpleTooltip.styles = css `
+l.styles = m`
         :host {
             position: absolute;
             display: inline-block;
@@ -173,76 +127,46 @@ SimpleTooltip.styles = css `
             max-height: 70vh;
         }
     `;
-__decorate([
-    property({ type: Boolean, reflect: true })
-], SimpleTooltip.prototype, "showing", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], SimpleTooltip.prototype, "placement", void 0);
-__decorate([
-    property({ type: Number })
-], SimpleTooltip.prototype, "offset", void 0);
-__decorate([
-    property({ type: Number })
-], SimpleTooltip.prototype, "openDelayMs", void 0);
-SimpleTooltip = __decorate([
-    customElement('simple-tooltip')
-], SimpleTooltip);
-export { SimpleTooltip };
-class TooltipDirective extends Directive {
-    constructor() {
-        super(...arguments);
-        this.initialized = false;
-    }
-    disconnect() {
-        if (this.tooltip) {
-            this.tooltip.hide();
-            // Remove from DOM to avoid leaks if desired
-            if (this.tooltip.parentElement) {
-                this.tooltip.parentElement.removeChild(this.tooltip);
-            }
-            this.tooltip = undefined;
-            this.initialized = false;
-        }
-    }
-    render() { } // required override
-    update(part, [content, placement = 'top', delay = 200]) {
-        this.part = part;
-        this.content = content;
-        this.placement = placement;
-        this.delay = delay;
-        const target = this.part.element;
-        if (!this.initialized) {
-            this.initialized = true;
-            const onEnter = () => {
-                if (!this.tooltip) {
-                    this.tooltip = document.createElement('simple-tooltip');
-                    this.tooltip.placement = this.placement;
-                    this.tooltip.openDelayMs = this.delay;
-                    document.body.appendChild(this.tooltip);
-                    render(this.content, this.tooltip, this.part.options);
-                }
-                this.tooltip.target = target;
-                this.tooltip.openDelayMs = this.delay;
-                this.tooltip.placement = this.placement;
-                this.tooltip.scheduleShow();
-                // Lazy mounting done — clean up listener
-                target.removeEventListener('mouseenter', onEnter);
-                target.removeEventListener('pointerenter', onEnter);
-            };
-            target.addEventListener('mouseenter', onEnter);
-            target.addEventListener('pointerenter', onEnter);
-        }
-        if (this.tooltip) {
-            this.tooltip.openDelayMs = this.delay;
-            this.tooltip.placement = this.placement;
-            render(this.content, this.tooltip, this.part.options);
-            // Hide tooltip if target is not in DOM
-            if (!document.body.contains(target)) {
-                this.tooltip.hide();
-            }
-        }
+h([
+  a({ type: Boolean, reflect: !0 })
+], l.prototype, "showing", 2);
+h([
+  a({ type: String, reflect: !0 })
+], l.prototype, "placement", 2);
+h([
+  a({ type: Number })
+], l.prototype, "offset", 2);
+h([
+  a({ type: Number })
+], l.prototype, "openDelayMs", 2);
+l = h([
+  g("simple-tooltip")
+], l);
+class H extends w {
+  constructor() {
+    super(...arguments), this.initialized = !1;
+  }
+  disconnect() {
+    this.tooltip && (this.tooltip.hide(), this.tooltip.parentElement && this.tooltip.parentElement.removeChild(this.tooltip), this.tooltip = void 0, this.initialized = !1);
+  }
+  render() {
+  }
+  // required override
+  update(t, [n, r = "top", o = 200]) {
+    this.part = t, this.content = n, this.placement = r, this.delay = o;
+    const e = this.part.element;
+    if (!this.initialized) {
+      this.initialized = !0;
+      const s = () => {
+        this.tooltip || (this.tooltip = document.createElement("simple-tooltip"), this.tooltip.placement = this.placement, this.tooltip.openDelayMs = this.delay, document.body.appendChild(this.tooltip), p(this.content, this.tooltip, this.part.options)), this.tooltip.target = e, this.tooltip.openDelayMs = this.delay, this.tooltip.placement = this.placement, this.tooltip.scheduleShow(), e.removeEventListener("mouseenter", s), e.removeEventListener("pointerenter", s);
+      };
+      e.addEventListener("mouseenter", s), e.addEventListener("pointerenter", s);
     }
+    this.tooltip && (this.tooltip.openDelayMs = this.delay, this.tooltip.placement = this.placement, p(this.content, this.tooltip, this.part.options), document.body.contains(e) || this.tooltip.hide());
+  }
 }
-export const tooltip = directive(TooltipDirective);
-//# sourceMappingURL=simple-tooltip.js.map
+const P = v(H);
+export {
+  l as SimpleTooltip,
+  P as tooltip
+};

package/dist/shared/styles/button-shared-styles.js

@@ -1,5 +1,5 @@
-import { css } from 'lit';
-const buttonStyles = css `
+import { css as o } from "lit";
+const t = o`
     button {
         font-family: inherit;
         border-radius: var(--border-radius-small, 0.5rem);
@@ -197,5 +197,6 @@ const buttonStyles = css `
         border: none;
     }
 `;
-export default buttonStyles;
-//# sourceMappingURL=button-shared-styles.js.map
+export {
+  t as default
+};

package/dist/utils/currency.js

@@ -1,16 +1,13 @@
-export const formatCurrency = (value, locale) => {
-    if (value === null) {
-        return null;
-    }
-    if (value === '') {
-        return '';
-    }
-    const number = typeof value === 'string' ? parseFloat(value) : value;
-    if (isNaN(number)) {
-        return 'Invalid number';
-    }
-    return new Intl.NumberFormat(locale, {
-        style: 'decimal',
-    }).format(number);
+const e = (r, t) => {
+  if (r === null)
+    return null;
+  if (r === "")
+    return "";
+  const n = typeof r == "string" ? parseFloat(r) : r;
+  return isNaN(n) ? "Invalid number" : new Intl.NumberFormat(t, {
+    style: "decimal"
+  }).format(n);
+};
+export {
+  e as formatCurrency
 };
-//# sourceMappingURL=currency.js.map

package/dist/utils/custom-filters.js

@@ -1,84 +1,49 @@
-// @ts-nocheck
-import { DateTime } from 'luxon';
-export const dateRangeFilterFn = (row, columnId, filterValue) => {
-    const rowValue = row.getValue(columnId);
-    if (!rowValue)
-        return false;
-    const rowDate = parseDate(rowValue);
-    const startDate = filterValue.startDate;
-    const endDate = filterValue.endDate;
-    // console.log('rowDate', rowDate);
-    // console.log('startDate', startDate);
-    // console.log('endDate', endDate);
-    if (startDate && endDate) {
-        return rowDate >= startDate && rowDate <= endDate;
-    }
-    else if (startDate) {
-        return rowDate >= startDate;
-    }
-    else if (endDate) {
-        return rowDate <= endDate;
-    }
-    return true;
+import { DateTime as M } from "luxon";
+const i = (e, r, y) => {
+  const t = e.getValue(r);
+  if (!t) return !1;
+  const s = a(t), d = y.startDate, n = y.endDate;
+  return d && n ? s >= d && s <= n : d ? s >= d : n ? s <= n : !0;
 };
-export function dateFilterFn(row, columnId, filterValue) {
-    const rowValue = row.getValue(columnId);
-    if (!rowValue)
-        return false;
-    const date1 = parseDate(rowValue);
-    const date2 = filterValue;
-    // console.log('rowDate', rowValue);
-    // console.log('date1', date1);
-    // console.log('date2', date2);
-    // Check if both dates are valid
-    if (!date1 || !date2) {
-        return false;
-    }
-    // Compare year, month, and day directly
-    const isEqual = date1 === date2;
-    return isEqual;
+function l(e, r, y) {
+  const t = e.getValue(r);
+  if (!t) return !1;
+  const s = a(t), d = y;
+  return !s || !d ? !1 : s === d;
 }
-export const multiselectFilterFn = (row, columnId, filterValue) => {
-    const rowValue = row.getValue(columnId);
-    if (!rowValue)
-        return false;
-    return filterValue.includes(rowValue);
+const u = (e, r, y) => {
+  const t = e.getValue(r);
+  return t ? y.includes(t) : !1;
 };
-function parseDate(dateStr) {
-    if (!dateStr)
-        return null;
-    // Define possible date formats
-    const possibleFormats = [
-        'yyyy-MM-dd',
-        'dd-MM-yyyy',
-        'MM-dd-yyyy',
-        'd. M. yyyy',
-        'd. M. yyyy.',
-        'd.M.yyyy',
-        'yyyy/MM/dd',
-        'dd/MM/yyyy',
-        'M/d/yyyy',
-        'MM/dd/yyyy',
-        'dd MMMM yyyy',
-        "yyyy-MM-dd'T'HH:mm:ss",
-        "yyyy-MM-dd'T'HH:mm:ss.SSS",
-        "yyyy-MM-dd'T'HH:mm:ss.SSSZ",
-        'dd.MM.yyyy',
-        'MM.dd.yyyy',
-        'EEE, d MMM yyyy',
-        'EEE, d MMM yyyy HH:mm:ss Z',
-    ];
-    let date;
-    // Try each format until one is valid
-    for (const format of possibleFormats) {
-        date = DateTime.fromFormat(dateStr, format);
-        if (date.isValid)
-            break; // Stop if a valid date is found
-    }
-    // If all formats fail, try as ISO string
-    if (!date || !date.isValid) {
-        date = DateTime.fromISO(dateStr);
-    }
-    return date.isValid ? date.toJSDate().toISOString() : null;
+function a(e) {
+  if (!e) return null;
+  const r = [
+    "yyyy-MM-dd",
+    "dd-MM-yyyy",
+    "MM-dd-yyyy",
+    "d. M. yyyy",
+    "d. M. yyyy.",
+    "d.M.yyyy",
+    "yyyy/MM/dd",
+    "dd/MM/yyyy",
+    "M/d/yyyy",
+    "MM/dd/yyyy",
+    "dd MMMM yyyy",
+    "yyyy-MM-dd'T'HH:mm:ss",
+    "yyyy-MM-dd'T'HH:mm:ss.SSS",
+    "yyyy-MM-dd'T'HH:mm:ss.SSSZ",
+    "dd.MM.yyyy",
+    "MM.dd.yyyy",
+    "EEE, d MMM yyyy",
+    "EEE, d MMM yyyy HH:mm:ss Z"
+  ];
+  let y;
+  for (const t of r)
+    if (y = M.fromFormat(e, t), y.isValid) break;
+  return (!y || !y.isValid) && (y = M.fromISO(e)), y.isValid ? y.toJSDate().toISOString() : null;
 }
-//# sourceMappingURL=custom-filters.js.map
+export {
+  l as dateFilterFn,
+  i as dateRangeFilterFn,
+  u as multiselectFilterFn
+};

package/dist/utils/date.js

@@ -1,22 +1,14 @@
-import { DateTime } from 'luxon';
-export const formatDate = (date, locale, time = false, dateFormat) => {
-    if (date === null) {
-        return null;
-    }
-    if (date === '') {
-        return '';
-    }
-    const format = time ? `${dateFormat} HH:mm` : `${dateFormat}`;
-    const dateObj = new Date(date);
-    // if invalid date return Invalid Date
-    if (isNaN(dateObj.getTime())) {
-        return 'Invalid date';
-    }
-    if (dateFormat) {
-        return DateTime.fromISO(date).toFormat(format);
-    }
-    return DateTime.fromISO(date)
-        .setLocale(locale)
-        .toLocaleString(time ? DateTime.DATETIME_SHORT : undefined);
+import { DateTime as t } from "luxon";
+const m = (r, e, n = !1, o) => {
+  if (r === null)
+    return null;
+  if (r === "")
+    return "";
+  const f = n ? `${o} HH:mm` : `${o}`, i = new Date(r);
+  return isNaN(i.getTime()) ? "Invalid date" : o ? t.fromISO(r).toFormat(f) : t.fromISO(r).setLocale(e).toLocaleString(
+    n ? t.DATETIME_SHORT : void 0
+  );
+};
+export {
+  m as formatDate
 };
-//# sourceMappingURL=date.js.map