@companix/uikit 0.0.63 → 0.0.64

package/dist/bundle.es27.js

@@ -1,122 +1,44 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { useFroozeClosing as M } from "./bundle.es47.js";
-import { Popover as j } from "./bundle.es10.js";
-import { useState as q, useRef as h, useMemo as V } from "react";
-import { Icon as g } from "./bundle.es33.js";
-import { attr as i, getActiveElementByAnotherElement as $, contains as B } from "@companix/utils-browser";
-import { mergeRefs as L } from "react-merge-refs";
-import { faXmark as X, faChevronDown as G } from "@companix/icons-solid";
-import { OptionsPopover as H } from "./bundle.es50.js";
-import { matchPattern as J } from "@companix/utils-js";
-const ne = (a) => {
-  const {
-    closeAfterSelect: v,
-    placeholder: C,
-    onChange: l,
-    onInputChange: x,
-    readOnly: c,
-    size: N = "md",
-    fill: O,
-    value: n,
-    inputRef: R,
-    disabled: u,
-    required: A,
-    // options popover
-    ...P
-  } = a, [f, b] = q(""), s = h(null), z = h(null), { popoverRef: d, froozePopoverPosition: D, handleAnimationEnd: E } = M(), S = (e) => n.includes(e) ? [...n] : [...n, e], k = (e) => n.filter((t) => e !== t), I = (e, t) => {
-    v ? (D(), l(e), t()) : l(e);
-  }, w = (e) => {
-    if (u) return;
-    d.current && d.current.getAttribute("data-state") === "open" && e.preventDefault();
-    const t = $(e.currentTarget);
-    e.defaultPrevented || B(e.currentTarget, t) || s.current && s.current.focus();
-  }, y = (e) => {
-    e.target !== s.current && e.preventDefault();
-  }, F = (e, t) => {
-    e.stopPropagation(), l(k(t));
-  }, T = ({ target: e }) => {
-    b(e.value), x?.(e.value);
-  }, m = V(() => {
-    const e = {};
-    return (a.options ?? a.defaultOptions ?? []).forEach((r) => {
-      e[r.value] = r;
-    }), e;
-  }, [a.options, a.defaultOptions]);
-  return /* @__PURE__ */ o(
-    j,
+import { jsx as f } from "react/jsx-runtime";
+import { useResizeTextarea as x } from "./bundle.es55.js";
+import { attr as e, callMultiple as u } from "@companix/utils-browser";
+import { useEffect as z } from "react";
+import { mergeRefs as R } from "react-merge-refs";
+const q = ({
+  onResize: m,
+  grow: a = !1,
+  value: t,
+  onChange: s,
+  disabled: o,
+  required: i,
+  rows: l = 2,
+  fill: p = !1,
+  textAreaRef: c,
+  ...d
+}) => {
+  const [n, r] = x(m, a);
+  return z(r, [r, t]), /* @__PURE__ */ f(
+    "div",
     {
-      minimal: !0,
-      ref: d,
-      sideOffset: 0,
-      matchTarget: "width",
-      onAnimationEnd: E,
-      onOpenAutoFocus: (e) => e.preventDefault(),
-      onCloseAutoFocus: (e) => e.preventDefault(),
-      content: ({ close: e }) => /* @__PURE__ */ o(
-        H,
+      className: "form form-textarea",
+      "data-required": e(i),
+      "data-disabled": e(o),
+      "data-fill": e(p),
+      children: /* @__PURE__ */ f(
+        "textarea",
         {
-          ...P,
-          isActive: (t) => n.includes(t),
-          onSelect: (t) => I(S(t), e),
-          disableFiltering: !f.trim(),
-          filterOptions: ({ title: t }) => J(t, f),
-          onOptionsLoaded: (t) => {
-            t.forEach((r) => {
-              m[r.value] = r;
-            });
-          }
-        }
-      ),
-      children: /* @__PURE__ */ o(
-        "div",
-        {
-          className: "form",
-          onClick: w,
-          onMouseDown: y,
-          "data-size": N ?? "md",
-          "data-fill": i(O),
-          "data-required": i(A),
-          "data-disabled": i(u),
-          children: /* @__PURE__ */ p("div", { className: "select-tags-container", children: [
-            /* @__PURE__ */ p("div", { className: "select-tags", children: [
-              n.length > 0 && /* @__PURE__ */ o(
-                "div",
-                {
-                  className: "tag-container",
-                  ref: z,
-                  role: "listbox",
-                  "data-readonly": i(c),
-                  children: n.map((e, t) => m[e] ? /* @__PURE__ */ p("div", { className: "tag", children: [
-                    /* @__PURE__ */ o("span", { className: "tag-name", children: m[e].title }),
-                    /* @__PURE__ */ o("button", { className: "tag-close-button", onClick: (r) => F(r, e), children: /* @__PURE__ */ o(g, { className: "tag-close-icon", icon: X, size: "xxxs" }) })
-                  ] }, `tag-option-${e}-${t}`) : null)
-                }
-              ),
-              (!c || n.length === 0) && /* @__PURE__ */ o(
-                "input",
-                {
-                  ref: L([R, s]),
-                  type: "text",
-                  autoCapitalize: "none",
-                  autoComplete: "off",
-                  autoCorrect: "off",
-                  className: "form-input",
-                  spellCheck: !1,
-                  value: f,
-                  disabled: u,
-                  readOnly: c,
-                  placeholder: C,
-                  onChange: T
-                }
-              )
-            ] }),
-            /* @__PURE__ */ o(g, { className: "expand-icon", icon: G, size: "xxxs" })
-          ] })
+          className: "form-input",
+          "data-grow": e(a),
+          value: t,
+          ref: R([c, n]),
+          rows: l,
+          disabled: o,
+          onChange: u(s, r),
+          ...d
         }
       )
     }
   );
 };
 export {
-  ne as SelectTags
+  q as TextArea
 };

package/dist/bundle.es28.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import { Popover as T } from "./bundle.es10.js";
-import { Input as w } from "./bundle.es13.js";
+import { Input as w } from "./bundle.es14.js";
 import { useState as A, useRef as j } from "react";
 import { Calendar as E } from "./bundle.es56.js";
 import { useDayDisableCheker as N } from "./bundle.es57.js";

package/dist/bundle.es32.js

@@ -4,7 +4,7 @@ import { getNum as v } from "@companix/utils-js";
 import { getTimesOptions as D, getTimeValue as A, removeDigits as W, convertTimeToOption as q } from "./bundle.es58.js";
 import { SelectRightElements as w } from "./bundle.es59.js";
 import { Select as y } from "./bundle.es12.js";
-import { Input as z } from "./bundle.es13.js";
+import { Input as z } from "./bundle.es14.js";
 const r = {
   char: ":",
   toString: (s) => s ? q(s, r.char) : "",

package/dist/bundle.es43.js

@@ -1,6 +1,6 @@
 import { jsx as r, Fragment as m } from "react/jsx-runtime";
 import { useContext as C, createContext as g, useState as h, useEffect as x, useCallback as u } from "react";
-import { Dialog as D } from "./bundle.es21.js";
+import { Dialog as D } from "./bundle.es22.js";
 import { hash as v } from "@companix/utils-js";
 const $ = (t) => {
   const e = {}, n = {}, l = [], c = v();

package/dist/bundle.es50.js

@@ -1,8 +1,8 @@
-import { jsx as i, jsxs as g } from "react/jsx-runtime";
+import { jsx as i, jsxs as x } from "react/jsx-runtime";
 import { useMemo as h, useEffect as O } from "react";
 import { Spinner as L } from "./bundle.es6.js";
-import { OptionItem as u } from "./bundle.es14.js";
-import { OptionsList as C } from "./bundle.es16.js";
+import { OptionItem as u } from "./bundle.es15.js";
+import { OptionsList as C } 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: [] }), k = (s) => {
@@ -23,11 +23,11 @@ const b = () => ({ isLoading: !1, options: [] }), k = (s) => {
     filterOptions: l,
     disableFiltering: e,
     ...d
-  } = s, { options: f, isLoading: v } = k(d), x = h(() => l && !e ? f.filter(l) : f, [f, l, e]);
+  } = s, { options: f, isLoading: v } = k(d), g = h(() => l && !e ? f.filter(l) : f, [f, l, e]);
   return v ? /* @__PURE__ */ i("div", { className: "select-popover-loading", children: /* @__PURE__ */ i(L, { size: 24 }) }) : /* @__PURE__ */ i(
     y,
     {
-      options: x,
+      options: g,
       isActive: n,
       emptyText: r,
       scrollboxRef: o,
@@ -51,8 +51,8 @@ const b = () => ({ isLoading: !1, options: [] }), k = (s) => {
     emptyText: l = "Ничего не найдено"
   } = s;
   return O(() => {
-    r?.(p.findIndex((e) => n(e.value)));
-  }, []), /* @__PURE__ */ g(C, { scrollboxRef: t, optionsWrapperRef: c, maxHeight: 300, children: [
+    console.log("onOpened"), r?.(p.findIndex((e) => n(e.value)));
+  }, []), /* @__PURE__ */ x(C, { scrollboxRef: t, optionsWrapperRef: c, maxHeight: 300, children: [
     o && /* @__PURE__ */ i(
       u,
       {

package/dist/bundle.es62.js

@@ -1,6 +1,6 @@
 import { jsx as s, Fragment as p } from "react/jsx-runtime";
 import { forwardRef as f, useState as u, useImperativeHandle as c } from "react";
-import { AlertDialog as x } from "./bundle.es22.js";
+import { AlertDialog as x } from "./bundle.es23.js";
 const g = f((a, l) => {
   const [i, n] = u([]);
   c(

package/dist/index.d.ts

@@ -19,6 +19,8 @@ export { Tooltip } from './Tooltip';
 export type { TooltipProps } from './Tooltip';
 export { Select } from './Select';
 export type { SelectProps, SelectParams } from './Select';
+export { SelectTags } from './SelectTags';
+export type { SelectTagsProps, SelectTagsParams } from './SelectTags';
 export { Input } from './Input/Input';
 export type { InputProps } from './Input/Input';
 export { OptionItem } from './OptionItem/OptionItem';
@@ -47,8 +49,6 @@ export { Countdown } from './Countdown';
 export type { CountDownProps } from './Countdown';
 export { TextArea } from './TextArea';
 export type { TextAreaProps } from './TextArea';
-export { SelectTags } from './SelectTags';
-export type { SelectTagsProps } from './SelectTags';
 export { DatePicker } from './DatePicker';
 export type { DatePickerProps } from './DatePicker';
 export { DateInput } from './DateInput';

package/package.json

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