@companix/uikit 0.0.72 → 0.0.74

package/dist/Select/OptionsPopover.d.ts

@@ -20,6 +20,7 @@ export type OptionsSourceControl<T> = OptionsSource<T> & {
 };
 export interface SelectAddOption {
     text: string;
+    position?: 'first' | 'last';
     closeOnClick?: boolean;
     onClick: () => void;
 }

package/dist/bundle.es50.js

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

package/package.json

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