@smwb/ui-react 2.6.3 → 2.8.0

package/dist/react-table/components/feedBack/message/message.js

@@ -1,31 +0,0 @@
-import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { forwardRef as b } from "react";
-import f from "clsx";
-import { Icon as p } from "../../base/icon/icon.js";
-const w = b(
-  ({ className: e, children: m, type: t, severity: s, variant: l = "filled", onClose: r, closeAriaLabel: n = "Close", ...c }, i) => {
-    const a = s != null ? s : t, d = f("smwb-message", `smwb-message_${l}`, e, {
-      [`smwb-message_${a}`]: !!a
-    });
-    return /* @__PURE__ */ g(
-      "div",
-      {
-        "data-testid": "message",
-        role: "alert",
-        "aria-live": a === "error" ? "assertive" : "polite",
-        ...c,
-        className: d,
-        ref: i,
-        children: [
-          m,
-          r && /* @__PURE__ */ o("button", { className: "smwb-message__close-btn", onClick: r, "aria-label": n, type: "button", children: /* @__PURE__ */ o(p, { name: "close", weight: 1e3 }) })
-        ]
-      }
-    );
-  }
-), _ = ({ children: e }) => /* @__PURE__ */ o("div", { className: "smwb-message__header", children: e }), C = Object.assign(w, { Header: _ });
-export {
-  w as MessageContainer,
-  C as default
-};
-//# sourceMappingURL=message.js.map

package/dist/react-table/components/feedBack/message/message.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"message.js","sources":["../../../../../src/components/feedBack/message/message.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\n\nexport type MessageSeverity = \"success\" | \"error\" | \"warning\" | \"info\";\n\nexport interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  variant?: \"outlined\" | \"filled\" | \"left-accent\";\n  onClose?: () => void; // или с событием, если нужно\n  /** @deprecated use `severity`. */\n  type?: MessageSeverity;\n  /** Semantic severity of the message. */\n  severity?: MessageSeverity;\n  /** Accessible label for the close button. */\n  closeAriaLabel?: string;\n}\n\nexport const MessageContainer = forwardRef<HTMLDivElement, PropsWithChildren<MessageProps>>(\n  ({ className, children, type, severity, variant = \"filled\", onClose, closeAriaLabel = \"Close\", ...props }, ref) => {\n    const resolvedSeverity = severity ?? type;\n    const messageClassnames = cn(\"smwb-message\", `smwb-message_${variant}`, className, {\n      [`smwb-message_${resolvedSeverity}`]: Boolean(resolvedSeverity),\n    });\n\n    return (\n      <div\n        data-testid=\"message\"\n        role=\"alert\"\n        aria-live={resolvedSeverity === \"error\" ? \"assertive\" : \"polite\"}\n        {...props}\n        className={messageClassnames}\n        ref={ref}\n      >\n        {children}\n        {onClose && (\n          <button className=\"smwb-message__close-btn\" onClick={onClose} aria-label={closeAriaLabel} type=\"button\">\n            <Icon name=\"close\" weight={1000} />\n          </button>\n        )}\n      </div>\n    );\n  }\n);\n\nconst Header = ({ children }: PropsWithChildren) => {\n  return <div className=\"smwb-message__header\">{children}</div>;\n};\n\nconst Message = Object.assign(MessageContainer, { Header });\n\nexport default Message;\n"],"names":["MessageContainer","forwardRef","className","children","type","severity","variant","onClose","closeAriaLabel","props","ref","resolvedSeverity","messageClassnames","cn","jsxs","jsx","Icon","Header","Message"],"mappings":";;;;AAkBO,MAAMA,IAAmBC;AAAA,EAC9B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,MAAAC,GAAM,UAAAC,GAAU,SAAAC,IAAU,UAAU,SAAAC,GAAS,gBAAAC,IAAiB,SAAS,GAAGC,EAAA,GAASC,MAAQ;AACjH,UAAMC,IAAmBN,KAAA,OAAAA,IAAYD,GAC/BQ,IAAoBC,EAAG,gBAAgB,gBAAgBP,CAAO,IAAIJ,GAAW;AAAA,MACjF,CAAC,gBAAgBS,CAAgB,EAAE,GAAG,EAAQA;AAAA,IAAgB,CAC/D;AAED,WACE,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,MAAK;AAAA,QACL,aAAWH,MAAqB,UAAU,cAAc;AAAA,QACvD,GAAGF;AAAA,QACJ,WAAWG;AAAA,QACX,KAAAF;AAAA,QAEC,UAAA;AAAA,UAAAP;AAAA,UACAI,KACC,gBAAAQ,EAAC,UAAA,EAAO,WAAU,2BAA0B,SAASR,GAAS,cAAYC,GAAgB,MAAK,UAC7F,UAAA,gBAAAO,EAACC,GAAA,EAAK,MAAK,SAAQ,QAAQ,KAAM,EAAA,CACnC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF,GAEMC,IAAS,CAAC,EAAE,UAAAd,QACT,gBAAAY,EAAC,OAAA,EAAI,WAAU,wBAAwB,UAAAZ,EAAA,CAAS,GAGnDe,IAAU,OAAO,OAAOlB,GAAkB,EAAE,QAAAiB,GAAQ;"}

package/dist/react-table/components/feedBack/progressIndicator/progressIndicator.js

@@ -1,51 +0,0 @@
-import { jsx as i, jsxs as b, Fragment as _ } from "react/jsx-runtime";
-import { forwardRef as v, useRef as w, useEffect as h } from "react";
-import m from "clsx";
-const P = v(function({ type: r, variant: e, className: c, progressValue: a = 0, color: s = "primary", size: d = "medium", id: u, ...f }, n) {
-  const l = {
-    role: "progressbar",
-    "aria-label": f["aria-label"],
-    id: u,
-    ...r === "determinate" ? { "aria-valuenow": a, "aria-valuemin": 0, "aria-valuemax": 100 } : {}
-  }, o = s !== "primary" ? `smwb-indicator_color-${s}` : null;
-  return e === "circular" ? /* @__PURE__ */ i(
-    "div",
-    {
-      ref: n,
-      className: m("smwb-indicator_circular", `smwb-${r}`, o, `smwb-indicator_size-${d}`, c),
-      ...l,
-      children: r === "determinate" ? /* @__PURE__ */ i($, { progressValue: a }) : /* @__PURE__ */ b(_, { children: [
-        /* @__PURE__ */ i("div", { className: "smwb-indicator_circular__thumb" }),
-        /* @__PURE__ */ i("div", {}),
-        /* @__PURE__ */ i("div", {}),
-        /* @__PURE__ */ i("div", {})
-      ] })
-    }
-  ) : /* @__PURE__ */ i("div", { ref: n, className: m("smwb-indicator_linear", `smwb-${r}`, o, c), ...l, children: /* @__PURE__ */ i(
-    "div",
-    {
-      className: "smwb-indicator_linear__thumb",
-      style: r === "determinate" ? { width: `${a}%` } : {}
-    }
-  ) });
-});
-function $({ progressValue: t = 0 }) {
-  const r = w(null);
-  return h(() => {
-    var c;
-    if (!r.current || !r.current.r) return;
-    const e = (c = r.current) == null ? void 0 : c.r.baseVal.value;
-    if (e && r.current) {
-      const a = 2 * Math.PI * e;
-      r.current.style.strokeDasharray = `${a} ${a}`, r.current.style.strokeDashoffset = `${a}`;
-      const s = a - t / 100 * a;
-      r.current.style.strokeDashoffset = `${s}`;
-    }
-  }, [r, t]), /* @__PURE__ */ i("svg", { className: "smwb-indicator_circular__svg", children: /* @__PURE__ */ i("circle", { className: "smwb-indicator_circular__circle", cx: "24", cy: "24", r: "22", ref: r }) });
-}
-export {
-  $ as CircularProgress,
-  P as ProgressIndicator,
-  P as default
-};
-//# sourceMappingURL=progressIndicator.js.map

