iguazio.dashboard-react-controls 2.2.25 → 3.0.0

package/dist/components/Tooltip/Tooltip.mjs

@@ -0,0 +1,136 @@
+import { jsxs as A, Fragment as F, jsx as p } from "react/jsx-runtime";
+import V, { useState as j, useRef as k, useCallback as B, useEffect as m } from "react";
+import { createPortal as G } from "react-dom";
+import i from "prop-types";
+import { CSSTransition as J } from "react-transition-group";
+import K from "classnames";
+import { debounce as Q } from "lodash";
+import { isEveryObjectValueEmpty as U } from "../../utils/common.util.mjs";
+/* empty css              */
+let v = ({
+  children: T = "",
+  className: M = "",
+  hidden: a = !1,
+  id: l = "",
+  renderChildAsHtml: $ = !1,
+  template: z,
+  textShow: N = !1
+}) => {
+  const [s, u] = j(!1), [f, h] = j({}), g = K("data-ellipsis", "tooltip-wrapper", M), I = 200, t = k(), r = k(), o = 10, y = () => {
+    u(!1);
+  }, n = B(
+    (e) => {
+      (!r.current || a || r.current && !r.current.contains(e.relatedTarget) && t.current && !t.current.contains(e.relatedTarget)) && u(!1);
+    },
+    [a]
+  ), c = B(
+    (e) => {
+      var L, _, x, C;
+      if (!s) {
+        const [d] = t.current.childNodes;
+        let S = !a && (N ? !0 : d ? d.nodeType !== Node.TEXT_NODE && ((_ = (L = d.childNodes) == null ? void 0 : L[0]) == null ? void 0 : _.nodeType) !== Node.TEXT_NODE || /*
+          If the child node is a text node and the text of the child node inside the container is greater than the width of the container, then show tooltip.
+        */
+        (d.nodeType === Node.TEXT_NODE || ((C = (x = d.childNodes) == null ? void 0 : x[0]) == null ? void 0 : C.nodeType) === Node.TEXT_NODE) && t.current.scrollWidth > t.current.offsetWidth : !1);
+        u(S), setTimeout(() => {
+          var b, O;
+          if (S) {
+            let { height: E, top: R, bottom: q } = ((b = t == null ? void 0 : t.current) == null ? void 0 : b.getBoundingClientRect()) ?? {};
+            const { height: W, width: D } = ((O = r.current) == null ? void 0 : O.getBoundingClientRect()) ?? {
+              height: 0,
+              width: 0
+            }, H = e.x - (e.x + D - window.innerWidth + o), P = e.x + D + o > window.innerWidth ? H > o ? H : o : e.x + o;
+            if (R + E + o + W >= window.innerHeight) {
+              const X = q - E - o - W;
+              h({
+                top: X > 0 ? X : o,
+                left: P
+              });
+            } else
+              h({
+                top: R + E + o,
+                left: P
+              });
+          }
+        }, 0);
+      }
+    },
+    [a, N, s]
+  ), w = Q(() => {
+    U(f) || h({});
+  }, 100);
+  return m(() => {
+    const e = t.current;
+    if (e)
+      return e.addEventListener("mouseenter", c), e.addEventListener("mouseleave", n), () => {
+        e.removeEventListener("mouseenter", c), e.removeEventListener("mouseleave", n);
+      };
+  }, [t, c, n]), m(() => {
+    const e = r.current;
+    if (e && s)
+      return e.addEventListener("mouseleave", n), () => {
+        e.removeEventListener("mouseleave", n);
+      };
+  }, [r, c, n, s]), m(() => (s && window.addEventListener("scroll", y, !0), () => window.removeEventListener("scroll", y, !0)), [s]), m(() => (window.addEventListener("resize", w), () => {
+    window.removeEventListener("resize", w);
+  }), [w, f]), /* @__PURE__ */ A(F, { children: [
+    $ ? /* @__PURE__ */ p(
+      "div",
+      {
+        "data-testid": l ? `${l}-tooltip-wrapper` : "tooltip-wrapper",
+        ref: t,
+        className: g,
+        dangerouslySetInnerHTML: { __html: T },
+        onClick: n
+      }
+    ) : /* @__PURE__ */ p(
+      "div",
+      {
+        "data-testid": l ? `${l}-tooltip-wrapper` : "tooltip-wrapper",
+        ref: t,
+        className: g,
+        onClick: n,
+        children: T
+      }
+    ),
+    !a && G(
+      /* @__PURE__ */ p(
+        J,
+        {
+          nodeRef: r,
+          classNames: "fade",
+          in: s,
+          timeout: I,
+          unmountOnExit: !0,
+          children: /* @__PURE__ */ p(
+            "div",
+            {
+              "data-testid": l ? `${l}-tooltip` : "tooltip",
+              ref: r,
+              style: {
+                ...f
+              },
+              className: "tooltip",
+              children: z
+            }
+          )
+        }
+      ),
+      document.getElementById("overlay_container")
+    )
+  ] });
+};
+v.propTypes = {
+  children: i.any,
+  className: i.string,
+  hidden: i.bool,
+  id: i.string,
+  renderChildAsHtml: i.bool,
+  template: i.element.isRequired,
+  textShow: i.bool
+};
+v = V.memo(v);
+export {
+  v as default
+};
+//# sourceMappingURL=Tooltip.mjs.map

