@companix/uikit 0.0.47 → 0.0.49

package/dist/Spinner/index.d.ts

@@ -1,5 +1,6 @@
 export interface SpinnerProps {
     size?: number;
     className?: string;
+    color?: string;
 }
-export declare const Spinner: ({ size, className }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Spinner: ({ size, className, color }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/bundle.es27.js

@@ -1,67 +1,65 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import { useFroozeClosing as M } from "./bundle.es45.js";
-import { Popover as j } from "./bundle.es10.js";
-import { OptionItem as q } from "./bundle.es14.js";
-import { OptionsList as V } from "./bundle.es16.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useFroozeClosing as j } from "./bundle.es45.js";
+import { Popover as q } from "./bundle.es10.js";
+import { OptionItem as V } from "./bundle.es14.js";
+import { OptionsList as B } from "./bundle.es16.js";
 import { Icon as d } from "./bundle.es33.js";
-import { useState as B, useRef as h, useMemo as g } from "react";
-import { attr as v, getActiveElementByAnotherElement as H, contains as Q } from "@companix/utils-browser";
-import { mergeRefs as X } from "react-merge-refs";
-import { faXmark as G, faChevronDown as J } from "@companix/icons-solid";
-const re = (x) => {
+import { useState as H, useRef as h, useMemo as g } from "react";
+import { attr as v, getActiveElementByAnotherElement as L, contains as X } from "@companix/utils-browser";
+import { mergeRefs as G } from "react-merge-refs";
+import { faXmark as J, faChevronDown as K } from "@companix/icons-solid";
+import { matchPattern as Q } from "@companix/utils-js";
+const ie = (x) => {
   const {
     options: r,
     closeAfterSelect: C,
     placeholder: N,
-    onChange: l,
+    onChange: c,
     emptyText: R = "Ничего не найдено",
-    readOnly: m,
-    size: z = "md",
+    readOnly: l,
+    size: A = "md",
     value: n,
-    inputRef: A,
+    inputRef: z,
     disabled: f,
-    required: y
-  } = x, [s, D] = B(""), a = h(null), b = h(null), { popoverRef: u, froozePopoverPosition: k, handleAnimationEnd: w } = M(), E = g(() => {
+    required: D
+  } = x, [a, P] = H(""), i = h(null), b = h(null), { popoverRef: m, froozePopoverPosition: k, handleAnimationEnd: y } = j(), E = g(() => {
     const e = {};
     return r.forEach((t) => {
       e[t.value] = t;
     }), e;
-  }, [r]), O = (e) => n.includes(e) ? [...n] : [...n, e], P = (e) => n.filter((t) => e !== t), T = (e, t) => {
-    C ? (k(), l(e), t()) : l(e);
-  }, p = g(() => s.trim() ? r.filter(({ title: e }) => {
-    const t = e.toLowerCase(), i = s.trim().toLowerCase();
-    return t.indexOf(i) >= 0;
-  }) : r, [s, r]), I = (e) => {
+  }, [r]), O = (e) => n.includes(e) ? [...n] : [...n, e], T = (e) => n.filter((t) => e !== t), w = (e, t) => {
+    C ? (k(), c(e), t()) : c(e);
+  }, p = g(() => a.trim() ? r.filter(({ title: e }) => Q(e, a)) : r, [a, r]), I = (e) => {
     if (f) return;
-    u.current && u.current.getAttribute("data-state") === "open" && e.preventDefault();
-    const t = H(e.currentTarget);
-    e.defaultPrevented || Q(e.currentTarget, t) || a.current && a.current.focus();
+    m.current && m.current.getAttribute("data-state") === "open" && e.preventDefault();
+    const t = L(e.currentTarget);
+    e.defaultPrevented || X(e.currentTarget, t) || i.current && i.current.focus();
   }, S = (e) => {
-    e.target !== a.current && e.preventDefault();
+    e.target !== i.current && e.preventDefault();
   }, $ = (e, t) => {
-    e.stopPropagation(), l(P(t));
+    e.stopPropagation(), c(T(t));
   };
   return /* @__PURE__ */ o(
-    j,
+    q,
     {
       minimal: !0,
-      ref: u,
+      ref: m,
       sideOffset: 0,
       matchTarget: "width",
-      onAnimationEnd: w,
+      onAnimationEnd: y,
       onOpenAutoFocus: (e) => e.preventDefault(),
       onCloseAutoFocus: (e) => e.preventDefault(),
-      content: ({ close: e }) => /* @__PURE__ */ c(V, { maxHeight: 300, children: [
+      content: ({ close: e }) => /* @__PURE__ */ s(B, { maxHeight: 300, children: [
         p.length === 0 && /* @__PURE__ */ o("div", { className: "select-tags-empty", children: R }),
-        p.map(({ value: t, title: i, icon: F }, L) => /* @__PURE__ */ o(
-          q,
+        p.map(({ value: t, title: u, icon: F }, M) => /* @__PURE__ */ o(
+          V,
           {
             active: n.includes(t),
-            onClick: () => T(O(t), e),
-            title: i,
+            onClick: () => w(O(t), e),
+            title: u,
             icon: F
           },
-          `option-item-${t}-${L}`
+          `option-item-${t}-${M}`
         ))
       ] }),
       children: /* @__PURE__ */ o(
@@ -70,42 +68,42 @@ const re = (x) => {
           className: "form",
           onClick: I,
           onMouseDown: S,
-          "data-size": z,
-          "data-required": v(y),
-          children: /* @__PURE__ */ c("div", { className: "select-tags-container", children: [
-            /* @__PURE__ */ c("div", { className: "select-tags", children: [
+          "data-size": A,
+          "data-required": v(D),
+          children: /* @__PURE__ */ s("div", { className: "select-tags-container", children: [
+            /* @__PURE__ */ s("div", { className: "select-tags", children: [
               n.length > 0 && /* @__PURE__ */ o(
                 "div",
                 {
                   className: "tag-container",
                   ref: b,
                   role: "listbox",
-                  "data-readonly": v(m),
-                  children: n.map((e, t) => /* @__PURE__ */ c("div", { className: "tag", children: [
+                  "data-readonly": v(l),
+                  children: n.map((e, t) => /* @__PURE__ */ s("div", { className: "tag", children: [
                     /* @__PURE__ */ o("span", { className: "tag-name", children: E[e].title }),
-                    /* @__PURE__ */ o("button", { className: "tag-close-button", onClick: (i) => $(i, e), children: /* @__PURE__ */ o(d, { className: "tag-close-icon", icon: G, size: "xxxs" }) })
+                    /* @__PURE__ */ o("button", { className: "tag-close-button", onClick: (u) => $(u, e), children: /* @__PURE__ */ o(d, { className: "tag-close-icon", icon: J, size: "xxxs" }) })
                   ] }, `tag-option-${e}-${t}`))
                 }
               ),
-              (!m || n.length === 0) && /* @__PURE__ */ o(
+              (!l || n.length === 0) && /* @__PURE__ */ o(
                 "input",
                 {
-                  ref: X([A, a]),
+                  ref: G([z, i]),
                   type: "text",
                   autoCapitalize: "none",
                   autoComplete: "off",
                   autoCorrect: "off",
                   className: "form-input",
                   spellCheck: !1,
-                  value: s,
+                  value: a,
                   disabled: f,
-                  readOnly: m,
+                  readOnly: l,
                   placeholder: N,
-                  onChange: ({ target: e }) => D(e.value)
+                  onChange: ({ target: e }) => P(e.value)
                 }
               )
             ] }),
-            /* @__PURE__ */ o(d, { className: "expand-icon", icon: J, size: "xxxs" })
+            /* @__PURE__ */ o(d, { className: "expand-icon", icon: K, size: "xxxs" })
           ] })
         }
       )
@@ -113,5 +111,5 @@ const re = (x) => {
   );
 };
 export {
-  re as SelectTags
+  ie as SelectTags
 };

package/dist/bundle.es6.js

@@ -1,13 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
-import n from "classnames";
-const s = ({ size: r = 40, className: t }) => /* @__PURE__ */ e(
+import { jsx as n } from "react/jsx-runtime";
+import o from "classnames";
+const i = ({ size: r = 40, className: t, color: e }) => /* @__PURE__ */ n(
   "div",
   {
-    style: { width: `${r}px`, height: `${r}px` },
-    className: n("spinner", t),
+    style: { width: `${r}px`, height: `${r}px`, color: e },
+    className: o("spinner", t),
     role: "status"
   }
 );
 export {
-  s as Spinner
+  i as Spinner
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companix/uikit",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "main": "./dist/bundle.es.js",
   "module": "./dist/bundle.es.js",
   "types": "./dist/index.d.ts",