package/dist/react-table/components/feedBack/progressIndicator/progressIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progressIndicator.js","sources":["../../../../../src/components/feedBack/progressIndicator/progressIndicator.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useEffect } from \"react\";\nimport cn from \"clsx\";\n\nexport type ProgressColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface ProgressIndicatorProps {\n  className?: string;\n  variant: \"circular\" | \"linear\";\n  type: \"determinate\" | \"indeterminate\";\n  progressValue?: number;\n  /** Semantic color. */\n  color?: ProgressColor;\n  /** Circular size preset. */\n  size?: \"small\" | \"medium\" | \"large\";\n  /** Accessible name for the progress bar. */\n  \"aria-label\"?: string;\n  id?: string;\n}\n\nexport const ProgressIndicator = forwardRef<HTMLDivElement, ProgressIndicatorProps>(function ProgressIndicator(\n  { type, variant, className, progressValue = 0, color = \"primary\", size = \"medium\", id, ...rest },\n  ref\n) {\n  const ariaProps = {\n    role: \"progressbar\" as const,\n    \"aria-label\": rest[\"aria-label\"],\n    id,\n    ...(type === \"determinate\" ? { \"aria-valuenow\": progressValue, \"aria-valuemin\": 0, \"aria-valuemax\": 100 } : {}),\n  };\n  const colorClass = color !== \"primary\" ? `smwb-indicator_color-${color}` : null;\n\n  if (variant === \"circular\") {\n    return (\n      <div\n        ref={ref}\n        className={cn(\"smwb-indicator_circular\", `smwb-${type}`, colorClass, `smwb-indicator_size-${size}`, className)}\n        {...ariaProps}\n      >\n        {type === \"determinate\" ? (\n          <CircularProgress progressValue={progressValue} />\n        ) : (\n          <>\n            <div className=\"smwb-indicator_circular__thumb\" />\n            <div></div>\n            <div></div>\n            <div></div>\n          </>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div ref={ref} className={cn(\"smwb-indicator_linear\", `smwb-${type}`, colorClass, className)} {...ariaProps}>\n      <div\n        className=\"smwb-indicator_linear__thumb\"\n        style={type === \"determinate\" ? { width: `${progressValue}%` } : {}}\n      ></div>\n    </div>\n  );\n});\n\nexport interface CircularProgressProps {\n  progressValue?: number;\n}\n\nexport function CircularProgress({ progressValue = 0 }: CircularProgressProps) {\n  const circleRef = useRef<SVGCircleElement>(null);\n\n  useEffect(() => {\n    if (!circleRef.current || !circleRef.current.r) return;\n\n    const circleRadius = circleRef.current?.r.baseVal.value;\n    if (circleRadius && circleRef.current) {\n      const circleLength = 2 * Math.PI * circleRadius;\n      circleRef.current.style.strokeDasharray = `${circleLength} ${circleLength}`;\n      circleRef.current.style.strokeDashoffset = `${circleLength}`;\n\n      const offset = circleLength - (progressValue / 100) * circleLength;\n      circleRef.current.style.strokeDashoffset = `${offset}`;\n    }\n  }, [circleRef, progressValue]);\n\n  return (\n    <svg className=\"smwb-indicator_circular__svg\">\n      <circle className=\"smwb-indicator_circular__circle\" cx=\"24\" cy=\"24\" r=\"22\" ref={circleRef} />\n    </svg>\n  );\n}\n\nexport default ProgressIndicator;\n"],"names":["ProgressIndicator","forwardRef","type","variant","className","progressValue","color","size","id","rest","ref","ariaProps","colorClass","jsx","cn","CircularProgress","jsxs","Fragment","circleRef","useRef","useEffect","circleRadius","_a","circleLength","offset"],"mappings":";;;AAmBO,MAAMA,IAAoBC,EAAmD,SAClF,EAAE,MAAAC,GAAM,SAAAC,GAAS,WAAAC,GAAW,eAAAC,IAAgB,GAAG,OAAAC,IAAQ,WAAW,MAAAC,IAAO,UAAU,IAAAC,GAAI,GAAGC,EAAA,GAC1FC,GACA;AACA,QAAMC,IAAY;AAAA,IAChB,MAAM;AAAA,IACN,cAAcF,EAAK,YAAY;AAAA,IAC/B,IAAAD;AAAA,IACA,GAAIN,MAAS,gBAAgB,EAAE,iBAAiBG,GAAe,iBAAiB,GAAG,iBAAiB,QAAQ,CAAA;AAAA,EAAC,GAEzGO,IAAaN,MAAU,YAAY,wBAAwBA,CAAK,KAAK;AAE3E,SAAIH,MAAY,aAEZ,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,WAAWI,EAAG,2BAA2B,QAAQZ,CAAI,IAAIU,GAAY,uBAAuBL,CAAI,IAAIH,CAAS;AAAA,MAC5G,GAAGO;AAAA,MAEH,gBAAS,gBACR,gBAAAE,EAACE,GAAA,EAAiB,eAAAV,EAAA,CAA8B,IAEhD,gBAAAW,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,iCAAA,CAAiC;AAAA,0BAC/C,OAAA,EAAI;AAAA,0BACJ,OAAA,EAAI;AAAA,0BACJ,OAAA,CAAA,CAAI;AAAA,MAAA,EAAA,CACP;AAAA,IAAA;AAAA,EAAA,IAON,gBAAAA,EAAC,OAAA,EAAI,KAAAH,GAAU,WAAWI,EAAG,yBAAyB,QAAQZ,CAAI,IAAIU,GAAYR,CAAS,GAAI,GAAGO,GAChG,UAAA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAOX,MAAS,gBAAgB,EAAE,OAAO,GAAGG,CAAa,QAAQ,CAAA;AAAA,IAAC;AAAA,EAAA,GAEtE;AAEJ,CAAC;AAMM,SAASU,EAAiB,EAAE,eAAAV,IAAgB,KAA4B;AAC7E,QAAMa,IAAYC,EAAyB,IAAI;AAE/C,SAAAC,EAAU,MAAM;;AACd,QAAI,CAACF,EAAU,WAAW,CAACA,EAAU,QAAQ,EAAG;AAEhD,UAAMG,KAAeC,IAAAJ,EAAU,YAAV,gBAAAI,EAAmB,EAAE,QAAQ;AAClD,QAAID,KAAgBH,EAAU,SAAS;AACrC,YAAMK,IAAe,IAAI,KAAK,KAAKF;AACnC,MAAAH,EAAU,QAAQ,MAAM,kBAAkB,GAAGK,CAAY,IAAIA,CAAY,IACzEL,EAAU,QAAQ,MAAM,mBAAmB,GAAGK,CAAY;AAE1D,YAAMC,IAASD,IAAgBlB,IAAgB,MAAOkB;AACtD,MAAAL,EAAU,QAAQ,MAAM,mBAAmB,GAAGM,CAAM;AAAA,IACtD;AAAA,EACF,GAAG,CAACN,GAAWb,CAAa,CAAC,qBAG1B,OAAA,EAAI,WAAU,gCACb,UAAA,gBAAAQ,EAAC,YAAO,WAAU,mCAAkC,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,KAAKK,GAAW,GAC7F;AAEJ;"}

package/dist/react-table/components/inputs/textField/textField.js

@@ -1,125 +0,0 @@
-import { jsx as k } from "react/jsx-runtime";
-import t from "react";
-import C from "clsx";
-import { useSafeLayoutEffect as J } from "../../../hooks/useSafeLayoutEffect.js";
-import { useForkRef as K } from "../../../hooks/useForkRef.js";
-import { isFilled as Q } from "./utils.js";
-import { TextFieldWrapper as U } from "./textFieldWrapper.js";
-const ie = t.forwardRef(function(a, S) {
-  const {
-    label: F,
-    helperText: T,
-    variant: v = "outlined",
-    size: _ = "medium",
-    required: h,
-    className: y,
-    disabled: i,
-    value: s,
-    defaultValue: B,
-    onChange: u,
-    onFocus: f,
-    onBlur: c,
-    error: b,
-    name: D,
-    type: E = "text",
-    readOnly: N,
-    placeholder: q,
-    fullWidth: z,
-    id: w,
-    startAdornment: d,
-    endAdornment: R,
-    inline: m,
-    autoComplete: A,
-    inputMode: I,
-    ...M
-  } = a, [p, x] = t.useState(!1), [W, j] = t.useState(!1), { current: o } = t.useRef(s != null), n = t.useRef(null), H = K(S, n), L = (e) => {
-    if (i) {
-      e.stopPropagation();
-      return;
-    }
-    f == null || f(e), x(!0);
-  }, O = (e) => {
-    if (!o) {
-      const r = e.target || n.current;
-      l({
-        value: r.value
-      });
-    }
-    c == null || c(e, a), x(!1);
-  }, l = t.useCallback((e) => {
-    const r = !!Q(e);
-    j((g) => g === r ? g : r);
-  }, []), V = (e) => {
-    if (!o) {
-      const r = e.target || n.current;
-      l({
-        value: r.value
-      });
-    }
-    u == null || u(e, a);
-  }, $ = (e) => {
-    n.current && e.currentTarget === e.target && (e.preventDefault(), n.current.focus());
-  };
-  t.useEffect(() => {
-    i && p && x(!1);
-  }, [i, p]), t.useEffect(() => {
-    o || l(n.current);
-  }), J(() => {
-    o && l({ value: s });
-  }, [s, o, l]);
-  const G = C(
-    "smwb-text-field__input",
-    (!F || m) && "smwb-text-field__input--show-placeholder",
-    d && "smwb-text-field__input--adornment-start",
-    R && "smwb-text-field__input--adornment-end",
-    m && "smwb-text-field__input--inline"
-  );
-  return /* @__PURE__ */ k(
-    U,
-    {
-      label: F,
-      helperText: T,
-      variant: v,
-      disabled: i,
-      className: C(y, _ !== "medium" && `smwb-text-field_size-${_}`),
-      error: b,
-      fullWidth: z,
-      isFilledState: W,
-      isFocused: p,
-      htmlFor: w,
-      shrink: !!d,
-      onHolderMouseDown: $,
-      startAdornment: d,
-      endAdornment: R,
-      inline: m,
-      ...M,
-      children: /* @__PURE__ */ k(
-        "input",
-        {
-          type: E,
-          defaultValue: B,
-          name: D,
-          readOnly: N,
-          required: h,
-          "aria-invalid": b || void 0,
-          "aria-required": h || void 0,
-          placeholder: q,
-          disabled: i,
-          value: s,
-          className: G,
-          ref: H,
-          onChange: V,
-          onFocus: L,
-          onBlur: O,
-          id: w,
-          autoComplete: A,
-          inputMode: I
-        }
-      )
-    }
-  );
-});
-export {
-  ie as TextField
-};
-//# sourceMappingURL=textField.js.map