package/dist/components/Tooltip/Tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.mjs","sources":["../../../src/lib/components/Tooltip/Tooltip.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useRef, useState, useEffect, useCallback } from 'react'\nimport { createPortal } from 'react-dom'\nimport PropTypes from 'prop-types'\nimport { CSSTransition } from 'react-transition-group'\nimport classnames from 'classnames'\nimport { debounce } from 'lodash'\n\nimport { isEveryObjectValueEmpty } from '../../utils/common.util'\n\nimport './tooltip.scss'\n\nlet Tooltip = ({\n  children = '',\n  className = '',\n  hidden = false,\n  id = '',\n  renderChildAsHtml = false,\n  template,\n  textShow = false\n}) => {\n  const [show, setShow] = useState(false)\n  const [style, setStyle] = useState({})\n\n  const tooltipClassNames = classnames('data-ellipsis', 'tooltip-wrapper', className)\n  const duration = 200\n  const parentRef = useRef()\n  const tooltipRef = useRef()\n  const offset = 10\n\n  const handleScroll = () => {\n    setShow(false)\n  }\n\n  const handleMouseLeave = useCallback(\n    event => {\n      if (\n        !tooltipRef.current ||\n        hidden ||\n        (tooltipRef.current &&\n          !tooltipRef.current.contains(event.relatedTarget) &&\n          parentRef.current &&\n          !parentRef.current.contains(event.relatedTarget))\n      ) {\n        setShow(false)\n      }\n    },\n    [hidden]\n  )\n\n  const handleMouseEnter = useCallback(\n    event => {\n      if (!show) {\n        const [child] = parentRef.current.childNodes\n        let show =\n          !hidden &&\n          (textShow\n            ? true\n            : !child\n              ? false\n              : (child.nodeType !== Node.TEXT_NODE &&\n                  child.childNodes?.[0]?.nodeType !== Node.TEXT_NODE) ||\n                /*\n                                    If the child node is a text node and the text of the child node inside the container is greater than the width of the container, then show tooltip.\n                                  */\n                ((child.nodeType === Node.TEXT_NODE ||\n                  child.childNodes?.[0]?.nodeType === Node.TEXT_NODE) &&\n                  parentRef.current.scrollWidth > parentRef.current.offsetWidth))\n\n        setShow(show)\n\n        setTimeout(() => {\n          if (show) {\n            let { height, top, bottom } = parentRef?.current?.getBoundingClientRect() ?? {}\n            const { height: tooltipHeight, width: tooltipWidth } =\n              tooltipRef.current?.getBoundingClientRect() ?? {\n                height: 0,\n                width: 0\n              }\n            const leftPosition = event.x - (event.x + tooltipWidth - window.innerWidth + offset)\n            const left =\n              event.x + tooltipWidth + offset > window.innerWidth\n                ? leftPosition > offset\n                  ? leftPosition\n                  : offset\n                : event.x + offset\n\n            if (top + height + offset + tooltipHeight >= window.innerHeight) {\n              const topPosition = bottom - height - offset - tooltipHeight\n\n              setStyle({\n                top: topPosition > 0 ? topPosition : offset,\n                left\n              })\n            } else {\n              setStyle({\n                top: top + height + offset,\n                left\n              })\n            }\n          }\n        }, 0)\n      }\n    },\n    [hidden, textShow, show]\n  )\n\n  const clearStyles = debounce(() => {\n    if (!isEveryObjectValueEmpty(style)) {\n      setStyle({})\n    }\n  }, 100)\n\n  useEffect(() => {\n    const parentNode = parentRef.current\n\n    if (parentNode) {\n      parentNode.addEventListener('mouseenter', handleMouseEnter)\n      parentNode.addEventListener('mouseleave', handleMouseLeave)\n\n      return () => {\n        parentNode.removeEventListener('mouseenter', handleMouseEnter)\n        parentNode.removeEventListener('mouseleave', handleMouseLeave)\n      }\n    }\n  }, [parentRef, handleMouseEnter, handleMouseLeave])\n\n  useEffect(() => {\n    const tooltipNode = tooltipRef.current\n\n    if (tooltipNode && show) {\n      tooltipNode.addEventListener('mouseleave', handleMouseLeave)\n\n      return () => {\n        tooltipNode.removeEventListener('mouseleave', handleMouseLeave)\n      }\n    }\n  }, [tooltipRef, handleMouseEnter, handleMouseLeave, show])\n\n  useEffect(() => {\n    if (show) {\n      window.addEventListener('scroll', handleScroll, true)\n    }\n\n    return () => window.removeEventListener('scroll', handleScroll, true)\n  }, [show])\n\n  useEffect(() => {\n    window.addEventListener('resize', clearStyles)\n\n    return () => {\n      window.removeEventListener('resize', clearStyles)\n    }\n  }, [clearStyles, style])\n\n  return (\n    <>\n      {renderChildAsHtml ? (\n        <div\n          data-testid={id ? `${id}-tooltip-wrapper` : 'tooltip-wrapper'}\n          ref={parentRef}\n          className={tooltipClassNames}\n          dangerouslySetInnerHTML={{ __html: children }}\n          onClick={handleMouseLeave}\n        />\n      ) : (\n        <div\n          data-testid={id ? `${id}-tooltip-wrapper` : 'tooltip-wrapper'}\n          ref={parentRef}\n          className={tooltipClassNames}\n          onClick={handleMouseLeave}\n        >\n          {children}\n        </div>\n      )}\n      {!hidden &&\n        createPortal(\n          <CSSTransition\n            nodeRef={tooltipRef}\n            classNames=\"fade\"\n            in={show}\n            timeout={duration}\n            unmountOnExit\n          >\n            <div\n              data-testid={id ? `${id}-tooltip` : 'tooltip'}\n              ref={tooltipRef}\n              style={{\n                ...style\n              }}\n              className=\"tooltip\"\n            >\n              {template}\n            </div>\n          </CSSTransition>,\n          document.getElementById('overlay_container')\n        )}\n    </>\n  )\n}\n\nTooltip.propTypes = {\n  children: PropTypes.any,\n  className: PropTypes.string,\n  hidden: PropTypes.bool,\n  id: PropTypes.string,\n  renderChildAsHtml: PropTypes.bool,\n  template: PropTypes.element.isRequired,\n  textShow: PropTypes.bool\n}\n\nTooltip = React.memo(Tooltip)\n\nexport default Tooltip\n"],"names":["Tooltip","children","className","hidden","id","renderChildAsHtml","template","textShow","show","setShow","useState","style","setStyle","tooltipClassNames","classnames","duration","parentRef","useRef","tooltipRef","offset","handleScroll","handleMouseLeave","useCallback","event","handleMouseEnter","child","_b","_a","_d","_c","height","top","bottom","tooltipHeight","tooltipWidth","leftPosition","left","topPosition","clearStyles","debounce","isEveryObjectValueEmpty","useEffect","parentNode","tooltipNode","jsxs","Fragment","jsx","createPortal","CSSTransition","PropTypes","React"],"mappings":"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"}

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,8 @@
+declare namespace _default {
+    export let title: string;
+    export { Tooltip as component };
+}
+export default _default;
+export const Normal: any;
+export const Icon: any;
+//# sourceMappingURL=Tooltip.stories.d.ts.map

package/dist/components/Tooltip/Tooltip.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tooltip/Tooltip.stories.js"],"names":[],"mappings":";;;;;AAkCA,yBAAuC;AAMvC,uBAAqC"}

package/dist/components/TooltipTemplate/ProducerTooltipTemplate.d.ts

@@ -0,0 +1,12 @@
+export default ProducerTooltipTemplate;
+declare function ProducerTooltipTemplate({ kind, owner }: {
+    kind?: string;
+    owner?: string;
+}): JSX.Element;
+declare namespace ProducerTooltipTemplate {
+    namespace propTypes {
+        let kind: any;
+        let owner: any;
+    }
+}
+//# sourceMappingURL=ProducerTooltipTemplate.d.ts.map

package/dist/components/TooltipTemplate/ProducerTooltipTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProducerTooltipTemplate.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TooltipTemplate/ProducerTooltipTemplate.jsx"],"names":[],"mappings":";AAqBA;;;gBAWC"}

package/dist/components/TooltipTemplate/TextTooltipTemplate.d.ts

@@ -0,0 +1,12 @@
+export default TextTooltipTemplate;
+declare function TextTooltipTemplate({ text, warning }: {
+    text?: string;
+    warning?: boolean;
+}): JSX.Element;
+declare namespace TextTooltipTemplate {
+    namespace propTypes {
+        let text: any;
+        let warning: any;
+    }
+}
+//# sourceMappingURL=TextTooltipTemplate.d.ts.map

package/dist/components/TooltipTemplate/TextTooltipTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextTooltipTemplate.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TooltipTemplate/TextTooltipTemplate.jsx"],"names":[],"mappings":";AAsBA;;;gBAcC"}

package/dist/components/TooltipTemplate/TextTooltipTemplate.mjs

@@ -0,0 +1,21 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useRef as i } from "react";
+import t from "prop-types";
+import l from "classnames";
+/* empty css                          */
+const m = ({ text: o = "", warning: r = !1 }) => {
+  const p = i(), s = l(
+    "tooltip-template",
+    "tooltip__text",
+    r && "tooltip__warning"
+  );
+  return /* @__PURE__ */ e("div", { className: s, children: /* @__PURE__ */ e("span", { ref: p, children: o }) });
+};
+m.propTypes = {
+  text: t.oneOfType([t.string, t.element, t.number]),
+  warning: t.bool
+};
+export {
+  m as default
+};
+//# sourceMappingURL=TextTooltipTemplate.mjs.map

package/dist/components/TooltipTemplate/TextTooltipTemplate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextTooltipTemplate.mjs","sources":["../../../src/lib/components/TooltipTemplate/TextTooltipTemplate.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport './textTooltipTemplate.scss'\n\nconst TextTooltipTemplate = ({ text = '', warning = false }) => {\n  const textRef = useRef()\n\n  const tooltipClassNames = classnames(\n    'tooltip-template',\n    'tooltip__text',\n    warning && 'tooltip__warning'\n  )\n\n  return (\n    <div className={tooltipClassNames}>\n      <span ref={textRef}>{text}</span>\n    </div>\n  )\n}\n\nTextTooltipTemplate.propTypes = {\n  text: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.number]),\n  warning: PropTypes.bool\n}\n\nexport default TextTooltipTemplate\n"],"names":["TextTooltipTemplate","text","warning","textRef","useRef","tooltipClassNames","classnames","jsx","PropTypes"],"mappings":";;;;;AAsBA,MAAMA,IAAsB,CAAC,EAAE,MAAAC,IAAO,IAAI,SAAAC,IAAU,SAAY;AAC9D,QAAMC,IAAUC,EAAO,GAEjBC,IAAoBC;AAAA,IACxB;AAAA,IACA;AAAA,IACAJ,KAAW;AAAA,EACb;AAGE,SAAA,gBAAAK,EAAC,SAAI,WAAWF,GACd,4BAAC,QAAK,EAAA,KAAKF,GAAU,UAAAF,EAAA,CAAK,EAC5B,CAAA;AAEJ;AAEAD,EAAoB,YAAY;AAAA,EAC9B,MAAMQ,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,SAASA,EAAU,MAAM,CAAC;AAAA,EACjF,SAASA,EAAU;AACrB;"}

