npm - @getflip/swirl-components-react - Versions diffs - 0.52.0 → 0.53.1 - Mend

@getflip/swirl-components-react 0.52.0 → 0.53.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (171) hide show

package/dist/{swirl-table.entry.c323224a.js → swirl-table.entry.b84c128d.js} RENAMED Viewed

@@ -1,11 +1,11 @@
-import { r as g, h as r, H as v, g as _ } from "./index.327e040c.js";
-import { i as S } from "./utils-61f188cc.4a43deab.js";
+import { r as g, h as r, H as v, g as _ } from "./index.fac2ca3b.js";
+import { d as S, i as R } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";
-var R = function(t) {
+var x = function(t) {
   var l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = void 0, s = void 0, n = void 0, a = [];
   return function() {
-    var m = x(l), p = new Date().getTime(), w = !i || p - i > m;
+    var m = C(l), p = new Date().getTime(), w = !i || p - i > m;
     i = p;
     for (var b = arguments.length, d = Array(b), c = 0; c < b; c++)
       d[c] = arguments[c];
@@ -13,7 +13,7 @@ var R = function(t) {
       return o.accumulate ? Promise.resolve(t.call(this, [d])).then(function(u) {
         return u[0];
       }) : Promise.resolve(t.call.apply(t, [this].concat(d)));
-    if (s ? clearTimeout(n) : s = C(), a.push(d), n = setTimeout(y.bind(this), m), o.accumulate) {
+    if (s ? clearTimeout(n) : s = E(), a.push(d), n = setTimeout(y.bind(this), m), o.accumulate) {
       var f = a.length - 1;
       return s.promise.then(function(u) {
         return u[f];
@@ -26,24 +26,26 @@ var R = function(t) {
     clearTimeout(n), Promise.resolve(o.accumulate ? t.call(this, a) : t.apply(this, a[a.length - 1])).then(h.resolve, h.reject), a = [], s = null;
   }
 };
-function x(e) {
+function C(e) {
   return typeof e == "function" ? e() : e;
 }
-function C() {
+function E() {
   var e = {};
   return e.promise = new Promise(function(t, l) {
     e.resolve = t, e.reject = l;
   }), e;
 }
-const E = `:host{position:relative;display:block}:host *{box-sizing:border-box}.table__container{position:relative;overflow:auto;width:100%}.table__container--scrolled{--swirl-table-sticky-right-shadow:0.0625rem 0 0 0 var(--s-border-default),
+const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.table__container{position:relative;overflow:auto;width:100%}.table__container--scrolled{--swirl-table-sticky-right-shadow:0.0625rem 0 0 0 var(--s-border-default),
     -0.0625rem 0 0 0 var(--s-border-default),
     0 0.25rem 1rem rgba(25, 26, 28, 0.04),
     0 0.0625rem 0.25rem rgba(25, 26, 28, 0.16)}.table__container--scrollable:not(.table__container--scrolled-to-end){--swirl-table-sticky-left-shadow:0.0625rem 0 0 0 var(--s-border-default),
     -0.0625rem 0 0 0 var(--s-border-default),
     0 0.25rem 1rem rgba(25, 26, 28, 0.04),
-    0 0.0625rem 0.25rem rgba(25, 26, 28, 0.16)}.table__table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header ::slotted(*){display:flex}.table__empty-row{display:flex}.table__empty-row-cell{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-right:var(--s-border-width-default) solid var(--s-border-default);border-bottom:var(--s-border-width-default) solid var(--s-border-default);border-left:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default)}.table__empty-row-cell>*{flex-grow:1}`, L = class {
+    0 0.0625rem 0.25rem rgba(25, 26, 28, 0.16)}.table__table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header ::slotted(*){display:flex}.table__empty-row{display:flex}.table__empty-row-cell{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-right:var(--s-border-width-default) solid var(--s-border-default);border-bottom:var(--s-border-width-default) solid var(--s-border-default);border-left:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default)}.table__empty-row-cell>*{flex-grow:1}`, q = class {
   constructor(e) {
-    g(this, e), this.updateLayout = R(async () => {
+    g(this, e), this.triggerRerender = S(async () => {
+      await this.updateLayout(), this.updateScrolledState(), this.updateEmptyState();
+    }, 60, !0), this.updateLayout = x(async () => {
       this.resetCellStyles(), this.resetColumnStyles(), this.resetEmptyRowStyles(), this.resetRowGroupStyles(), this.layoutEmptyRow(), this.layoutRowGroups(), this.layOutCells();
     }, 16, { leading: !0 }), this.onScroll = () => {
       this.updateScrolledState();
@@ -58,7 +60,7 @@ const E = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     await this.updateLayout(), this.updateScrolledState();
   }
   async rerender() {
-    await this.updateLayout(), this.updateScrolledState(), this.updateEmptyState();
+    this.triggerRerender();
   }
   resetEmptyRowStyles() {
     const e = this.el.shadowRoot.querySelector(".table__empty-row");
@@ -81,7 +83,7 @@ const E = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     });
   }
   updateScrolledState() {
-    const e = S(), t = this.container.scrollWidth > this.container.clientWidth, l = this.container.scrollLeft > 0, o = Math.ceil(this.container.clientWidth + this.container.scrollLeft) >= Math.floor(this.container.scrollWidth);
+    const e = R(), t = this.container.scrollWidth > this.container.clientWidth, l = this.container.scrollLeft > 0, o = Math.ceil(this.container.clientWidth + this.container.scrollLeft) >= Math.floor(this.container.scrollWidth);
     t !== this.scrollable && (t && !e ? this.container.classList.add("table__container--scrollable") : this.container.classList.remove("table__container--scrollable")), l !== this.scrolled && (l && !e ? this.container.classList.add("table__container--scrolled") : this.container.classList.remove("table__container--scrolled")), o !== this.scrolledToEnd && (o && !e ? this.container.classList.add("table__container--scrolled-to-end") : this.container.classList.remove("table__container--scrolled-to-end"));
   }
   getColumns() {
@@ -125,7 +127,7 @@ const E = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     return _(this);
   }
 };
-L.style = E;
+q.style = L;
 export {
-  L as swirl_table
+  q as swirl_table
 };

package/dist/{swirl-tabs.entry.22f66eec.js → swirl-tabs.entry.d052aeb9.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as e, c as b, h as s, H as r, g as n } from "./index.327e040c.js";
+import { r as e, c as b, h as s, H as r, g as n } from "./index.fac2ca3b.js";
 import "react";
 import "react-dom";
 const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", h = class {

package/dist/{swirl-tag.entry.58d4771e.js → swirl-tag.entry.bf1ed5f6.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r, c as s, h as t, H as n } from "./index.327e040c.js";
+import { r, c as s, h as t, H as n } from "./index.fac2ca3b.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-text-input.entry.7b69b715.js → swirl-text-input.entry.05526dfb.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.327e040c.js";
+import { r as h, c as n, h as i, H as d } from "./index.fac2ca3b.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { a as x } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-text.entry.8750032c.js → swirl-text.entry.8faa8db6.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as I, h as p, H as J, g as T } from "./index.327e040c.js";
+import { r as I, h as p, H as J, g as T } from "./index.fac2ca3b.js";
 import { c as V } from "./index-d280dafb.186cdb0e.js";
 import { b as G } from "./balancetext-fa49c64f.754e913c.js";
 import "react";

package/dist/{swirl-theme-provider.entry.238fdd0e.js → swirl-theme-provider.entry.6d4b1a33.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as j, c as E, h as w, H } from "./index.327e040c.js";
+import { r as j, c as E, h as w, H } from "./index.fac2ca3b.js";
 import "react";
 import "react-dom";
 function d(e, t, o) {

package/dist/{swirl-toast-provider.entry.00f1db69.js → swirl-toast-provider.entry.2269b752.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as n, h as a, H as r } from "./index.327e040c.js";
+import { r as n, h as a, H as r } from "./index.fac2ca3b.js";
 import "react";
 import "react-dom";
 const c = class {

package/dist/{swirl-toast.entry.297087ed.js → swirl-toast.entry.0196a135.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as a, c as n, h as i, H as r } from "./index.327e040c.js";
+import { r as a, c as n, h as i, H as r } from "./index.fac2ca3b.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { a as c } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-tooltip.entry.ba196e69.js → swirl-tooltip.entry.df8126bd.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as l } from "./index.327e040c.js";
+import { r as n, h as i, H as l } from "./index.fac2ca3b.js";
 import { c as r, o as p, s as h, f as d } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation-item.entry.05232d9c.js → swirl-tree-navigation-item.entry.81e6638b.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as s, g as r } from "./index.327e040c.js";
+import { r as t, h as i, H as s, g as r } from "./index.fac2ca3b.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.d77cf374.js → swirl-video-thumbnail.entry.94156c1e.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as n, H as e } from "./index.327e040c.js";
+import { r as t, h as n, H as e } from "./index.fac2ca3b.js";
 import "react";
 import "react-dom";
 const a = `:host {

package/dist/{swirl-visually-hidden.entry.b3d412a9.js → swirl-visually-hidden.entry.52ff9507.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.327e040c.js";
+import { r as s, h as i, H as l } from "./index.fac2ca3b.js";
 import "react";
 import "react-dom";
 const t = ":host{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", o = class {

package/dist/{wc-datepicker.entry.19dc1582.js → wc-datepicker.entry.7f4759a9.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as R, c as S, h as n, H, g as E } from "./index.327e040c.js";
+import { r as R, c as S, h as n, H, g as E } from "./index.fac2ca3b.js";
 import "react";
 import "react-dom";
 function T(e, t) {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.52.0",
+  "version": "0.53.1",
   "type": "module",
   "files": [
     "dist"
@@ -18,7 +18,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.53.0",
+    "@getflip/swirl-components": "^0.54.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },