@companix/uikit 0.0.72 → 0.0.73

package/dist/Select/OptionsPopover.d.ts

@@ -26,6 +26,7 @@ export interface SelectAddOption {
 export interface SelectOptionsPopoverParams {
     minimalOptions?: boolean;
     addOption?: SelectAddOption;
+    addOptionPosition?: 'first' | 'last';
     emptyText?: string;
     isLoading?: boolean;
 }

package/dist/bundle.es50.js

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

package/package.json

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