package/dist/components/Wizard/Wizard.d.ts

@@ -0,0 +1,33 @@
+export default Wizard;
+declare function Wizard({ children, className, getActions, isWizardOpen, onWizardResolve, previewText, size, stepsConfig, subTitle, title }: {
+    children: any;
+    className?: string;
+    getActions?: any;
+    isWizardOpen: any;
+    onWizardResolve: any;
+    previewText?: string;
+    size?: string;
+    stepsConfig?: any[];
+    subTitle?: any;
+    title: any;
+}): JSX.Element;
+declare namespace Wizard {
+    namespace propTypes {
+        export let children: any;
+        export let className: any;
+        export let getActions: any;
+        export let isWizardOpen: any;
+        export let onWizardResolve: any;
+        export let previewText: any;
+        export { MODAL_SIZES as size };
+        export { WIZARD_STEPS_CONFIG as stepsConfig };
+        export let subTitle: any;
+        export let title: any;
+    }
+    function Step({ children }: {
+        children: any;
+    }): any;
+}
+import { MODAL_SIZES } from '../../types';
+import { WIZARD_STEPS_CONFIG } from '../../types';
+//# sourceMappingURL=Wizard.d.ts.map

package/dist/components/Wizard/Wizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Wizard/Wizard.jsx"],"names":[],"mappings":";AAgCA;;;;;;;;;;;gBAmKC;;;;;;;;;;;;;;IAeD;;YAAwC;;4BAxLS,aAAa;oCAAb,aAAa"}

