@companix/uikit 0.0.87 → 0.0.89

package/dist/WriteBar/WireBar.scss

@@ -94,6 +94,7 @@
     min-width: 44px;
     width: 44px;
     transition: all 150ms;
+    outline: none;
 
     &[data-hidden] {
       transform: scale(0);

package/dist/WriteBar/index.d.ts

@@ -6,13 +6,14 @@ export interface WriteBarProps extends Pick<React.TextareaHTMLAttributes<HTMLTex
     inlineAfter?: React.ReactNode;
     after?: React.ReactNode;
     onHeightChange?: VoidFunction;
+    contnetClassName?: string;
     shadow?: boolean;
-    header?: React.ReactNode;
+    attachbar?: React.ReactNode;
     children?: never;
 }
 export declare const WriteBar: {
-    ({ before, inlineAfter, after, onHeightChange, shadow, containerRef, header, textareaRef, autoComplete, cols, dirName, disabled, maxLength, minLength, name, placeholder, readOnly, required, value, wrap, rows, onChange, onFocus, onBlur, id, inputMode, defaultValue, autoFocus, tabIndex, spellCheck, className, ...restProps }: WriteBarProps): import("react/jsx-runtime").JSX.Element;
-    IconButton({ icon, mode, onClick, isLoading, isHidden }: WriteBarIconProps): import("react/jsx-runtime").JSX.Element;
+    ({ before, inlineAfter, after, onHeightChange, shadow, containerRef, attachbar, contnetClassName, textareaRef, autoComplete, cols, dirName, disabled, maxLength, minLength, name, placeholder, readOnly, required, value, wrap, rows, onChange, onFocus, onBlur, id, inputMode, defaultValue, autoFocus, tabIndex, spellCheck, className, ...restProps }: WriteBarProps): import("react/jsx-runtime").JSX.Element;
+    IconButton({ Component, icon, mode, onClick, isLoading, isHidden }: WriteBarIconProps): import("react/jsx-runtime").JSX.Element;
 };
 interface WriteBarIconProps {
     icon: IconDefinition;
@@ -20,5 +21,6 @@ interface WriteBarIconProps {
     mode: 'send' | 'attach';
     isLoading?: boolean;
     isHidden?: boolean;
+    Component?: React.ElementType;
 }
 export {};

package/dist/bundle.es38.js

@@ -1,83 +1,100 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import y from "classnames";
-import { Spinner as D } from "./bundle.es6.js";
-import { Icon as E } from "./bundle.es33.js";
-import { useResizeTextarea as F } from "./bundle.es43.js";
-import { callMultiple as G, attr as H } from "@companix/utils-browser";
-import { mergeRefs as J } from "react-merge-refs";
-const K = ({
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import m from "classnames";
+import { Spinner as E } from "./bundle.es6.js";
+import { Icon as F } from "./bundle.es33.js";
+import { useResizeTextarea as G } from "./bundle.es43.js";
+import { callMultiple as H, attr as J } from "@companix/utils-browser";
+import { mergeRefs as K } from "react-merge-refs";
+const L = ({
   // WriteBarProps
   before: r,
-  inlineAfter: a,
+  inlineAfter: o,
   after: i,
   onHeightChange: t,
-  shadow: o = !1,
-  containerRef: n,
-  header: m,
+  shadow: s = !1,
+  containerRef: a,
+  attachbar: c,
+  contnetClassName: d,
   // textarea props
-  textareaRef: c,
-  autoComplete: d,
-  cols: l,
-  dirName: L,
-  disabled: f,
-  maxLength: p,
-  minLength: h,
-  name: x,
-  placeholder: b,
-  readOnly: u,
-  required: w,
-  value: N,
-  wrap: v,
-  rows: z,
-  onChange: R,
-  onFocus: g,
-  onBlur: j,
-  id: B,
-  inputMode: I,
-  defaultValue: T,
-  autoFocus: A,
-  tabIndex: C,
-  spellCheck: M,
-  className: S,
-  ...W
+  textareaRef: l,
+  autoComplete: f,
+  cols: p,
+  dirName: O,
+  disabled: h,
+  maxLength: x,
+  minLength: b,
+  name: u,
+  placeholder: w,
+  readOnly: N,
+  required: v,
+  value: z,
+  wrap: R,
+  rows: g,
+  onChange: j,
+  onFocus: B,
+  onBlur: I,
+  id: T,
+  inputMode: A,
+  defaultValue: C,
+  autoFocus: M,
+  tabIndex: S,
+  spellCheck: W,
+  className: k,
+  ...q
 }) => {
-  const [k, q] = F(t, !0);
-  return /* @__PURE__ */ s("div", { ref: n, ...W, className: y("write-bar", S), children: [
-    m,
-    /* @__PURE__ */ s("div", { className: "write-bar-content", children: [
+  const [y, D] = G(t, !0);
+  return /* @__PURE__ */ n("div", { ref: a, ...q, className: m("write-bar", k), children: [
+    c,
+    /* @__PURE__ */ n("div", { className: m("write-bar-content", d), children: [
       r && /* @__PURE__ */ e("div", { className: "write-bar-before", children: r }),
       /* @__PURE__ */ e("div", { className: "write-bar-form", children: /* @__PURE__ */ e(
         "textarea",
         {
-          ref: J([c, k]),
-          id: B,
-          onChange: G(R, q),
-          autoComplete: d,
-          cols: l,
-          disabled: f,
-          maxLength: p,
-          minLength: h,
-          name: x,
-          placeholder: b,
-          readOnly: u,
-          required: w,
-          value: N,
-          wrap: v,
-          rows: z,
-          onFocus: g,
-          onBlur: j,
-          inputMode: I,
-          defaultValue: T,
-          autoFocus: A,
-          tabIndex: C,
-          spellCheck: M
+          ref: K([l, y]),
+          id: T,
+          onChange: H(j, D),
+          autoComplete: f,
+          cols: p,
+          disabled: h,
+          maxLength: x,
+          minLength: b,
+          name: u,
+          placeholder: w,
+          readOnly: N,
+          required: v,
+          value: z,
+          wrap: R,
+          rows: g,
+          onFocus: B,
+          onBlur: I,
+          inputMode: A,
+          defaultValue: C,
+          autoFocus: M,
+          tabIndex: S,
+          spellCheck: W
         }
       ) }),
       i && /* @__PURE__ */ e("div", { className: "write-bar-after", children: i })
     ] })
   ] });
 };
-K.IconButton = ({ icon: r, mode: a, onClick: i, isLoading: t, isHidden: o }) => /* @__PURE__ */ e("button", { onClick: i, className: "write-bar-icon", "data-mode": a, "data-hidden": H(o), children: t ? /* @__PURE__ */ e(D, { size: 18 }) : /* @__PURE__ */ e(E, { icon: r, size: "xxs" }) });
+L.IconButton = ({
+  Component: r = "button",
+  icon: o,
+  mode: i,
+  onClick: t,
+  isLoading: s,
+  isHidden: a
+}) => /* @__PURE__ */ e(
+  r,
+  {
+    onClick: t,
+    className: "write-bar-icon",
+    "data-mode": i,
+    "data-hidden": J(a),
+    children: s ? /* @__PURE__ */ e(E, { size: 18 }) : /* @__PURE__ */ e(F, { icon: o, size: "xxs" })
+  }
+);
 export {
-  K as WriteBar
+  L as WriteBar
 };

package/package.json

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