@companix/uikit 0.0.73 → 0.0.75

package/dist/Drawer/index.d.ts

@@ -4,10 +4,11 @@ export interface DrawerProps {
     onOpenChange: (value: boolean) => void;
     children: React.ReactNode;
     direction?: 'bottom' | 'top' | 'left' | 'right';
+    onClosed?: () => void;
     className?: string;
     size?: string;
 }
 export declare const Drawer: {
-    ({ open, onOpenChange, children, size, direction, className }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+    ({ open, onClosed, onOpenChange, children, size, direction, className }: DrawerProps): import("react/jsx-runtime").JSX.Element;
     Close: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
 };

package/dist/Select/OptionsPopover.d.ts

@@ -20,13 +20,13 @@ export type OptionsSourceControl<T> = OptionsSource<T> & {
 };
 export interface SelectAddOption {
     text: string;
+    position?: 'first' | 'last';
     closeOnClick?: boolean;
     onClick: () => void;
 }
 export interface SelectOptionsPopoverParams {
     minimalOptions?: boolean;
     addOption?: SelectAddOption;
-    addOptionPosition?: 'first' | 'last';
     emptyText?: string;
     isLoading?: boolean;
 }

package/dist/bundle.es21.js

@@ -1,25 +1,35 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import c from "classnames";
-import * as r from "@radix-ui/react-dialog";
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import d from "classnames";
+import * as e from "@radix-ui/react-dialog";
 import { VisuallyHidden as i } from "@radix-ui/react-visually-hidden";
-import { customCSS as d } from "@companix/utils-browser";
-const p = ({ open: t, onOpenChange: l, children: a, size: s, direction: m, className: n }) => /* @__PURE__ */ e(r.Root, { open: t, onOpenChange: l, children: /* @__PURE__ */ o(r.Portal, { children: [
-  /* @__PURE__ */ e(r.Overlay, { className: "drawer-overlay" }),
+import { customCSS as p } from "@companix/utils-browser";
+import { RemoveListener as f } from "./bundle.es54.js";
+const h = ({
+  open: t,
+  onClosed: l,
+  onOpenChange: a,
+  children: m,
+  size: s,
+  direction: c,
+  className: n
+}) => /* @__PURE__ */ r(e.Root, { open: t, onOpenChange: a, children: /* @__PURE__ */ o(e.Portal, { children: [
+  /* @__PURE__ */ r(e.Overlay, { className: "drawer-overlay" }),
   /* @__PURE__ */ o(
-    r.Content,
+    e.Content,
     {
-      style: d({ "--drawer-size": s ?? "50%" }),
-      className: c("drawer", n),
-      "data-direction": m,
+      style: p({ "--drawer-size": s ?? "50%" }),
+      className: d("drawer", n),
+      "data-direction": c,
       children: [
-        /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r.Title, {}) }),
-        /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r.Description, {}) }),
-        a
+        /* @__PURE__ */ r(f, { callback: l }),
+        /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(e.Title, {}) }),
+        /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(e.Description, {}) }),
+        m
       ]
     }
   )
 ] }) });
-p.Close = r.Close;
+h.Close = e.Close;
 export {
-  p as Drawer
+  h as Drawer
 };

package/dist/bundle.es50.js

@@ -1,96 +1,95 @@
-import { jsx as i, jsxs as P } from "react/jsx-runtime";
+import { jsx as i, jsxs as y } 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();
+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;
-}, M = (s) => {
+}, H = (n) => {
   const {
     isActive: e,
-    emptyText: p,
+    emptyText: s,
     isLoading: o,
     scrollboxRef: t,
-    optionsWrapperRef: f,
-    addOption: r,
-    onOpened: O,
-    onSelect: u,
-    minimalOptions: x,
-    filterOptions: n,
-    disableFiltering: a,
-    close: m,
-    ...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,
+    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: d ?? p,
+      emptyText: x ?? s,
       scrollboxRef: t,
-      optionsWrapperRef: f,
-      minimalOptions: x,
-      addOption: r,
-      onOpened: O,
-      onSelect: u,
-      close: m
+      optionsWrapperRef: d,
+      minimalOptions: u,
+      addOption: p,
+      onOpened: f,
+      onSelect: O,
+      close: c
     }
   );
-}, j = (s) => {
+}, N = (n) => {
   const {
     isActive: e,
-    onOpened: p,
+    onOpened: s,
     addOption: o,
     scrollboxRef: t,
-    optionsWrapperRef: f,
-    options: r,
-    onSelect: O,
-    minimalOptions: u,
-    emptyText: x = "Ничего не найдено",
-    addOptionPosition: n = "first",
-    close: a
-  } = s;
+    optionsWrapperRef: d,
+    options: p,
+    onSelect: f,
+    minimalOptions: O,
+    emptyText: u = "Ничего не найдено",
+    close: r
+  } = n;
   C(() => {
-    p?.(r.findIndex(({ value: l }) => e(l)));
+    s?.(p.findIndex(({ value: c }) => e(c)));
   }, []);
-  const m = o ? /* @__PURE__ */ i(
-    v,
+  const l = o ? /* @__PURE__ */ i(
+    L,
     {
       className: "select-add-option",
-      icon: /* @__PURE__ */ i(S, { icon: b }),
+      icon: /* @__PURE__ */ i(R, { icon: S }),
       title: o.text,
       onClick: o.onClick,
       onClickCapture: () => {
-        o.closeOnClick && a();
+        o.closeOnClick && r();
       }
     }
   ) : 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,
+  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(d),
-        onClick: () => O?.(d),
-        minimal: u,
-        disabled: L,
-        className: c,
-        title: l,
-        label: h,
-        icon: g
+        active: e(a),
+        onClick: () => f?.(a),
+        minimal: O,
+        disabled: g,
+        className: x,
+        title: c,
+        label: v,
+        icon: m
       },
-      `select-option-${y}`
+      `select-option-${h}`
     )),
-    n === "last" && m
+    o?.position === "last" && l
   ] });
 };
 export {
-  M as OptionsPopover,
-  j as SelectOptionsList
+  H as OptionsPopover,
+  N as SelectOptionsList
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companix/uikit",
-  "version": "0.0.73",
+  "version": "0.0.75",
   "main": "./dist/bundle.es.js",
   "module": "./dist/bundle.es.js",
   "types": "./dist/index.d.ts",
@@ -8,7 +8,7 @@
   "files": [
     "dist"
   ],
-  "author": "Pavel Victorov",
+  "author": "Pavel Victorov.",
   "scripts": {
     "echo": "echo \"uikit\"",
     "dev": "vite --config vite.config.ts",