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

package/dist/cjs/components/ProgressBar.js

@@ -1,71 +0,0 @@
-'use strict';
-
-var clsx = require('clsx');
-var React = require('react');
-require('../styles/calendar-cell.js');
-require('../styles/groupButton.js');
-var progressBar = require('../styles/progressBar.js');
-
-const ProgressBar = ({
-  segments: _segments = 1,
-  valueMin = 0,
-  valueMax = 100,
-  valueCurrent = 50,
-  intentProgress = "default",
-  animated = true
-}) => {
-  const [displayedValue, setDisplayedValue] = React.useState(0);
-  const [showAnimation, setShowAnimation] = React.useState(true);
-  React.useEffect(() => {
-    const timeout = setTimeout(() => {
-      if (valueCurrent < displayedValue) {
-        setShowAnimation(false);
-      }
-      if (animated && valueCurrent > displayedValue) setShowAnimation(true);
-      setDisplayedValue(valueCurrent);
-    }, 0);
-    return () => clearTimeout(timeout);
-  }, [valueCurrent]);
-  const progressStyle = React.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.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.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.createElement(
-        "div",
-        {
-          "data-testid": "div-segment-filled",
-          style: progressStyle(width, index),
-          className: progressBar.progressBarFilled({
-            intentProgress,
-            showAnimation
-          })
-        }
-      )
-    );
-  }));
-};
-
-exports.ProgressBar = ProgressBar;

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 };

package/dist/esm/components/utils.js

@@ -1,26 +0,0 @@
-import { CalendarDate, getLocalTimeZone } from '@internationalized/date';
-import React__default from 'react';
-
-const getNameInitials = (name) => {
-  const nameSplit = name.split(" ");
-  const length = nameSplit.length;
-  if (length > 1) {
-    return `${nameSplit[0][0]}${nameSplit[length - 1][0]}`;
-  }
-  return name[0];
-};
-const dateToCalendarDate = (value) => {
-  return new CalendarDate(
-    value?.getFullYear() ?? (/* @__PURE__ */ new Date()).getFullYear(),
-    value?.getMonth() ? value.getMonth() + 1 : (/* @__PURE__ */ new Date()).getMonth() + 1,
-    value?.getDate() ?? (/* @__PURE__ */ new Date()).getDate()
-  );
-};
-const calendarDateToDate = (value) => {
-  return value.toDate(getLocalTimeZone());
-};
-function cloneWithProps(children, triggerProps) {
-  return React__default.cloneElement(/* @__PURE__ */ React__default.createElement("div", null, children), triggerProps);
-}
-
-export { calendarDateToDate, cloneWithProps, dateToCalendarDate, getNameInitials };

package/dist/types/components/utils.d.ts

@@ -1,6 +0,0 @@
-import { CalendarDate } from '@internationalized/date';
-import React from 'react';
-export declare const getNameInitials: (name: string) => string;
-export declare const dateToCalendarDate: (value?: Date) => CalendarDate;
-export declare const calendarDateToDate: (value: CalendarDate) => Date;
-export declare function cloneWithProps(children: React.ReactElement, triggerProps: any): React.FunctionComponentElement<any>;