package/dist/react-table/components/inputs/textField/textField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textField.js","sources":["../../../../../src/components/inputs/textField/textField.tsx"],"sourcesContent":["import React, { ChangeEventHandler } from \"react\";\nimport cn from \"clsx\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { isFilled } from \"./utils\";\nimport { TextFieldWrapper } from \"./textFieldWrapper\";\n\nexport interface TextFieldProps extends Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"onChange\" | \"onBlur\" | \"size\"\n> {\n  label?: string;\n  helperText?: React.ReactNode;\n  variant?: \"outlined\" | \"filled\";\n  size?: \"small\" | \"medium\" | \"large\";\n  required?: boolean;\n  disabled?: boolean;\n  value?: string | number;\n  className?: string;\n  placeholder?: string;\n  defaultValue?: string;\n  error?: boolean;\n  name?: string;\n  type?: string;\n  readOnly?: boolean;\n  fullWidth?: boolean;\n  onBlur?: (event: React.FocusEvent<HTMLInputElement>, data: TextFieldProps) => void;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>, data: TextFieldProps) => void;\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  id?: string;\n  inline?: boolean;\n  autoComplete?: string;\n}\n\nexport const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(function TextField(props, ref) {\n  const {\n    label,\n    helperText,\n    variant = \"outlined\",\n    size = \"medium\",\n    required,\n    className,\n    disabled,\n    value,\n    defaultValue,\n    onChange: onChangeProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    error,\n    name,\n    type = \"text\",\n    readOnly,\n    placeholder,\n    fullWidth,\n    id,\n    startAdornment,\n    endAdornment,\n    inline,\n    autoComplete,\n    inputMode,\n    ...rest\n  } = props;\n  const [isFocused, setIsFocused] = React.useState<boolean>(false);\n  const [isFilledState, setIsFilledState] = React.useState<boolean>(false);\n\n  const { current: isControlled } = React.useRef<boolean>(value != null);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const inputForkRef = useForkRef<HTMLInputElement>(ref, inputRef);\n\n  const onFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (disabled) {\n      event.stopPropagation();\n      return;\n    }\n\n    onFocusProp?.(event);\n\n    setIsFocused(true);\n  };\n\n  const onBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (!isControlled) {\n      const element = event.target || inputRef.current;\n\n      checkDirty({\n        value: element.value,\n      });\n    }\n    onBlurProp?.(event, props);\n    setIsFocused(false);\n  };\n\n  const checkDirty = React.useCallback((obj: Parameters<typeof isFilled>[0]) => {\n    const filled = Boolean(isFilled(obj));\n    setIsFilledState((prev) => (prev === filled ? prev : filled));\n  }, []);\n\n  const onChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    if (!isControlled) {\n      const element = event.target || inputRef.current;\n\n      checkDirty({\n        value: element.value,\n      });\n    }\n    onChangeProp?.(event, props);\n  };\n\n  const onHolderMouseDown: React.MouseEventHandler<HTMLDivElement> = (event) => {\n    if (inputRef.current && event.currentTarget === event.target) {\n      event.preventDefault();\n      inputRef.current.focus();\n    }\n  };\n\n  React.useEffect(() => {\n    if (disabled && isFocused) {\n      setIsFocused(false);\n    }\n  }, [disabled, isFocused]);\n\n  // Uncontrolled inputs can receive a value imperatively — e.g. react-hook-form's\n  // `register` sets the DOM value on `reset(...)` without firing onChange. Re-derive\n  // the filled state from the DOM on every render (the form re-renders on reset) so\n  // the floating label still rises. `checkDirty` is a no-op when nothing changed.\n  React.useEffect(() => {\n    if (!isControlled) {\n      checkDirty(inputRef.current);\n    }\n  });\n\n  useSafeLayoutEffect(() => {\n    if (isControlled) {\n      checkDirty({ value });\n    }\n  }, [value, isControlled, checkDirty]);\n\n  const inputClasses = cn(\n    \"smwb-text-field__input\",\n    (!label || inline) && \"smwb-text-field__input--show-placeholder\",\n    startAdornment && \"smwb-text-field__input--adornment-start\",\n    endAdornment && \"smwb-text-field__input--adornment-end\",\n    inline && \"smwb-text-field__input--inline\"\n  );\n\n  return (\n    <TextFieldWrapper\n      label={label}\n      helperText={helperText}\n      variant={variant}\n      disabled={disabled}\n      className={cn(className, size !== \"medium\" && `smwb-text-field_size-${size}`)}\n      error={error}\n      fullWidth={fullWidth}\n      isFilledState={isFilledState}\n      isFocused={isFocused}\n      htmlFor={id}\n      shrink={Boolean(startAdornment)}\n      onHolderMouseDown={onHolderMouseDown}\n      startAdornment={startAdornment}\n      endAdornment={endAdornment}\n      inline={inline}\n      {...rest}\n    >\n      <input\n        type={type}\n        defaultValue={defaultValue}\n        name={name}\n        readOnly={readOnly}\n        required={required}\n        aria-invalid={error || undefined}\n        aria-required={required || undefined}\n        placeholder={placeholder}\n        disabled={disabled}\n        value={value}\n        className={inputClasses}\n        ref={inputForkRef}\n        onChange={onChange}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        id={id}\n        autoComplete={autoComplete}\n        inputMode={inputMode}\n      />\n    </TextFieldWrapper>\n  );\n});\n"],"names":["TextField","React","props","ref","label","helperText","variant","size","required","className","disabled","value","defaultValue","onChangeProp","onFocusProp","onBlurProp","error","name","type","readOnly","placeholder","fullWidth","id","startAdornment","endAdornment","inline","autoComplete","inputMode","rest","isFocused","setIsFocused","isFilledState","setIsFilledState","isControlled","inputRef","inputForkRef","useForkRef","onFocus","event","onBlur","element","checkDirty","obj","filled","isFilled","prev","onChange","onHolderMouseDown","useSafeLayoutEffect","inputClasses","cn","jsx","TextFieldWrapper"],"mappings":"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"}

package/dist/react-table/components/inputs/textField/textFieldAdornment.js

@@ -1,25 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import a from "clsx";
-function i({
-  position: t,
-  variant: n,
-  children: e,
-  className: d,
-  disablePointerEvents: m,
-  inline: r
-}) {
-  const s = a(
-    "smwb-text-field__adornment",
-    d,
-    t === "start" && "smwb-text-field__adornment--start",
-    t === "end" && "smwb-text-field__adornment--end",
-    m && "smwb-text-field__adornment--disable-pointer",
-    !r && n === "filled" && "smwb-text-field__adornment--filled",
-    typeof e == "string" && "smwb-text-field__adornment--text"
-  );
-  return /* @__PURE__ */ o("span", { className: s, children: e });
-}
-export {
-  i as TextFieldAdornment
-};
-//# sourceMappingURL=textFieldAdornment.js.map

