@companix/uikit 0.0.70 → 0.0.72

package/dist/Button/Button.scss

@@ -112,14 +112,26 @@
 
   &[data-size='sm'] {
     @include mixins.use-styles(button, size, sm);
+
+    &:has(> svg:only-child) {
+      width: var(--button_size_sm_height);
+    }
   }
 
   &[data-size='md'] {
     @include mixins.use-styles(button, size, md);
+
+    &:has(> svg:only-child) {
+      width: var(--button_size_md_height);
+    }
   }
 
   &[data-size='lg'] {
     @include mixins.use-styles(button, size, lg);
+
+    &:has(> svg:only-child) {
+      width: var(--button_size_lg_height);
+    }
   }
 
   // text

package/dist/Select/OptionsPopover.d.ts

@@ -27,6 +27,7 @@ export interface SelectOptionsPopoverParams {
     minimalOptions?: boolean;
     addOption?: SelectAddOption;
     emptyText?: string;
+    isLoading?: boolean;
 }
 interface InternalListProps<T> extends SelectOptionsPopoverParams {
     options: Option<T>[];

package/dist/bundle.es50.js

@@ -1,87 +1,88 @@
-import { jsx as e, jsxs as y } from "react/jsx-runtime";
-import { useMemo as L, useEffect as h } from "react";
+import { jsx as i, jsxs as v } from "react/jsx-runtime";
+import { useMemo as y, useEffect as h } from "react";
 import { Spinner as k } from "./bundle.es6.js";
 import { OptionItem as C } from "./bundle.es15.js";
-import { OptionsList as T } from "./bundle.es17.js";
-import { Icon as P } from "./bundle.es33.js";
+import { OptionsList as P } from "./bundle.es17.js";
+import { Icon as T } from "./bundle.es33.js";
 import { faPlus as R } from "@companix/icons-solid";
-const S = () => ({ isLoading: !1, options: [] }), b = (n) => {
-  const { onOptionsLoaded: i, useOptions: s = S, options: o } = n, t = s();
+const S = () => ({ isLoading: !1, options: [] }), b = (s) => {
+  const { onOptionsLoaded: e, useOptions: p = S, options: o } = s, t = p();
   return h(() => {
-    t.options.length > 0 && i?.(t.options);
+    t.options.length > 0 && e?.(t.options);
   }, [t.options]), o ? { options: o, isLoading: !1 } : t;
-}, F = (n) => {
+}, F = (s) => {
   const {
-    isActive: i,
-    emptyText: s,
-    scrollboxRef: o,
-    optionsWrapperRef: t,
-    addOption: f,
-    onOpened: p,
-    onSelect: d,
+    isActive: e,
+    emptyText: p,
+    isLoading: o,
+    scrollboxRef: t,
+    optionsWrapperRef: a,
+    addOption: r,
+    onOpened: d,
+    onSelect: f,
     minimalOptions: O,
-    filterOptions: r,
-    disableFiltering: m,
-    close: c,
-    ...a
-  } = n, { emptyText: u, options: l, isLoading: x } = b(a), g = L(() => r && !m ? l.filter(r) : l, [l, r, m]);
-  return x ? /* @__PURE__ */ e("div", { className: "select-popover-loading", children: /* @__PURE__ */ e(k, { size: 24 }) }) : /* @__PURE__ */ e(
+    filterOptions: c,
+    disableFiltering: n,
+    close: m,
+    ...u
+  } = s, { emptyText: x, options: l, isLoading: g } = b(u), L = y(() => c && !n ? l.filter(c) : l, [l, c, n]);
+  return g ?? o ? /* @__PURE__ */ i("div", { className: "select-popover-loading", children: /* @__PURE__ */ i(k, { size: 24 }) }) : /* @__PURE__ */ i(
     I,
     {
-      options: g,
-      isActive: i,
-      emptyText: u ?? s,
-      scrollboxRef: o,
-      optionsWrapperRef: t,
+      options: L,
+      isActive: e,
+      emptyText: x ?? p,
+      scrollboxRef: t,
+      optionsWrapperRef: a,
       minimalOptions: O,
-      addOption: f,
-      onOpened: p,
-      onSelect: d,
-      close: c
+      addOption: r,
+      onOpened: d,
+      onSelect: f,
+      close: m
     }
   );
-}, I = (n) => {
+}, I = (s) => {
   const {
-    isActive: i,
-    onOpened: s,
+    isActive: e,
+    onOpened: p,
     addOption: o,
     scrollboxRef: t,
-    optionsWrapperRef: f,
-    options: p,
+    optionsWrapperRef: a,
+    options: r,
     onSelect: d,
-    minimalOptions: O,
-    emptyText: r = "Ничего не найдено",
-    close: m
-  } = n;
+    minimalOptions: f,
+    emptyText: O = "Ничего не найдено",
+    close: c
+  } = s;
   return h(() => {
-    s?.(p.findIndex(({ value: c }) => i(c)));
-  }, []), /* @__PURE__ */ y(T, { scrollboxRef: t, optionsWrapperRef: f, maxHeight: 300, children: [
-    o && /* @__PURE__ */ e(
+    p?.(r.findIndex(({ value: n }) => e(n)));
+  }, []), /* @__PURE__ */ v(P, { scrollboxRef: t, optionsWrapperRef: a, maxHeight: 300, children: [
+    o && /* @__PURE__ */ i(
       C,
       {
         className: "select-add-option",
-        icon: /* @__PURE__ */ e(P, { icon: R }),
+        icon: /* @__PURE__ */ i(T, { icon: R }),
         title: o.text,
         onClick: o.onClick,
         onClickCapture: () => {
-          o.closeOnClick && m();
+          o.closeOnClick && c();
         }
       }
     ),
-    p.length === 0 && !o && /* @__PURE__ */ e("div", { className: "select-tags-empty", children: r }),
-    p.map(({ title: c, value: a, className: u, icon: l, disabled: x, label: g }, v) => /* @__PURE__ */ e(
+    r.length === 0 && !o && /* @__PURE__ */ i("div", { className: "select-tags-empty", children: O }),
+    r.map(({ title: n, value: m, className: u, icon: x, disabled: l, label: g }, L) => /* @__PURE__ */ i(
       C,
       {
-        active: i(a),
-        onClick: () => d?.(a),
-        minimal: O,
-        disabled: x,
+        active: e(m),
+        onClick: () => d?.(m),
+        minimal: f,
+        disabled: l,
         className: u,
-        title: c,
+        title: n,
         label: g,
-        icon: l
+        icon: x
       },
-      `select-option-${v}`
+      `select-option-${L}`
     ))
   ] });
 };

package/package.json

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