package/dist/components/Wizard/Wizard.mjs

@@ -0,0 +1,129 @@
+import { jsx as n, jsxs as G } from "react/jsx-runtime";
+import z, { useState as f, useMemo as m, useLayoutEffect as J, useEffect as U, createElement as Y } from "react";
+import s from "prop-types";
+import H from "classnames";
+import { isNumber as w, isEmpty as A } from "lodash";
+import b from "../Button/Button.mjs";
+import K from "../Modal/Modal.mjs";
+import Q from "./WizardSteps/WizardSteps.mjs";
+import { TERTIARY_BUTTON as I, MODAL_MD as V } from "../../constants.mjs";
+import { WIZARD_STEPS_CONFIG as X, MODAL_SIZES as $ } from "../../types.mjs";
+import N from "../../images/back-arrow.svg.mjs";
+/* empty css             */
+const x = ({
+  children: l,
+  className: y = "",
+  getActions: S = null,
+  isWizardOpen: E,
+  onWizardResolve: M,
+  previewText: R = "",
+  size: D = V,
+  stepsConfig: o = [],
+  subTitle: k = null,
+  title: F
+}) => {
+  const L = H("wizard-form", y), [v, _] = f(!1), [r, d] = f(0), [c, h] = f(null), i = m(() => (o == null ? void 0 : o.filter((t) => !t.hidden)) || [], [o]);
+  J(() => {
+    i.find((e, a) => (e.disabled && h(a), e.disabled)) || h(null);
+  }, [i]), U(() => {
+    const t = i.findIndex((e) => e.invalid);
+    v && w(t) && t !== -1 && (d(t), _(!1));
+  }, [v, i]);
+  const O = m(() => z.Children.toArray(l).filter((t, e) => !A(o) && !o[e].hidden).map((t, e) => {
+    const a = e === r, p = !w(c) || e < c ? z.cloneElement(t, { stepIsActive: a }) : null;
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        className: a ? "wizard-form__visible-content-item" : "wizard-form__hidden-content-item",
+        children: p
+      },
+      e
+    );
+  }), [r, l, c, o]), u = m(() => i.length - 1 || 0, [i]), W = m(() => r === u, [r, u]), j = () => {
+    d((t) => Math.min(++t, u));
+  }, q = () => d((t) => Math.max(--t, 0)), B = () => {
+    _(!0);
+  }, T = (t) => d(t), P = (t) => {
+    const e = [];
+    return r !== 0 && e.push(
+      /* @__PURE__ */ n(
+        b,
+        {
+          id: "wizard-btn-back",
+          icon: /* @__PURE__ */ n(N, {}),
+          className: "wizard-form__back-button",
+          onClick: q,
+          disabled: r === 0,
+          label: "Back",
+          type: "button",
+          variant: I
+        }
+      )
+    ), e.push(
+      /* @__PURE__ */ n(
+        b,
+        {
+          id: "wizard-btn-next",
+          icon: /* @__PURE__ */ n(N, {}),
+          iconPosition: "right",
+          className: "wizard-form__next-button",
+          disabled: (t == null ? void 0 : t.nextIsDisabled) || W,
+          onClick: j,
+          label: "Next",
+          type: "button",
+          variant: I
+        }
+      )
+    ), e;
+  };
+  return /* @__PURE__ */ G(
+    K,
+    {
+      actions: (() => {
+        if (A(i)) return [];
+        const t = P(i[r]), e = i.every((a) => !a.disabled);
+        if (S) {
+          const p = S({ allStepsAreEnabled: e, jumpToStep: T, goToFirstInvalidStep: B }).map((g, Z) => /* @__PURE__ */ Y(b, { ...g, key: Z }));
+          t.push(...p);
+        }
+        return t;
+      })(),
+      className: L,
+      onClose: M,
+      previewText: R,
+      show: E,
+      size: D,
+      subTitle: k,
+      title: F,
+      children: [
+        /* @__PURE__ */ n(
+          Q,
+          {
+            activeStepNumber: r,
+            firstDisabledStepIdx: c,
+            jumpToStep: T,
+            steps: i
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: "wizard-form__content-container", children: /* @__PURE__ */ n("div", { className: "wizard-form__content", children: O }) })
+      ]
+    }
+  );
+};
+x.propTypes = {
+  children: s.node.isRequired,
+  className: s.string,
+  getActions: s.func,
+  isWizardOpen: s.bool.isRequired,
+  onWizardResolve: s.func.isRequired,
+  previewText: s.string,
+  size: $,
+  stepsConfig: X,
+  subTitle: s.string,
+  title: s.string.isRequired
+};
+x.Step = ({ children: l }) => l;
+export {
+  x as default
+};
+//# sourceMappingURL=Wizard.mjs.map