package/dist/react-table/components/inputs/textField/textFieldAdornment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textFieldAdornment.js","sources":["../../../../../src/components/inputs/textField/textFieldAdornment.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { TextFieldProps } from \"./textField\";\n\nexport interface TextFieldAdornmentProps extends Pick<JSX.IntrinsicElements[\"span\"], \"children\" | \"className\"> {\n  position?: \"start\" | \"end\";\n  disablePointerEvents?: boolean;\n  variant?: TextFieldProps[\"variant\"];\n  inline?: boolean;\n}\n\nexport function TextFieldAdornment({\n  position,\n  variant,\n  children,\n  className,\n  disablePointerEvents,\n  inline,\n}: TextFieldAdornmentProps) {\n  const classes = cn(\n    \"smwb-text-field__adornment\",\n    className,\n    position === \"start\" && \"smwb-text-field__adornment--start\",\n    position === \"end\" && \"smwb-text-field__adornment--end\",\n    disablePointerEvents && \"smwb-text-field__adornment--disable-pointer\",\n    !inline && variant === \"filled\" && \"smwb-text-field__adornment--filled\",\n    typeof children === \"string\" && \"smwb-text-field__adornment--text\"\n  );\n\n  return <span className={classes}>{children}</span>;\n}\n"],"names":["TextFieldAdornment","position","variant","children","className","disablePointerEvents","inline","classes","cn","jsx"],"mappings":";;AAWO,SAASA,EAAmB;AAAA,EACjC,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,QAAAC;AACF,GAA4B;AAC1B,QAAMC,IAAUC;AAAA,IACd;AAAA,IACAJ;AAAA,IACAH,MAAa,WAAW;AAAA,IACxBA,MAAa,SAAS;AAAA,IACtBI,KAAwB;AAAA,IACxB,CAACC,KAAUJ,MAAY,YAAY;AAAA,IACnC,OAAOC,KAAa,YAAY;AAAA,EAAA;AAGlC,SAAO,gBAAAM,EAAC,QAAA,EAAK,WAAWF,GAAU,UAAAJ,EAAA,CAAS;AAC7C;"}

package/dist/react-table/components/inputs/textField/textFieldWrapper.js

@@ -1,50 +0,0 @@
-import { jsxs as r, jsx as e, Fragment as k } from "react/jsx-runtime";
-import d from "clsx";
-import { TextFieldAdornment as a } from "./textFieldAdornment.js";
-function T({
-  label: s,
-  helperText: i = /* @__PURE__ */ e(k, { children: " " }),
-  variant: l,
-  disabled: f,
-  className: h,
-  error: x,
-  fullWidth: w,
-  isFilledState: b,
-  isFocused: c,
-  htmlFor: _,
-  shrink: p,
-  children: N,
-  onHolderMouseDown: u,
-  startAdornment: o,
-  endAdornment: m,
-  inline: t,
-  ...F
-}) {
-  const g = l === "filled", n = s && (b || c || p), j = d(h, "smwb-text-field", {
-    "smwb-text-field--filled": !t && g,
-    "smwb-text-field--inline": t,
-    "smwb-text-field--focused": !t && c,
-    "smwb-text-field--error": x,
-    "smwb-text-field--disabled": f,
-    "smwb-text-field--full-width": w
-  }), v = d("smwb-text-field__label", {
-    "smwb-text-field__label--shrink": n
-  }), C = d("smwb-text-field__notched", {
-    "smwb-text-field__notched--with-label": s,
-    "smwb-text-field__notched--active": n
-  });
-  return /* @__PURE__ */ r("div", { className: j, ...F, "data-testid": "text-field", children: [
-    !t && s && /* @__PURE__ */ e("label", { className: v, htmlFor: _ || "", children: s }),
-    /* @__PURE__ */ r("div", { className: "smwb-text-field__input-holder", onMouseDown: u, children: [
-      o && /* @__PURE__ */ e(a, { variant: l, inline: !!t, position: "start", children: o }),
-      N,
-      m && /* @__PURE__ */ e(a, { position: "end", children: m }),
-      !t && l === "outlined" && /* @__PURE__ */ e("fieldset", { className: C, children: /* @__PURE__ */ e("legend", { children: s ? /* @__PURE__ */ e("span", { children: s }) : /* @__PURE__ */ e("span", { className: "smwb-notranslate", children: "​" }) }) })
-    ] }),
-    !t && i && /* @__PURE__ */ e("p", { className: "smwb-text-field__helper-line", children: /* @__PURE__ */ e("span", { className: "smwb-text-field__helper-text", children: i }) })
-  ] });
-}
-export {
-  T as TextFieldWrapper
-};
-//# sourceMappingURL=textFieldWrapper.js.map

package/dist/react-table/components/inputs/textField/textFieldWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textFieldWrapper.js","sources":["../../../../../src/components/inputs/textField/textFieldWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { TextFieldAdornment } from \"./textFieldAdornment\";\n\nexport interface TextFieldWrapperProps extends React.HTMLAttributes<HTMLDivElement> {\n  label?: string;\n  helperText?: React.ReactNode;\n  variant?: \"outlined\" | \"filled\";\n  disabled?: boolean;\n  className?: string;\n  error?: boolean;\n  fullWidth?: boolean;\n  isFilledState?: boolean;\n  isFocused?: boolean;\n  children: React.ReactNode;\n  htmlFor?: string;\n  shrink?: boolean;\n  onHolderMouseDown?: React.MouseEventHandler<HTMLDivElement>;\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  inline?: boolean;\n}\n\nexport function TextFieldWrapper({\n  label,\n  helperText = <>&nbsp;</>,\n  variant,\n  disabled,\n  className,\n  error,\n  fullWidth,\n  isFilledState,\n  isFocused,\n  htmlFor,\n  shrink,\n  children,\n  onHolderMouseDown,\n  startAdornment,\n  endAdornment,\n  inline,\n  ...rest\n}: TextFieldWrapperProps) {\n  const isFilledVariant = variant === \"filled\";\n  const isNotchedActive = label && (isFilledState || isFocused || shrink);\n\n  const classes = cn(className, \"smwb-text-field\", {\n    \"smwb-text-field--filled\": !inline && isFilledVariant,\n    \"smwb-text-field--inline\": inline,\n    \"smwb-text-field--focused\": !inline && isFocused,\n    \"smwb-text-field--error\": error,\n    \"smwb-text-field--disabled\": disabled,\n    \"smwb-text-field--full-width\": fullWidth,\n  });\n  const labelClasses = cn(\"smwb-text-field__label\", {\n    \"smwb-text-field__label--shrink\": isNotchedActive,\n  });\n  const notchedClasses = cn(\"smwb-text-field__notched\", {\n    \"smwb-text-field__notched--with-label\": label,\n    \"smwb-text-field__notched--active\": isNotchedActive,\n  });\n\n  return (\n    <div className={classes} {...rest} data-testid=\"text-field\">\n      {!inline && label && (\n        <label className={labelClasses} htmlFor={htmlFor || \"\"}>\n          {label}\n        </label>\n      )}\n      <div className=\"smwb-text-field__input-holder\" onMouseDown={onHolderMouseDown}>\n        {startAdornment && (\n          <TextFieldAdornment variant={variant} inline={Boolean(inline)} position=\"start\">\n            {startAdornment}\n          </TextFieldAdornment>\n        )}\n        {children}\n        {endAdornment && <TextFieldAdornment position=\"end\">{endAdornment}</TextFieldAdornment>}\n        {!inline && variant === \"outlined\" && (\n          <fieldset className={notchedClasses}>\n            <legend>{label ? <span>{label}</span> : <span className=\"smwb-notranslate\">&#8203;</span>}</legend>\n          </fieldset>\n        )}\n      </div>\n      {!inline && helperText && (\n        <p className=\"smwb-text-field__helper-line\">\n          <span className=\"smwb-text-field__helper-text\">{helperText}</span>\n        </p>\n      )}\n    </div>\n  );\n}\n"],"names":["TextFieldWrapper","label","helperText","variant","disabled","className","error","fullWidth","isFilledState","isFocused","htmlFor","shrink","children","onHolderMouseDown","startAdornment","endAdornment","inline","rest","isFilledVariant","isNotchedActive","classes","cn","labelClasses","notchedClasses","jsx","jsxs","TextFieldAdornment"],"mappings":";;;AAuBO,SAASA,EAAiB;AAAA,EAC/B,OAAAC;AAAA,EACA,YAAAC,2BAAe,UAAA,IAAA,CAAM;AAAA,EACrB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GAA0B;AACxB,QAAMC,IAAkBf,MAAY,UAC9BgB,IAAkBlB,MAAUO,KAAiBC,KAAaE,IAE1DS,IAAUC,EAAGhB,GAAW,mBAAmB;AAAA,IAC/C,2BAA2B,CAACW,KAAUE;AAAA,IACtC,2BAA2BF;AAAA,IAC3B,4BAA4B,CAACA,KAAUP;AAAA,IACvC,0BAA0BH;AAAA,IAC1B,6BAA6BF;AAAA,IAC7B,+BAA+BG;AAAA,EAAA,CAChC,GACKe,IAAeD,EAAG,0BAA0B;AAAA,IAChD,kCAAkCF;AAAA,EAAA,CACnC,GACKI,IAAiBF,EAAG,4BAA4B;AAAA,IACpD,wCAAwCpB;AAAA,IACxC,oCAAoCkB;AAAA,EAAA,CACrC;AAED,2BACG,OAAA,EAAI,WAAWC,GAAU,GAAGH,GAAM,eAAY,cAC5C,UAAA;AAAA,IAAA,CAACD,KAAUf,KACV,gBAAAuB,EAAC,SAAA,EAAM,WAAWF,GAAc,SAASZ,KAAW,IACjD,UAAAT,EAAA,CACH;AAAA,IAEF,gBAAAwB,EAAC,OAAA,EAAI,WAAU,iCAAgC,aAAaZ,GACzD,UAAA;AAAA,MAAAC,KACC,gBAAAU,EAACE,KAAmB,SAAAvB,GAAkB,QAAQ,EAAQa,GAAS,UAAS,SACrE,UAAAF,EAAA,CACH;AAAA,MAEDF;AAAA,MACAG,KAAgB,gBAAAS,EAACE,GAAA,EAAmB,UAAS,OAAO,UAAAX,GAAa;AAAA,MACjE,CAACC,KAAUb,MAAY,gCACrB,YAAA,EAAS,WAAWoB,GACnB,UAAA,gBAAAC,EAAC,UAAA,EAAQ,cAAQ,gBAAAA,EAAC,QAAA,EAAM,aAAM,IAAU,gBAAAA,EAAC,UAAK,WAAU,oBAAmB,UAAA,IAAA,CAAO,EAAA,CAAQ,EAAA,CAC5F;AAAA,IAAA,GAEJ;AAAA,IACC,CAACR,KAAUd,KACV,gBAAAsB,EAAC,KAAA,EAAE,WAAU,gCACX,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,gCAAgC,UAAAtB,EAAA,CAAW,EAAA,CAC7D;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/react-table/components/inputs/textField/utils.js

