@getflip/swirl-components-react 0.57.0 → 0.57.1

package/package.json

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

package/dist/swirl-select.entry.c13688aa.js

@@ -1,48 +0,0 @@
-import { r as a, c as r, h as e, H as c, g as d } from "./index.14b8bf64.js";
-import { c as h } from "./index-d280dafb.186cdb0e.js";
-import { q as p } from "./utils-61f188cc.4a43deab.js";
-import "react";
-import "react-dom";
-const u = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select--disabled.sc-swirl-select .select__label.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{top:0}.select__label.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.375rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__label.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__label.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__indicator.sc-swirl-select{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;color:var(--s-icon-default)}", v = class {
-  constructor(s) {
-    a(this, s), this.valueChange = r(this, "valueChange", 7), this.select = (i) => {
-      this.value = i.detail, this.valueChange.emit(this.value), this.multiSelect || this.popover.close();
-    }, this.onSlotChange = () => {
-      this.updateOptions();
-    }, this.onOpen = () => {
-      this.open = !0;
-    }, this.onClose = () => {
-      this.open = !1;
-    }, this.onKeyDown = (i) => {
-      (i.code === "Space" || i.code === "Enter") && (i.preventDefault(), this.popover.open());
-    }, this.disabled = void 0, this.inline = void 0, this.invalid = void 0, this.label = void 0, this.multiSelect = void 0, this.required = void 0, this.selectId = Math.round(Math.random() * 1e6).toString(), this.swirlAriaDescribedby = void 0, this.value = void 0, this.options = [], this.open = void 0;
-  }
-  componentWillLoad() {
-    queueMicrotask(() => {
-      this.updateOptions();
-    });
-  }
-  onWindowFocusIn(s) {
-    s.target === this.el.querySelector("input") && s.stopImmediatePropagation();
-  }
-  updateOptions() {
-    this.options = p(this.el, "swirl-option-list-item");
-  }
-  render() {
-    const s = Boolean(this.value) ? this.value.map((t) => {
-      var l;
-      return (l = this.options.find((o) => o.value === t)) === null || l === void 0 ? void 0 : l.label;
-    }).join(", ") : "", i = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, n = h("select", {
-      "select--disabled": this.disabled,
-      "select--inline": this.inline
-    });
-    return e(c, { onKeyDown: this.onKeyDown }, e("div", { class: n }, e("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": i, class: "select__label", disabled: this.disabled, id: `trigger-${this.selectId}`, readOnly: !0, type: "text", value: s }), e("span", { class: "select__indicator" }, this.open ? e("swirl-icon-expand-less", null) : e("swirl-icon-expand-more", null)), e("swirl-popover", { animation: "scale-in-y", class: "select__popover", enableFlip: !1, label: this.label, offset: [16, -16], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, popoverId: `select-options-${this.selectId}`, ref: (t) => this.popover = t, trigger: `trigger-${this.selectId}`, useContainerWidth: "swirl-form-control" }, e("swirl-option-list", { onValueChange: this.select, multiSelect: this.multiSelect, value: this.value }, e("slot", { onSlotchange: this.onSlotChange })))));
-  }
-  get el() {
-    return d(this);
-  }
-};
-v.style = u;
-export {
-  v as swirl_select
-};