package/dist/components/Wizard/Wizard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.mjs","sources":["../../../src/lib/components/Wizard/Wizard.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useEffect, useLayoutEffect, useMemo, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { isEmpty, isNumber } from 'lodash'\n\nimport Button from '../Button/Button'\nimport Modal from '../Modal/Modal'\nimport WizardSteps from './WizardSteps/WizardSteps'\n\nimport { MODAL_MD, TERTIARY_BUTTON } from '../../constants'\nimport { MODAL_SIZES, WIZARD_STEPS_CONFIG } from '../../types'\n\nimport Back from '../../images/back-arrow.svg?react'\n\nimport './Wizard.scss'\n\nconst Wizard = ({\n  children,\n  className = '',\n  getActions = null,\n  isWizardOpen,\n  onWizardResolve,\n  previewText = '',\n  size = MODAL_MD,\n  stepsConfig = [],\n  subTitle = null,\n  title\n}) => {\n  const wizardClasses = classNames('wizard-form', className)\n  const [jumpingToFirstInvalid, setJumpingToFirstInvalid] = useState(false)\n  const [activeStepNumber, setActiveStepNumber] = useState(0)\n  const [firstDisabledStepIdx, setFirstDisabledStepIdx] = useState(null)\n\n  const visibleSteps = useMemo(() => {\n    return stepsConfig?.filter(step => !step.hidden) || []\n  }, [stepsConfig])\n\n  useLayoutEffect(() => {\n    const disabledStep = visibleSteps.find((step, stepIdx) => {\n      if (step.disabled) {\n        setFirstDisabledStepIdx(stepIdx)\n      }\n\n      return step.disabled\n    })\n\n    if (!disabledStep) {\n      setFirstDisabledStepIdx(null)\n    }\n  }, [visibleSteps])\n\n  useEffect(() => {\n    const firstInvalidStepIdx = visibleSteps.findIndex(step => step.invalid)\n\n    if (jumpingToFirstInvalid && isNumber(firstInvalidStepIdx) && firstInvalidStepIdx !== -1) {\n      setActiveStepNumber(firstInvalidStepIdx)\n      setJumpingToFirstInvalid(false)\n    }\n  }, [jumpingToFirstInvalid, visibleSteps])\n\n  const stepsTemplate = useMemo(() => {\n    return React.Children.toArray(children)\n      .filter((child, idx) => !isEmpty(stepsConfig) && !stepsConfig[idx].hidden)\n      .map((child, idx) => {\n        const stepIsActive = idx === activeStepNumber\n        const newChild =\n          !isNumber(firstDisabledStepIdx) || idx < firstDisabledStepIdx\n            ? React.cloneElement(child, { stepIsActive })\n            : null\n\n        return (\n          <div\n            key={idx}\n            className={\n              !stepIsActive\n                ? 'wizard-form__hidden-content-item'\n                : 'wizard-form__visible-content-item'\n            }\n          >\n            {newChild}\n          </div>\n        )\n      })\n  }, [activeStepNumber, children, firstDisabledStepIdx, stepsConfig])\n\n  const totalSteps = useMemo(() => {\n    return visibleSteps.length - 1 || 0\n  }, [visibleSteps])\n\n  const isLastStep = useMemo(() => {\n    return activeStepNumber === totalSteps\n  }, [activeStepNumber, totalSteps])\n\n  const goToNextStep = () => {\n    setActiveStepNumber(prevStep => Math.min(++prevStep, totalSteps))\n  }\n\n  const goToPreviousStep = () => setActiveStepNumber(prevStep => Math.max(--prevStep, 0))\n\n  const goToFirstInvalidStep = () => {\n    setJumpingToFirstInvalid(true)\n  }\n\n  const jumpToStep = idx => {\n    return setActiveStepNumber(idx)\n  }\n\n  const getDefaultActions = stepConfig => {\n    const defaultActions = []\n\n    if (activeStepNumber !== 0) {\n      defaultActions.push(\n        <Button\n          id=\"wizard-btn-back\"\n          icon={<Back />}\n          className=\"wizard-form__back-button\"\n          onClick={goToPreviousStep}\n          disabled={activeStepNumber === 0}\n          label=\"Back\"\n          type=\"button\"\n          variant={TERTIARY_BUTTON}\n        />\n      )\n    }\n\n    defaultActions.push(\n      <Button\n        id=\"wizard-btn-next\"\n        icon={<Back />}\n        iconPosition=\"right\"\n        className=\"wizard-form__next-button\"\n        disabled={stepConfig?.nextIsDisabled || isLastStep}\n        onClick={goToNextStep}\n        label=\"Next\"\n        type=\"button\"\n        variant={TERTIARY_BUTTON}\n      />\n    )\n\n    return defaultActions\n  }\n\n  const renderModalActions = () => {\n    if (isEmpty(visibleSteps)) return []\n\n    const actionsList = getDefaultActions(visibleSteps[activeStepNumber])\n    const allStepsAreEnabled = visibleSteps.every(step => !step.disabled)\n\n    if (getActions) {\n      const actions = getActions({ allStepsAreEnabled, jumpToStep, goToFirstInvalidStep })\n      const mainActions = actions.map((action, index) => <Button {...action} key={index} />)\n      actionsList.push(...mainActions)\n    }\n\n    return actionsList\n  }\n\n  return (\n    <Modal\n      actions={renderModalActions()}\n      className={wizardClasses}\n      onClose={onWizardResolve}\n      previewText={previewText}\n      show={isWizardOpen}\n      size={size}\n      subTitle={subTitle}\n      title={title}\n    >\n      <WizardSteps\n        activeStepNumber={activeStepNumber}\n        firstDisabledStepIdx={firstDisabledStepIdx}\n        jumpToStep={jumpToStep}\n        steps={visibleSteps}\n      />\n      <div className=\"wizard-form__content-container\">\n        <div className=\"wizard-form__content\">{stepsTemplate}</div>\n      </div>\n    </Modal>\n  )\n}\n\nWizard.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  getActions: PropTypes.func,\n  isWizardOpen: PropTypes.bool.isRequired,\n  onWizardResolve: PropTypes.func.isRequired,\n  previewText: PropTypes.string,\n  size: MODAL_SIZES,\n  stepsConfig: WIZARD_STEPS_CONFIG,\n  subTitle: PropTypes.string,\n  title: PropTypes.string.isRequired\n}\n\nWizard.Step = ({ children }) => children\n\nexport default Wizard\n"],"names":["Wizard","children","className","getActions","isWizardOpen","onWizardResolve","previewText","size","MODAL_MD","stepsConfig","subTitle","title","wizardClasses","classNames","jumpingToFirstInvalid","setJumpingToFirstInvalid","useState","activeStepNumber","setActiveStepNumber","firstDisabledStepIdx","setFirstDisabledStepIdx","visibleSteps","useMemo","step","useLayoutEffect","stepIdx","useEffect","firstInvalidStepIdx","isNumber","stepsTemplate","React","child","idx","isEmpty","stepIsActive","newChild","jsx","totalSteps","isLastStep","goToNextStep","prevStep","goToPreviousStep","goToFirstInvalidStep","jumpToStep","getDefaultActions","stepConfig","defaultActions","Button","Back","TERTIARY_BUTTON","jsxs","Modal","actionsList","allStepsAreEnabled","mainActions","action","index","createElement","WizardSteps","PropTypes","MODAL_SIZES","WIZARD_STEPS_CONFIG"],"mappings":"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"}

package/dist/components/Wizard/WizardSteps/WizardSteps.d.ts

@@ -0,0 +1,16 @@
+export default WizardSteps;
+declare function WizardSteps({ activeStepNumber, firstDisabledStepIdx, jumpToStep, steps }: {
+    activeStepNumber: any;
+    firstDisabledStepIdx?: any;
+    jumpToStep: any;
+    steps: any;
+}): JSX.Element;
+declare namespace WizardSteps {
+    namespace propTypes {
+        let activeStepNumber: any;
+        let firstDisabledStepIdx: any;
+        let jumpToStep: any;
+        let steps: any;
+    }
+}
+//# sourceMappingURL=WizardSteps.d.ts.map

package/dist/components/Wizard/WizardSteps/WizardSteps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardSteps.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/Wizard/WizardSteps/WizardSteps.jsx"],"names":[],"mappings":";AA2BA;;;;;gBA+BC"}

package/dist/components/Wizard/WizardSteps/WizardSteps.mjs

@@ -0,0 +1,41 @@
+import { jsx as i } from "react/jsx-runtime";
+import "react";
+import t from "prop-types";
+import _ from "classnames";
+import { isNumber as f } from "lodash";
+import N from "../../Button/Button.mjs";
+import { WIZARD_STEPS_CONFIG as S } from "../../../types.mjs";
+/* empty css                  */
+const b = ({ activeStepNumber: m, firstDisabledStepIdx: p = null, jumpToStep: o, steps: a }) => {
+  const n = (e, s) => _(
+    "wizard-steps__item",
+    e === m && "wizard-steps__item_active",
+    s && "wizard-steps__item_invalid"
+  ), l = (e, s) => {
+    e.preventDefault(), o(s);
+  };
+  return /* @__PURE__ */ i("div", { className: "wizard-steps", children: a.map(({ id: e, label: s, invalid: u }, r) => {
+    const c = f(p) && r >= p;
+    return /* @__PURE__ */ i(
+      N,
+      {
+        className: n(r, u),
+        disabled: c,
+        icon: /* @__PURE__ */ i("span", { className: "wizard-steps__indicator", children: r + 1 }),
+        label: s,
+        onClick: (d) => l(d, r)
+      },
+      e
+    );
+  }) });
+};
+b.propTypes = {
+  activeStepNumber: t.number.isRequired,
+  firstDisabledStepIdx: t.oneOfType([t.number, t.oneOf([null])]),
+  jumpToStep: t.func.isRequired,
+  steps: S.isRequired
+};
+export {
+  b as default
+};
+//# sourceMappingURL=WizardSteps.mjs.map

package/dist/components/Wizard/WizardSteps/WizardSteps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardSteps.mjs","sources":["../../../../src/lib/components/Wizard/WizardSteps/WizardSteps.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { isNumber } from 'lodash'\n\nimport Button from '../../Button/Button'\n\nimport { WIZARD_STEPS_CONFIG } from '../../../types'\n\nimport './WizardSteps.scss'\n\nconst WizardSteps = ({ activeStepNumber, firstDisabledStepIdx = null, jumpToStep, steps }) => {\n  const getStepClassNames = (idx, invalid) =>\n    classNames(\n      'wizard-steps__item',\n      idx === activeStepNumber && 'wizard-steps__item_active',\n      invalid && 'wizard-steps__item_invalid'\n    )\n\n  const handleJumpToStep = (event, idx) => {\n    event.preventDefault()\n    jumpToStep(idx)\n  }\n\n  return (\n    <div className=\"wizard-steps\">\n      {steps.map(({ id, label, invalid }, idx) => {\n        const stepIsDisabled = isNumber(firstDisabledStepIdx) && idx >= firstDisabledStepIdx\n\n        return (\n          <Button\n            className={getStepClassNames(idx, invalid)}\n            disabled={stepIsDisabled}\n            icon={<span className=\"wizard-steps__indicator\">{idx + 1}</span>}\n            key={id}\n            label={label}\n            onClick={e => handleJumpToStep(e, idx)}\n          />\n        )\n      })}\n    </div>\n  )\n}\n\nWizardSteps.propTypes = {\n  activeStepNumber: PropTypes.number.isRequired,\n  firstDisabledStepIdx: PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf([null])]),\n  jumpToStep: PropTypes.func.isRequired,\n  steps: WIZARD_STEPS_CONFIG.isRequired\n}\n\nexport default WizardSteps\n"],"names":["WizardSteps","activeStepNumber","firstDisabledStepIdx","jumpToStep","steps","getStepClassNames","idx","invalid","classNames","handleJumpToStep","event","jsx","id","label","stepIsDisabled","isNumber","Button","e","PropTypes","WIZARD_STEPS_CONFIG"],"mappings":";;;;;;;;AA2BM,MAAAA,IAAc,CAAC,EAAE,kBAAAC,GAAkB,sBAAAC,IAAuB,MAAM,YAAAC,GAAY,OAAAC,QAAY;AACtF,QAAAC,IAAoB,CAACC,GAAKC,MAC9BC;AAAAA,IACE;AAAA,IACAF,MAAQL,KAAoB;AAAA,IAC5BM,KAAW;AAAA,EACb,GAEIE,IAAmB,CAACC,GAAOJ,MAAQ;AACvC,IAAAI,EAAM,eAAe,GACrBP,EAAWG,CAAG;AAAA,EAChB;AAEA,SACG,gBAAAK,EAAA,OAAA,EAAI,WAAU,gBACZ,UAAMP,EAAA,IAAI,CAAC,EAAE,IAAAQ,GAAI,OAAAC,GAAO,SAAAN,EAAQ,GAAGD,MAAQ;AAC1C,UAAMQ,IAAiBC,EAASb,CAAoB,KAAKI,KAAOJ;AAG9D,WAAA,gBAAAS;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,WAAWX,EAAkBC,GAAKC,CAAO;AAAA,QACzC,UAAUO;AAAA,QACV,MAAO,gBAAAH,EAAA,QAAA,EAAK,WAAU,2BAA2B,cAAM,GAAE;AAAA,QAEzD,OAAAE;AAAA,QACA,SAAS,CAAAI,MAAKR,EAAiBQ,GAAGX,CAAG;AAAA,MAAA;AAAA,MAFhCM;AAAA,IAGP;AAAA,EAEH,CAAA,GACH;AAEJ;AAEAZ,EAAY,YAAY;AAAA,EACtB,kBAAkBkB,EAAU,OAAO;AAAA,EACnC,sBAAsBA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAAA,EACrF,YAAYA,EAAU,KAAK;AAAA,EAC3B,OAAOC,EAAoB;AAC7B;"}

package/dist/components/index.d.ts

@@ -0,0 +1,21 @@
+import Button from './Button/Button';
+import ConfirmDialog from './ConfirmDialog/ConfirmDialog';
+import FormCheckBox from './FormCheckBox/FormCheckBox';
+import FormChipCell from './FormChipCell/FormChipCell';
+import FormCombobox from './FormCombobox/FormCombobox';
+import FormInput from './FormInput/FormInput';
+import FormKeyValueTable from './FormKeyValueTable/FormKeyValueTable';
+import FormOnChange from './FormOnChange/FormOnChange';
+import FormRadio from './FormRadio/FormRadio';
+import FormSelect from './FormSelect/FormSelect';
+import FormTextarea from './FormTextarea/FormTextarea';
+import FormToggle from './FormToggle/FormToggle';
+import Modal from './Modal/Modal';
+import PopUpDialog from './PopUpDialog/PopUpDialog';
+import RoundedIcon from './RoundedIcon/RoundedIcon';
+import TextTooltipTemplate from './TooltipTemplate/TextTooltipTemplate';
+import Tip from './Tip/Tip';
+import Tooltip from './Tooltip/Tooltip';
+import Wizard from './Wizard/Wizard';
+export { Button, ConfirmDialog, FormCheckBox, FormChipCell, FormCombobox, FormInput, FormKeyValueTable, FormOnChange, FormRadio, FormSelect, FormTextarea, FormToggle, Modal, PopUpDialog, RoundedIcon, TextTooltipTemplate, Tip, Tooltip, Wizard };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/components/index.js"],"names":[],"mappings":"mBAiBmB,iBAAiB;0BACV,+BAA+B;yBAChC,6BAA6B;yBAC7B,6BAA6B;yBAC7B,6BAA6B;sBAChC,uBAAuB;8BACf,uCAAuC;yBAC5C,6BAA6B;sBAChC,uBAAuB;uBACtB,yBAAyB;yBACvB,6BAA6B;uBAC/B,yBAAyB;kBAC9B,eAAe;wBACT,2BAA2B;wBAC3B,2BAA2B;gCACnB,uCAAuC;gBACvD,WAAW;oBACP,mBAAmB;mBACpB,iBAAiB"}

package/dist/components/index.mjs

@@ -0,0 +1,41 @@
+import { default as r } from "./Button/Button.mjs";
+import { default as t } from "./ConfirmDialog/ConfirmDialog.mjs";
+import { default as m } from "./FormCheckBox/FormCheckBox.mjs";
+import { default as p } from "./FormChipCell/FormChipCell.mjs";
+import { default as u } from "./FormCombobox/FormCombobox.mjs";
+import { default as s } from "./FormInput/FormInput.mjs";
+import { default as i } from "./FormKeyValueTable/FormKeyValueTable.mjs";
+import { default as n } from "./FormOnChange/FormOnChange.mjs";
+import { default as g } from "./FormRadio/FormRadio.mjs";
+import { default as c } from "./FormSelect/FormSelect.mjs";
+import { default as B } from "./FormTextarea/FormTextarea.mjs";
+import { default as I } from "./FormToggle/FormToggle.mjs";
+import { default as k } from "./Modal/Modal.mjs";
+import { default as z } from "./PopUpDialog/PopUpDialog.mjs";
+import { default as M } from "./RoundedIcon/RoundedIcon.mjs";
+import { default as P } from "./TooltipTemplate/TextTooltipTemplate.mjs";
+import { default as U } from "./Tip/Tip.mjs";
+import { default as W } from "./Tooltip/Tooltip.mjs";
+import { default as q } from "./Wizard/Wizard.mjs";
+export {
+  r as Button,
+  t as ConfirmDialog,
+  m as FormCheckBox,
+  p as FormChipCell,
+  u as FormCombobox,
+  s as FormInput,
+  i as FormKeyValueTable,
+  n as FormOnChange,
+  g as FormRadio,
+  c as FormSelect,
+  B as FormTextarea,
+  I as FormToggle,
+  k as Modal,
+  z as PopUpDialog,
+  M as RoundedIcon,
+  P as TextTooltipTemplate,
+  U as Tip,
+  W as Tooltip,
+  q as Wizard
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}