@@ -1,11 +0,0 @@
-function l(e) {
-  return e != null && !(Array.isArray(e) && e.length === 0);
-}
-function u(e) {
-  return e && (l(e.value) && e.value !== "" || l(e.defaultValue) && e.defaultValue !== "");
-}
-export {
-  l as hasValue,
-  u as isFilled
-};
-//# sourceMappingURL=utils.js.map

package/dist/react-table/components/inputs/textField/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/inputs/textField/utils.ts"],"sourcesContent":["import { ElementType } from \"react\";\n\nexport function hasValue(value: unknown) {\n  return value != null && !(Array.isArray(value) && value.length === 0);\n}\n\nexport function isFilled(\n  obj?: {\n    value?: unknown;\n    defaultValue?: unknown;\n  } | null\n) {\n  return obj && ((hasValue(obj.value) && obj.value !== \"\") || (hasValue(obj.defaultValue) && obj.defaultValue !== \"\"));\n}\n\nexport function isHostComponent(element: ElementType) {\n  return typeof element === \"string\";\n}\n"],"names":["hasValue","value","isFilled","obj"],"mappings":"AAEO,SAASA,EAASC,GAAgB;AACvC,SAAOA,KAAS,QAAQ,EAAE,MAAM,QAAQA,CAAK,KAAKA,EAAM,WAAW;AACrE;AAEO,SAASC,EACdC,GAIA;AACA,SAAOA,MAASH,EAASG,EAAI,KAAK,KAAKA,EAAI,UAAU,MAAQH,EAASG,EAAI,YAAY,KAAKA,EAAI,iBAAiB;AAClH;"}

package/dist/react-table/connects/rt/table/draggableHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"draggableHeader.js","sources":["../../../../../src/connects/rt/table/draggableHeader.tsx"],"sourcesContent":["import { Table, Header, Column, ColumnOrderState } from \"@tanstack/react-table\";\n\nimport { useDrag, useDrop } from \"react-dnd\";\nimport { ReactNode } from \"react\";\n\nexport interface DraggableColumnHeaderProps<T> {\n  onColumnOrderChange?: (oldValue: ColumnOrderState, newValue: ColumnOrderState) => void;\n  header: Header<T, unknown>;\n  table: Table<T>;\n  children: ReactNode;\n}\n\nconst reorderColumn = (draggedColumnId: string, targetColumnId: string, columnOrder: string[]): ColumnOrderState => {\n  columnOrder.splice(\n    columnOrder.indexOf(targetColumnId),\n    0,\n    columnOrder.splice(columnOrder.indexOf(draggedColumnId), 1)[0]\n  );\n  return [...columnOrder];\n};\nexport function DraggableColumnHeader<T>({\n  header,\n  table,\n  children,\n  onColumnOrderChange,\n}: DraggableColumnHeaderProps<T>) {\n  const { getState, setColumnOrder } = table;\n  const { columnOrder } = getState();\n  const { column } = header;\n\n  const [, dropRef] = useDrop({\n    accept: \"column\",\n    drop: (draggedColumn: Column<T>) => {\n      const newColumnOrder = reorderColumn(draggedColumn.id, column.id, columnOrder);\n      setColumnOrder(newColumnOrder);\n      setTimeout(() => {\n        onColumnOrderChange?.(columnOrder, newColumnOrder);\n      });\n    },\n  });\n\n  const [{ isDragging }, dragRef, previewRef] = useDrag({\n    collect: (monitor) => ({\n      isDragging: monitor.isDragging(),\n    }),\n    item: () => column,\n    type: \"column\",\n  });\n\n  return (\n    <div ref={dropRef} style={{ opacity: isDragging ? 0.3 : 1 }}>\n      <span ref={previewRef}>\n        <span ref={dragRef}>{children}</span>\n      </span>\n    </div>\n  );\n}\n\nexport type DraggableColumnHeaderWrapperProps<T> = DraggableColumnHeaderProps<T> & {\n  draggableColumn?: boolean | null;\n};\nexport function DraggableColumnHeaderWrapper<T>({\n  onColumnOrderChange,\n  header,\n  table,\n  children,\n  draggableColumn,\n}: DraggableColumnHeaderWrapperProps<T>) {\n  if (!draggableColumn) {\n    return children;\n  }\n  return (\n    <DraggableColumnHeader header={header} table={table} onColumnOrderChange={onColumnOrderChange}>\n      {children}\n    </DraggableColumnHeader>\n  );\n}\n"],"names":["reorderColumn","draggedColumnId","targetColumnId","columnOrder","DraggableColumnHeader","header","table","children","onColumnOrderChange","getState","setColumnOrder","column","dropRef","useDrop","draggedColumn","newColumnOrder","isDragging","dragRef","previewRef","useDrag","monitor","jsx","DraggableColumnHeaderWrapper","draggableColumn"],"mappings":";;AAYA,MAAMA,IAAgB,CAACC,GAAyBC,GAAwBC,OACtEA,EAAY;AAAA,EACVA,EAAY,QAAQD,CAAc;AAAA,EAClC;AAAA,EACAC,EAAY,OAAOA,EAAY,QAAQF,CAAe,GAAG,CAAC,EAAE,CAAC;AAAA,GAExD,CAAC,GAAGE,CAAW;AAEjB,SAASC,EAAyB;AAAA,EACvC,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,qBAAAC;AACF,GAAkC;AAChC,QAAM,EAAE,UAAAC,GAAU,gBAAAC,EAAA,IAAmBJ,GAC/B,EAAE,aAAAH,EAAA,IAAgBM,EAAA,GAClB,EAAE,QAAAE,MAAWN,GAEb,CAAA,EAAGO,CAAO,IAAIC,EAAQ;AAAA,IAC1B,QAAQ;AAAA,IACR,MAAM,CAACC,MAA6B;AAClC,YAAMC,IAAiBf,EAAcc,EAAc,IAAIH,EAAO,IAAIR,CAAW;AAC7E,MAAAO,EAAeK,CAAc,GAC7B,WAAW,MAAM;AACf,QAAAP,KAAA,QAAAA,EAAsBL,GAAaY;AAAA,MACrC,CAAC;AAAA,IACH;AAAA,EAAA,CACD,GAEK,CAAC,EAAE,YAAAC,EAAA,GAAcC,GAASC,CAAU,IAAIC,EAAQ;AAAA,IACpD,SAAS,CAACC,OAAa;AAAA,MACrB,YAAYA,EAAQ,WAAA;AAAA,IAAW;AAAA,IAEjC,MAAM,MAAMT;AAAA,IACZ,MAAM;AAAA,EAAA,CACP;AAED,SACE,gBAAAU,EAAC,SAAI,KAAKT,GAAS,OAAO,EAAE,SAASI,IAAa,MAAM,EAAA,GACtD,UAAA,gBAAAK,EAAC,QAAA,EAAK,KAAKH,GACT,UAAA,gBAAAG,EAAC,UAAK,KAAKJ,GAAU,UAAAV,GAAS,EAAA,CAChC,EAAA,CACF;AAEJ;AAKO,SAASe,EAAgC;AAAA,EAC9C,qBAAAd;AAAA,EACA,QAAAH;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAgB;AACF,GAAyC;AACvC,SAAKA,IAIH,gBAAAF,EAACjB,GAAA,EAAsB,QAAAC,GAAgB,OAAAC,GAAc,qBAAAE,GAClD,UAAAD,GACH,IALOA;AAOX;"}

