@tecsinapse/cortex-react 1.6.0 → 1.7.0-beta.0

package/dist/esm/components/ProgressBar.js

@@ -1,69 +0,0 @@
-import clsx from 'clsx';
-import React__default, { useState, useEffect, useCallback } from 'react';
-import '../styles/calendar-cell.js';
-import '../styles/groupButton.js';
-import { progressBarFilled } from '../styles/progressBar.js';
-
-const ProgressBar = ({
-  segments: _segments = 1,
-  valueMin = 0,
-  valueMax = 100,
-  valueCurrent = 50,
-  intentProgress = "default",
-  animated = true
-}) => {
-  const [displayedValue, setDisplayedValue] = useState(0);
-  const [showAnimation, setShowAnimation] = useState(true);
-  useEffect(() => {
-    const timeout = setTimeout(() => {
-      if (valueCurrent < displayedValue) {
-        setShowAnimation(false);
-      }
-      if (animated && valueCurrent > displayedValue) setShowAnimation(true);
-      setDisplayedValue(valueCurrent);
-    }, 0);
-    return () => clearTimeout(timeout);
-  }, [valueCurrent]);
-  const progressStyle = useCallback(
-    (width, index) => {
-      return {
-        width: `${width}%`,
-        transitionDelay: `${showAnimation ? `${index * 1e3}ms` : `0ms`}`
-      };
-    },
-    [showAnimation]
-  );
-  const totalProgress = (displayedValue - valueMin) / (valueMax - valueMin) * 100;
-  const segments = Math.max(1, _segments);
-  const lengthSeg = 100 / Math.max(segments);
-  const items = [...Array(segments).keys()];
-  return /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-x-nano flex-row" }, items.map((_, index) => {
-    const max = lengthSeg * (index + 1);
-    const min = lengthSeg * index;
-    const minmax = (totalProgress - min) / (max - min);
-    const width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;
-    return /* @__PURE__ */ React__default.createElement(
-      "div",
-      {
-        "data-testid": "progress-bar",
-        key: index,
-        className: clsx(
-          "h-[0.5rem] bg-secondary-light flex flex-1 first:rounded-l-pill last:rounded-r-pill"
-        )
-      },
-      /* @__PURE__ */ React__default.createElement(
-        "div",
-        {
-          "data-testid": "div-segment-filled",
-          style: progressStyle(width, index),
-          className: progressBarFilled({
-            intentProgress,
-            showAnimation
-          })
-        }
-      )
-    );
-  }));
-};
-
-export { ProgressBar };