Create a new dist version 3.2.0 (#446)

Collecting:
- Impl [UI] Show error message provided by the BE (#442)
- Impl [Real-time pipelines] Add model runner step (#443)
- Fix [UI] optimize no-data-metric-icon image (#444)

Author: ilan7empest

commit_message

@@ -1,6 +1,8 @@
 
 
-Create a new dist version 3.1.11
+Create a new dist version 3.2.0
 
 Collecting:
-- Fix [Artifacts] Download notification not interactable (#440)
+- Impl [UI] Show error message provided by the BE (#442)
+- Impl [Real-time pipelines] Add model runner step (#443)
+- Fix [UI] optimize no-data-metric-icon image (#444)

dist/components/FormChipCell/FormChipCell.d.ts

@@ -1,5 +1,5 @@
 export default FormChipCell;
-declare function FormChipCell({ chipOptions, className, delimiter, formState, initialValues, isEditable, label, name, onClick, shortChips, validationRules, validator, onExitEditModeCallback, visibleChipsMaxLength }: {
+declare function FormChipCell({ chipOptions, className, delimiter, formState, initialValues, isEditable, label, name, onClick, onExitEditModeCallback, shortChips, validationRules, validator, visibleChipsMaxLength, withInitialParentWidth }: {
     chipOptions?: {
         background: string;
         boldValue: boolean;
@@ -16,11 +16,12 @@ declare function FormChipCell({ chipOptions, className, delimiter, formState, in
     label?: any;
     name: any;
     onClick?: () => void;
+    onExitEditModeCallback?: any;
     shortChips?: boolean;
     validationRules?: {};
     validator?: any;
-    onExitEditModeCallback?: any;
     visibleChipsMaxLength?: any;
+    withInitialParentWidth?: boolean;
 }): JSX.Element;
 declare namespace FormChipCell {
     namespace propTypes {
@@ -38,6 +39,7 @@ declare namespace FormChipCell {
         export let validationRules: any;
         export let validator: any;
         export let visibleChipsMaxLength: any;
+        export let withInitialParentWidth: any;
     }
 }
 import { CHIP_OPTIONS } from '../../types';

dist/components/FormChipCell/FormChipCell.d.ts.map

@@ -1,82 +1,83 @@
-import { jsxs as ne, jsx as T } from "react/jsx-runtime";
-import pe, { useState as k, useMemo as ce, useCallback as y } from "react";
-import he, { get as F, set as O, isEmpty as D, isNil as ae } from "lodash";
-import de from "classnames";
-import o from "prop-types";
-import fe from "./FormChipCellView.mjs";
-import { CHIP_OPTIONS as me } from "../../types.mjs";
-import { CLICK as Ce, TAB as H, TAB_SHIFT as U } from "../../constants.mjs";
-import { areArraysEqual as Ie } from "../../utils/common.util.mjs";
-import { checkPatternsValidity as ge } from "../../utils/validation.util.mjs";
-import { generateChipsList as ye } from "../../utils/generateChipsList.util.mjs";
-import { uniquenessError as z } from "./formChipCell.util.mjs";
+import { jsxs as pe, jsx as T } from "react/jsx-runtime";
+import ce, { useState as k, useMemo as he, useCallback as y } from "react";
+import ae, { get as F, set as O, isEmpty as D, isNil as de } from "lodash";
+import fe from "classnames";
+import r from "prop-types";
+import me from "./FormChipCellView.mjs";
+import { CHIP_OPTIONS as Ce } from "../../types.mjs";
+import { CLICK as Ie, TAB as H, TAB_SHIFT as U } from "../../constants.mjs";
+import { areArraysEqual as ge } from "../../utils/common.util.mjs";
+import { checkPatternsValidity as ye } from "../../utils/validation.util.mjs";
+import { generateChipsList as Fe } from "../../utils/generateChipsList.util.mjs";
+import { uniquenessError as b } from "./formChipCell.util.mjs";
 import "../../hooks/index.mjs";
 /* empty css                   */
-import { useChipCell as Fe } from "../../hooks/useChipCell.hook.mjs";
-let R = ({
-  chipOptions: B = {
+import { useChipCell as Ne } from "../../hooks/useChipCell.hook.mjs";
+let w = ({
+  chipOptions: z = {
     background: "purple",
     boldValue: !1,
     borderRadius: "primary",
     borderColor: "transparent",
     density: "dense",
     font: "purple"
   },
-  className: b = "",
+  className: B = "",
   delimiter: _ = null,
   formState: n,
   initialValues: q,
   isEditable: m = !1,
-  label: V = null,
-  name: r,
-  onClick: w = () => {
+  label: R = null,
+  name: o,
+  onClick: V = () => {
   },
-  shortChips: $ = !1,
-  validationRules: v = {},
-  validator: x = null,
   onExitEditModeCallback: d = null,
-  visibleChipsMaxLength: I = null
+  shortChips: W = !1,
+  validationRules: P = {},
+  validator: x = null,
+  visibleChipsMaxLength: I = null,
+  withInitialParentWidth: $ = !1
 }) => {
-  const W = de("chips", b), [X, Y] = k(!1), {
-    chipsCellRef: A,
-    chipsWrapperRef: G,
-    handleShowElements: J,
-    hiddenChipsCounterRef: L,
-    hiddenChipsPopUpRef: Q,
-    setChipsSizes: Z,
+  const X = fe("chips", B), [Y, A] = k(!1), {
+    chipsCellRef: G,
+    chipsWrapperRef: J,
+    handleShowElements: L,
+    hiddenChipsCounterRef: Q,
+    hiddenChipsPopUpRef: Z,
+    setChipsSizes: S,
     setShowHiddenChips: K,
-    showChips: S,
-    showHiddenChips: P,
+    showChips: E,
+    showHiddenChips: v,
     visibleChipsCount: j
-  } = Fe(m, I), [p, C] = k({
+  } = Ne(m, I, $), [p, C] = k({
     chipIndex: null,
     isEdit: !1,
     isKeyFocused: !1,
     isValueFocused: !1,
     isNewChip: !1
   });
-  let E = ce(() => m || I === "all" ? {
-    visibleChips: F(n.values, r),
+  let M = he(() => m || I === "all" ? {
+    visibleChips: F(n.values, o),
     hiddenChips: []
-  } : ye(
-    F(n.values, r),
+  } : Fe(
+    F(n.values, o),
     I || j
-  ), [I, m, j, n.values, r]);
+  ), [I, m, j, n.values, o]);
   const N = y(
     (e) => {
-      Ie(F(q, r), e, ["id"]) && O(n.initialValues, r, e), n.form.mutators.setFieldState(r, { modified: !0 }), n.form.mutators.setFieldState(r, { touched: !0 });
+      ge(F(q, o), e, ["id"]) && O(n.initialValues, o, e), n.form.mutators.setFieldState(o, { modified: !0 }), n.form.mutators.setFieldState(o, { touched: !0 });
     },
-    [q, r, n]
-  ), M = y(
+    [q, o, n]
+  ), ee = y(
     (e, i) => {
       var t;
       const u = ((t = i.value) == null ? void 0 : t.length) || 0;
-      !p.isEdit && !p.chipIndex && n.form.mutators.push(r, {
+      !p.isEdit && !p.chipIndex && n.form.mutators.push(o, {
         id: u + /* @__PURE__ */ new Date(),
         key: "",
         value: "",
         delimiter: _
-      }), P && K(!1), C({
+      }), v && K(!1), C({
         chipIndex: u,
         isEdit: !0,
         isKeyFocused: !0,
@@ -87,23 +88,23 @@ let R = ({
     [
       p.isEdit,
       p.chipIndex,
-      P,
+      v,
       n.form.mutators,
-      r,
+      o,
       _,
       K
     ]
   ), g = y(
     (e, i, u, t = !1) => {
       N(
-        he.chain(n).get(["values", r]).filter((s, l) => l !== u).value()
-      ), i.length === 1 ? n.form.change(r, []) : i.remove(u), d && d(), e && !t && e.stopPropagation();
+        ae.chain(n).get(["values", o]).filter((s, l) => l !== u).value()
+      ), i.length === 1 ? n.form.change(o, []) : i.remove(u), d && d(), e && !t && e.stopPropagation();
     },
-    [N, n, r, d]
-  ), ee = y(
+    [N, n, o, d]
+  ), ie = y(
     (e, i, u, t) => {
       const { key: s, value: l } = i.value[p.chipIndex], h = !!(s != null && s.trim() && (l != null && l.trim()));
-      u === Ce ? (h || g(e, i, p.chipIndex, t), C({
+      u === Ie ? (h || g(e, i, p.chipIndex, t), C({
         chipIndex: null,
         isEdit: !1,
         isKeyFocused: !1,
@@ -127,30 +128,30 @@ let R = ({
           isValueFocused: !c,
           isNewChip: !1
         };
-      })), N(F(n.values, r)), (p.chipIndex > 0 && p.chipIndex < i.value.length - 1 || i.value.length > 1 && p.chipIndex === 0 && u !== U || i.value.length > 1 && p.chipIndex === i.value.length - 1 && u !== H) && e && e.preventDefault();
+      })), N(F(n.values, o)), (p.chipIndex > 0 && p.chipIndex < i.value.length - 1 || i.value.length > 1 && p.chipIndex === 0 && u !== U || i.value.length > 1 && p.chipIndex === i.value.length - 1 && u !== H) && e && e.preventDefault();
     },
     [
       p.chipIndex,
       N,
       n.values,
-      r,
+      o,
       d,
       g
     ]
-  ), ie = y(
+  ), se = y(
     (e, i, u) => {
       if (m) {
         const { clientX: t, clientY: s } = e;
         let l = !1;
         const h = (a, c, f) => {
           if (f) {
             const {
-              top: te,
-              left: re,
+              top: re,
+              left: oe,
               right: ue,
-              bottom: oe
+              bottom: ne
             } = f.getBoundingClientRect();
-            return !(a > ue || a < re || c > oe || c < te);
+            return !(a > ue || a < oe || c > ne || c < re);
           }
         };
         e.stopPropagation(), e.target.nodeName !== "INPUT" ? e.target.firstElementChild && (l = h(
@@ -165,78 +166,79 @@ let R = ({
           isValueFocused: !l
         }));
       }
-      w && w();
+      V && V();
     },
-    [m, w]
-  ), se = (e) => {
+    [m, V]
+  ), le = (e) => {
     if (!e) return null;
     let i = [];
     const u = (t, s) => !e.some(({ key: l }, h) => t === l && h !== s);
-    return D(v) || (i = e.map((t) => {
-      const [s, l] = le(t);
+    return D(P) || (i = e.map((t) => {
+      const [s, l] = te(t);
       return s && l ? { key: s, value: l } : s ? { key: s } : l ? { value: l } : null;
     })), e.forEach((t, s) => {
-      u(t.key, s) || (F(i, [s, "key"], !1) ? i.at(s).key.push(z) : O(i, [s, "key"], [z]));
-    }), D(i) && x && (i = x(e)), i.every((t) => ae(t)) ? null : i;
-  }, le = ({ key: e, value: i, disabled: u }) => {
+      u(t.key, s) || (F(i, [s, "key"], !1) ? i.at(s).key.push(b) : O(i, [s, "key"], [b]));
+    }), D(i) && x && (i = x(e)), i.every((t) => de(t)) ? null : i;
+  }, te = ({ key: e, value: i, disabled: u }) => {
     const t = (s, l) => {
-      const [h, a] = ge(
-        v[l].filter((f) => f.pattern),
+      const [h, a] = ye(
+        P[l].filter((f) => f.pattern),
         s
       );
       return a ? null : h.filter((f) => !f.isValid).map((f) => ({ name: f.name, label: f.label }));
     };
     return u ? [null, null] : [t(e, "key"), t(i, "value")];
   };
-  return /* @__PURE__ */ ne("div", { className: W, "data-testid": `${r}-chips`, children: [
-    V && /* @__PURE__ */ T("div", { className: "chips__label", children: V }),
-    /* @__PURE__ */ T("div", { className: V ? "chips__wrapper" : "", children: /* @__PURE__ */ T(
-      fe,
+  return /* @__PURE__ */ pe("div", { className: X, "data-testid": `${o}-chips`, children: [
+    R && /* @__PURE__ */ T("div", { className: "chips__label", children: R }),
+    /* @__PURE__ */ T("div", { className: R ? "chips__wrapper" : "", children: /* @__PURE__ */ T(
+      me,
       {
-        chipOptions: B,
-        chipSizeIsRecalculated: X,
-        chips: E,
+        chipOptions: z,
+        chipSizeIsRecalculated: Y,
+        chips: M,
         editConfig: p,
         formState: n,
-        handleAddNewChip: M,
-        handleEditChip: ee,
+        handleAddNewChip: ee,
+        handleEditChip: ie,
         handleRemoveChip: g,
-        handleShowElements: J,
-        handleToEditMode: ie,
+        handleShowElements: L,
+        handleToEditMode: se,
         isEditable: m,
-        name: r,
-        ref: { chipsCellRef: A, chipsWrapperRef: G, hiddenChipsCounterRef: L, hiddenChipsPopUpRef: Q },
-        setChipSizeIsRecalculated: Y,
-        setChipsSizes: Z,
+        name: o,
+        ref: { chipsCellRef: G, chipsWrapperRef: J, hiddenChipsCounterRef: Q, hiddenChipsPopUpRef: Z },
+        setChipSizeIsRecalculated: A,
+        setChipsSizes: S,
         setEditConfig: C,
-        shortChips: $,
-        showChips: S,
-        showHiddenChips: P,
-        validateFields: se,
-        validationRules: v
+        shortChips: W,
+        showChips: E,
+        showHiddenChips: v,
+        validateFields: le,
+        validationRules: P
       }
     ) })
   ] });
 };
-R.propTypes = {
-  chipOptions: me,
-  className: o.string,
-  delimiter: o.oneOfType([o.string, o.element]),
-  formState: o.object.isRequired,
-  initialValues: o.object.isRequired,
-  isEditable: o.bool,
-  label: o.string,
-  name: o.string.isRequired,
-  onClick: o.func,
-  onExitEditModeCallback: o.func,
-  shortChips: o.bool,
-  validationRules: o.object,
-  validator: o.func,
-  visibleChipsMaxLength: o.oneOfType([o.string, o.number])
+w.propTypes = {
+  chipOptions: Ce,
+  className: r.string,
+  delimiter: r.oneOfType([r.string, r.element]),
+  formState: r.object.isRequired,
+  initialValues: r.object.isRequired,
+  isEditable: r.bool,
+  label: r.string,
+  name: r.string.isRequired,
+  onClick: r.func,
+  onExitEditModeCallback: r.func,
+  shortChips: r.bool,
+  validationRules: r.object,
+  validator: r.func,
+  visibleChipsMaxLength: r.oneOfType([r.string, r.number]),
+  withInitialParentWidth: r.bool
 };
-R = pe.memo(R);
-const He = R;
+w = ce.memo(w);
+const Ue = w;
 export {
-  He as default
+  Ue as default
 };
 //# sourceMappingURL=FormChipCell.mjs.map