package/dist/react-table/connects/rt/table/headerCellRenderer.js

@@ -1,14 +0,0 @@
-import { jsx as e, Fragment as f } from "react/jsx-runtime";
-import { useState as u } from "react";
-import { TextField as a } from "../../../components/inputs/textField/textField.js";
-const x = ({ header: t, onChange: l }) => {
-  var n;
-  const [i, m] = u(((n = t == null ? void 0 : t.column.columnDef.header) == null ? void 0 : n.toString()) || ""), [s, r] = u(!1), c = (o) => {
-    t && (m(o.target.value), l == null || l(o, t));
-  };
-  return t ? /* @__PURE__ */ e("div", { onClick: () => r(!0), children: s ? /* @__PURE__ */ e(a, { value: i, onChange: c, inline: !0, onBlur: () => r(!1) }) : t.column.columnDef.header }) : /* @__PURE__ */ e(f, {});
-};
-export {
-  x as default
-};
-//# sourceMappingURL=headerCellRenderer.js.map

package/dist/react-table/connects/rt/table/headerCellRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"headerCellRenderer.js","sources":["../../../../../src/connects/rt/table/headerCellRenderer.tsx"],"sourcesContent":["import { Header } from \"@tanstack/react-table\";\nimport React, { useState } from \"react\";\nimport { TextField } from \"../../../components/inputs/textField\";\n\nexport interface HeaderCellRendererProps<T extends object> {\n  header?: Header<T, unknown>;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>, header: Header<T, unknown>) => void;\n}\n\nconst HeaderCellRenderer = <T extends object>({ header, onChange }: HeaderCellRendererProps<T>) => {\n  const [value, setValue] = useState<string>(header?.column.columnDef.header?.toString() || \"\");\n  const [editable, setEditable] = useState(false);\n\n  const handleChangeCell = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!header) return;\n    setValue(e.target.value);\n    onChange?.(e, header);\n  };\n\n  if (!header) return <></>;\n\n  return (\n    <div onClick={() => setEditable(true)}>\n      {editable ? (\n        <TextField value={value} onChange={handleChangeCell} inline onBlur={() => setEditable(false)} />\n      ) : (\n        (header.column.columnDef.header as string)\n      )}\n    </div>\n  );\n};\n\nexport default HeaderCellRenderer;\n"],"names":["HeaderCellRenderer","header","onChange","value","setValue","useState","_a","editable","setEditable","handleChangeCell","e","jsx","TextField","Fragment"],"mappings":";;;AASA,MAAMA,IAAqB,CAAmB,EAAE,QAAAC,GAAQ,UAAAC,QAA2C;;AACjG,QAAM,CAACC,GAAOC,CAAQ,IAAIC,IAAiBC,IAAAL,KAAA,gBAAAA,EAAQ,OAAO,UAAU,WAAzB,gBAAAK,EAAiC,eAAc,EAAE,GACtF,CAACC,GAAUC,CAAW,IAAIH,EAAS,EAAK,GAExCI,IAAmB,CAACC,MAA2C;AACnE,IAAKT,MACLG,EAASM,EAAE,OAAO,KAAK,GACvBR,KAAA,QAAAA,EAAWQ,GAAGT;AAAA,EAChB;AAEA,SAAKA,IAGH,gBAAAU,EAAC,OAAA,EAAI,SAAS,MAAMH,EAAY,EAAI,GACjC,UAAAD,IACC,gBAAAI,EAACC,GAAA,EAAU,OAAAT,GAAc,UAAUM,GAAkB,QAAM,IAAC,QAAQ,MAAMD,EAAY,EAAK,GAAG,IAE7FP,EAAO,OAAO,UAAU,OAAA,CAE7B,IATkB,gBAAAU,EAAAE,GAAA,CAAA,CAAE;AAWxB;"}

package/dist/react-table/connects/rt/table/table.js

@@ -1,180 +0,0 @@
-import { jsxs as _, jsx as o, Fragment as le } from "react/jsx-runtime";
-import I, { useState as S, useEffect as se } from "react";
-import { getCoreRowModel as ae, getPaginationRowModel as re, getSortedRowModel as ge, getExpandedRowModel as me, useReactTable as ce, flexRender as $ } from "@tanstack/react-table";
-import { getColumnName as c, getDefaultColumnSizingState as de, columnSizingStateReducer as fe } from "./utils.js";
-import { ProgressIndicator as ue } from "../../../components/feedBack/progressIndicator/progressIndicator.js";
-import pe from "../../../components/feedBack/message/message.js";
-import { DraggableColumnHeaderWrapper as Se } from "./draggableHeader.js";
-import ze from "../../../components/dataDisplay/table/table.js";
-import be from "../../../components/dataDisplay/table/tableHead.js";
-import f from "../../../components/dataDisplay/table/tableRow.js";
-import he from "../../../components/dataDisplay/table/tableHeadCell.js";
-import Ce from "../../../components/dataDisplay/table/tableBody.js";
-import z from "../../../components/dataDisplay/table/tableCell.js";
-const We = ({
-  data: b,
-  columns: i,
-  withPagination: T,
-  isInfinite: M,
-  limit: D = 5,
-  limitOptions: q = [5, 10, 15],
-  dense: A,
-  sortable: w,
-  expandable: G,
-  draggableColumns: J,
-  columnResizeMode: K = "onChange",
-  enableColumnResizing: L,
-  onColumnSizingChange: N,
-  onColumnOrderChange: Q,
-  getRowCanExpand: U,
-  renderSubComponent: v,
-  cellAlign: E,
-  isLoading: O = !1,
-  onNextPage: h,
-  onPrevPage: C,
-  error: y,
-  onHeadCellClick: R,
-  headerCellInnerRenderer: W,
-  onBodyRowClick: u,
-  ...V
-}) => {
-  const [X, Y] = S([]), [Z, j] = I.useState(
-    i.map((t) => c(t))
-  ), [d, B] = S(null), [r, H] = S(de(i)), [P, k] = S({
-    startOffset: null,
-    startSize: null,
-    deltaOffset: null,
-    deltaPercentage: null,
-    isResizingColumn: !1,
-    columnSizingStart: []
-  });
-  se(() => {
-    if (d) {
-      const t = (d == null ? void 0 : d.offsetWidth) || 0, e = i.filter((n) => n.size), s = t - i.reduce((n, p) => n + (p.size || 0), 0), l = i.length - e.length, a = l ? s / l : 10;
-      H(
-        i.map((n) => ({
-          size: n.size ? n.size : a,
-          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-          name: c(n)
-        })).reduce(fe, {})
-      ), j(i.map((n) => c(n)));
-    }
-  }, [d, i]);
-  const g = {
-    data: b,
-    columns: i,
-    state: { sorting: X, columnSizing: r, columnSizingInfo: P, columnOrder: Z },
-    initialState: { pagination: { pageIndex: 0, pageSize: D } },
-    manualPagination: M,
-    columnResizeMode: K,
-    onColumnOrderChange: j,
-    getCoreRowModel: ae(),
-    onColumnSizingChange: (t) => {
-      const e = typeof t == "function" ? t(r) : t, s = {};
-      Object.keys(e).forEach((n) => {
-        e[n] !== r[n] && (s[n] = e[n]);
-      });
-      const l = Object.keys(s)[0], a = i.findIndex((n) => c(n) === l);
-      if (a >= 0 && a < i.length - 1) {
-        const n = c(i[a + 1]);
-        e[n] = r[n] - (e[l] - r[l]);
-      } else if (a === i.length - 1) {
-        const n = c(i[a - 1]);
-        e[n] = r[n] - (e[l] - r[l]);
-      }
-      H(e), N && setTimeout(() => N(r, e));
-    },
-    onColumnSizingInfoChange: (t) => {
-      k(typeof t == "function" ? t(P) : t);
-    }
-  };
-  g.enableColumnResizing = !!L, T && (g.getPaginationRowModel = re()), w && (g.getSortedRowModel = ge(), g.onSortingChange = Y), G && (g.getRowCanExpand = U, g.getExpandedRowModel = me());
-  const m = ce({
-    ...g
-  }), ee = () => {
-    m.nextPage(), h == null || h();
-  }, te = () => {
-    m.previousPage(), C == null || C();
-  }, ne = (t) => (e) => {
-    u == null || u(t, e);
-  }, {
-    pagination: { pageIndex: oe, pageSize: ie }
-  } = m.getState();
-  let F;
-  return T && (F = {
-    limit: ie,
-    page: oe + 1,
-    limitOptions: q,
-    onNext: ee,
-    onPrev: te,
-    onLimitChange: m.setPageSize,
-    ...M ? { hasNextPage: b.length >= D } : { totalCount: b.length }
-  }), /* @__PURE__ */ _(
-    ze,
-    {
-      paginationSettings: F,
-      dense: A,
-      isLoading: O,
-      hovered: !!u,
-      ...V,
-      ref: B,
-      children: [
-        /* @__PURE__ */ o(be, { children: m.getHeaderGroups().map((t) => /* @__PURE__ */ o(f, { children: t.headers.map((e) => {
-          var p;
-          const s = e.column.getIsSorted() && e.column.getIsSorted() === "asc", l = e.column.getIsSorted() && e.column.getIsSorted() === "desc", a = e.column.getCanSort() && w, n = e.getResizeHandler();
-          return /* @__PURE__ */ o(
-            he,
-            {
-              cellAlign: E,
-              onClick: () => {
-                R == null || R(e.column.columnDef), e.column.getToggleSortingHandler();
-              },
-              isSortedByAsc: s,
-              isSortedByDesc: l,
-              style: {
-                cursor: a ? "pointer" : "default",
-                width: e.getSize()
-              },
-              children: /* @__PURE__ */ o(
-                Se,
-                {
-                  draggableColumn: J && ((p = e.column.columnDef.meta) == null ? void 0 : p.draggableColumn),
-                  table: m,
-                  onColumnOrderChange: Q,
-                  header: e,
-                  children: /* @__PURE__ */ _(le, { children: [
-                    /* @__PURE__ */ o("div", { children: e.isPlaceholder ? null : W ? I.cloneElement(W, { header: e }) : $(e.column.columnDef.header, e.getContext()) }),
-                    e.column.getCanResize() && /* @__PURE__ */ o(
-                      "div",
-                      {
-                        onMouseDown: (x) => {
-                          x.preventDefault(), x.stopPropagation(), n(x);
-                        },
-                        onTouchStart: e.getResizeHandler(),
-                        className: `smwb-rt-table--resizer ${e.column.getIsResizing() ? "smwb-rt-table--isResizing" : ""}`
-                      }
-                    )
-                  ] })
-                },
-                e.id
-              )
-            },
-            e.id
-          );
-        }) }, t.id)) }),
-        /* @__PURE__ */ o(Ce, { children: O ? /* @__PURE__ */ o(f, { className: "smwb-table__loader__row", children: /* @__PURE__ */ o(z, { className: "smwb-table__loader", children: /* @__PURE__ */ o(ue, { variant: "circular", type: "indeterminate" }) }) }) : y ? /* @__PURE__ */ o(f, { className: "smwb-table__loader__row", children: /* @__PURE__ */ o(z, { className: "smwb-table__loader", children: /* @__PURE__ */ o(pe, { variant: "filled", type: "error", children: y }) }) }) : m.getRowModel().rows.map((t) => /* @__PURE__ */ _(I.Fragment, { children: [
-          /* @__PURE__ */ o(f, { onClick: ne(t), children: t.getVisibleCells().map((e) => {
-            var s;
-            return /* @__PURE__ */ o(z, { cellAlign: E, ...(s = e.column.columnDef.meta) == null ? void 0 : s.cellProps, children: $(e.column.columnDef.cell, e.getContext()) }, e.id);
-          }) }, t.id),
-          t.getIsExpanded() && v && /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(z, { colSpan: t.getVisibleCells().length, children: v({ row: t }) }) }, `${t.id}_expand`)
-        ] }, t.id)) })
-      ]
-    }
-  );
-};
-export {
-  We as TableWrapper,
-  We as default
-};
-//# sourceMappingURL=table.js.map

package/dist/react-table/connects/rt/table/table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.js","sources":["../../../../../src/connects/rt/table/table.tsx"],"sourcesContent":["import React, { TdHTMLAttributes, useState, useEffect } from \"react\";\nimport {\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n  ColumnDef,\n  getPaginationRowModel,\n  getExpandedRowModel,\n  TableOptions,\n  SortingState,\n  getSortedRowModel,\n  RowData,\n  Row,\n  ColumnResizeMode,\n  ColumnSizingState,\n  ColumnSizingInfoState,\n  ColumnOrderState,\n} from \"@tanstack/react-table\";\n\nimport { getColumnName, getDefaultColumnSizingState, columnSizingStateReducer } from \"./utils\";\n\ndeclare module \"@tanstack/table-core\" {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  interface ColumnMeta<TData extends RowData, TValue> {\n    cellProps?: TdHTMLAttributes<HTMLTableCellElement>;\n    draggableColumn?: boolean;\n  }\n}\n\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeadCell,\n  TableRow,\n  TableProps as SMWBTableProps,\n} from \"../../../components/dataDisplay/table\";\nimport { TablePaginationProps } from \"../../../components/dataDisplay/table\";\nimport ProgressIndicator from \"../../../components/feedBack/progressIndicator/progressIndicator\";\nimport Message from \"../../../components/feedBack/message/message\";\nimport { DraggableColumnHeaderWrapper } from \"./draggableHeader\";\n\nexport type TableProps<TData extends RowData, TValue = unknown> = SMWBTableProps & {\n  withPagination?: boolean;\n  isInfinite?: boolean;\n  dense?: boolean;\n  limit?: number;\n  limitOptions?: number[];\n  sortable?: boolean;\n  expandable?: boolean;\n  draggableColumns?: boolean;\n  enableColumnResizing?: boolean;\n  onColumnSizingChange?: (oldValue: ColumnSizingState, newValue: ColumnSizingState) => void;\n  onColumnOrderChange?: (oldValue: ColumnOrderState, newValue: ColumnOrderState) => void;\n  getRowCanExpand?: (row: Row<TData>) => boolean;\n  renderSubComponent?: (props: { row: Row<TData> }) => React.ReactElement;\n  cellAlign?: \"left\" | \"right\" | \"center\";\n  isLoading?: boolean;\n  onNextPage?: () => void;\n  onPrevPage?: () => void;\n  error?: string;\n  onHeadCellClick?: (colDef?: ColumnDef<TData, TValue>) => void;\n  headerCellInnerRenderer?: React.ReactElement;\n  onBodyRowClick?: (row: Row<TData>, event: React.MouseEvent<HTMLTableRowElement>) => void;\n  data: TData[];\n  columns: ColumnDef<TData, TValue>[];\n  columnResizeMode?: ColumnResizeMode;\n};\n\nexport const TableWrapper = <TData extends RowData, TValue = unknown>({\n  data,\n  columns,\n  withPagination,\n  isInfinite,\n  limit = 5,\n  limitOptions = [5, 10, 15],\n  dense,\n  sortable,\n  expandable,\n  draggableColumns,\n  columnResizeMode = \"onChange\",\n  enableColumnResizing,\n  onColumnSizingChange,\n  onColumnOrderChange,\n  getRowCanExpand,\n  renderSubComponent,\n  cellAlign,\n  isLoading = false,\n  onNextPage,\n  onPrevPage,\n  error,\n  onHeadCellClick,\n  headerCellInnerRenderer,\n  onBodyRowClick,\n  ...props\n}: TableProps<TData, TValue>) => {\n  const [sorting, setSorting] = useState<SortingState>([]);\n  const [columnOrder, setColumnOrder] = React.useState<ColumnOrderState>(\n    columns.map((column) => getColumnName(column))\n  );\n  const [tableRef, setTableRef] = useState<HTMLDivElement | null>(null);\n  const [columnSizing, setColumnSizing] = useState<ColumnSizingState>(getDefaultColumnSizingState(columns));\n  const [columnSizingInfo, setColumnSizingInfo] = useState<ColumnSizingInfoState>({\n    startOffset: null,\n    startSize: null,\n    deltaOffset: null,\n    deltaPercentage: null,\n    isResizingColumn: false,\n    columnSizingStart: [],\n  });\n  useEffect(() => {\n    if (tableRef) {\n      const totalSize: number = tableRef?.offsetWidth || 0;\n      const columnWithSize = columns.filter((el) => el.size);\n      const totalSizeWithoutConst = totalSize - columns.reduce((sum, el) => sum + (el.size || 0), 0);\n      const columnCountWithoutConstSize = columns.length - columnWithSize.length;\n      const avgSize = columnCountWithoutConstSize ? totalSizeWithoutConst / columnCountWithoutConstSize : 10;\n      setColumnSizing(\n        columns\n          .map((el) => ({\n            size: el.size ? el.size : avgSize,\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            name: getColumnName(el),\n          }))\n          .reduce(columnSizingStateReducer, {})\n      );\n      setColumnOrder(columns.map((column) => getColumnName(column)));\n    }\n  }, [tableRef, columns]);\n\n  const options: TableOptions<TData> = {\n    data,\n    columns,\n    state: { sorting, columnSizing, columnSizingInfo, columnOrder },\n    initialState: { pagination: { pageIndex: 0, pageSize: limit } },\n    manualPagination: isInfinite,\n    columnResizeMode,\n    onColumnOrderChange: setColumnOrder,\n    getCoreRowModel: getCoreRowModel(),\n    onColumnSizingChange: (updater) => {\n      const newValue = typeof updater === \"function\" ? updater(columnSizing) : updater;\n      const diff: ColumnSizingState = {};\n      Object.keys(newValue).forEach((newValueColumn) => {\n        if (newValue[newValueColumn] !== columnSizing[newValueColumn]) {\n          diff[newValueColumn] = newValue[newValueColumn];\n        }\n      });\n      // Алгоритм не учитывает, что колонки могут меняться местами и что может измениться сразу несколько колонок\n      // двигаем соседнюю колонку на столько же, на сколько изменили ширину текущей\n      const diffColumnName = Object.keys(diff)[0];\n      const columnIndex = columns.findIndex((el) => getColumnName(el) === diffColumnName);\n      if (columnIndex >= 0 && columnIndex < columns.length - 1) {\n        const rightColumnName = getColumnName(columns[columnIndex + 1]);\n        newValue[rightColumnName] =\n          columnSizing[rightColumnName] - (newValue[diffColumnName] - columnSizing[diffColumnName]);\n      } else if (columnIndex === columns.length - 1) {\n        const leftColumnName = getColumnName(columns[columnIndex - 1]);\n        newValue[leftColumnName] =\n          columnSizing[leftColumnName] - (newValue[diffColumnName] - columnSizing[diffColumnName]);\n      }\n      setColumnSizing(newValue);\n      if (onColumnSizingChange) {\n        setTimeout(() => onColumnSizingChange(columnSizing, newValue));\n      }\n    },\n    onColumnSizingInfoChange: (updater) => {\n      setColumnSizingInfo(typeof updater === \"function\" ? updater(columnSizingInfo) : updater);\n    },\n  };\n\n  options.enableColumnResizing = !!enableColumnResizing;\n\n  if (withPagination) {\n    options.getPaginationRowModel = getPaginationRowModel();\n  }\n  if (sortable) {\n    options.getSortedRowModel = getSortedRowModel();\n    options.onSortingChange = setSorting;\n  }\n  if (expandable) {\n    options.getRowCanExpand = getRowCanExpand;\n    options.getExpandedRowModel = getExpandedRowModel();\n  }\n\n  const table = useReactTable({\n    ...options,\n  });\n\n  const handleNextPage = () => {\n    table.nextPage();\n    onNextPage?.();\n  };\n\n  const handlePrevPage = () => {\n    table.previousPage();\n    onPrevPage?.();\n  };\n\n  const handleBodyRowClick = (row: Row<TData>) => (event: React.MouseEvent<HTMLTableRowElement>) => {\n    onBodyRowClick?.(row, event);\n  };\n\n  const {\n    pagination: { pageIndex: page, pageSize },\n  } = table.getState();\n\n  let paginationSettings: TablePaginationProps | undefined = undefined;\n  if (withPagination) {\n    paginationSettings = {\n      limit: pageSize,\n      page: page + 1,\n      limitOptions,\n      onNext: handleNextPage,\n      onPrev: handlePrevPage,\n      onLimitChange: table.setPageSize,\n      ...(isInfinite ? { hasNextPage: data.length >= limit } : { totalCount: data.length }),\n    };\n  }\n\n  return (\n    <Table\n      paginationSettings={paginationSettings}\n      dense={dense}\n      isLoading={isLoading}\n      hovered={!!onBodyRowClick}\n      {...props}\n      ref={setTableRef}\n    >\n      <TableHead>\n        {table.getHeaderGroups().map((headerGroup) => (\n          <TableRow key={headerGroup.id}>\n            {headerGroup.headers.map((header) => {\n              const isSortedByAsc = header.column.getIsSorted() && header.column.getIsSorted() === \"asc\";\n              const isSortedByDesc = header.column.getIsSorted() && header.column.getIsSorted() === \"desc\";\n              const canSort = header.column.getCanSort() && sortable;\n              const resizeHandler = header.getResizeHandler();\n              return (\n                <TableHeadCell\n                  key={header.id}\n                  cellAlign={cellAlign}\n                  onClick={() => {\n                    onHeadCellClick?.(header.column.columnDef);\n                    header.column.getToggleSortingHandler();\n                  }}\n                  isSortedByAsc={isSortedByAsc}\n                  isSortedByDesc={isSortedByDesc}\n                  style={{\n                    cursor: canSort ? \"pointer\" : \"default\",\n                    width: header.getSize(),\n                  }}\n                >\n                  <DraggableColumnHeaderWrapper<TData>\n                    key={header.id}\n                    draggableColumn={draggableColumns && header.column.columnDef.meta?.draggableColumn}\n                    table={table}\n                    onColumnOrderChange={onColumnOrderChange}\n                    // https://github.com/TanStack/table/issues/4241\n                    header={header}\n                  >\n                    <>\n                      <div>\n                        {header.isPlaceholder\n                          ? null\n                          : headerCellInnerRenderer\n                            ? React.cloneElement(headerCellInnerRenderer, { header })\n                            : flexRender(header.column.columnDef.header, header.getContext())}\n                      </div>\n                      {header.column.getCanResize() && (\n                        <div\n                          {...{\n                            onMouseDown: (e) => {\n                              e.preventDefault();\n                              e.stopPropagation();\n                              resizeHandler(e);\n                            },\n                            onTouchStart: header.getResizeHandler(),\n                            className: `smwb-rt-table--resizer ${\n                              header.column.getIsResizing() ? \"smwb-rt-table--isResizing\" : \"\"\n                            }`,\n                          }}\n                        />\n                      )}\n                    </>\n                  </DraggableColumnHeaderWrapper>\n                </TableHeadCell>\n              );\n            })}\n          </TableRow>\n        ))}\n      </TableHead>\n      <TableBody>\n        {isLoading ? (\n          <TableRow className=\"smwb-table__loader__row\">\n            <TableCell className=\"smwb-table__loader\">\n              <ProgressIndicator variant=\"circular\" type=\"indeterminate\" />\n            </TableCell>\n          </TableRow>\n        ) : error ? (\n          <TableRow className=\"smwb-table__loader__row\">\n            <TableCell className=\"smwb-table__loader\">\n              <Message variant=\"filled\" type=\"error\">\n                {error}\n              </Message>\n            </TableCell>\n          </TableRow>\n        ) : (\n          table.getRowModel().rows.map((row) => (\n            <React.Fragment key={row.id}>\n              <TableRow key={row.id} onClick={handleBodyRowClick(row)}>\n                {row.getVisibleCells().map((cell) => {\n                  return (\n                    <TableCell key={cell.id} cellAlign={cellAlign} {...cell.column.columnDef.meta?.cellProps}>\n                      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                    </TableCell>\n                  );\n                })}\n              </TableRow>\n              {row.getIsExpanded() && renderSubComponent && (\n                <TableRow key={`${row.id}_expand`}>\n                  <TableCell colSpan={row.getVisibleCells().length}>{renderSubComponent({ row })}</TableCell>\n                </TableRow>\n              )}\n            </React.Fragment>\n          ))\n        )}\n      </TableBody>\n    </Table>\n  );\n};\n\nexport default TableWrapper;\n"],"names":["TableWrapper","data","columns","withPagination","isInfinite","limit","limitOptions","dense","sortable","expandable","draggableColumns","columnResizeMode","enableColumnResizing","onColumnSizingChange","onColumnOrderChange","getRowCanExpand","renderSubComponent","cellAlign","isLoading","onNextPage","onPrevPage","error","onHeadCellClick","headerCellInnerRenderer","onBodyRowClick","props","sorting","setSorting","useState","columnOrder","setColumnOrder","React","column","getColumnName","tableRef","setTableRef","columnSizing","setColumnSizing","getDefaultColumnSizingState","columnSizingInfo","setColumnSizingInfo","useEffect","totalSize","columnWithSize","el","totalSizeWithoutConst","sum","columnCountWithoutConstSize","avgSize","columnSizingStateReducer","options","getCoreRowModel","updater","newValue","diff","newValueColumn","diffColumnName","columnIndex","rightColumnName","leftColumnName","getPaginationRowModel","getSortedRowModel","getExpandedRowModel","table","useReactTable","handleNextPage","handlePrevPage","handleBodyRowClick","row","event","page","pageSize","paginationSettings","jsxs","Table","jsx","TableHead","headerGroup","TableRow","header","isSortedByAsc","isSortedByDesc","canSort","resizeHandler","TableHeadCell","DraggableColumnHeaderWrapper","_a","Fragment","flexRender","e","TableBody","TableCell","ProgressIndicator","Message","cell"],"mappings":"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"}