@local-civics/hub-ui 0.1.110 → 0.1.112

package/dist/index.d.ts

@@ -891,6 +891,25 @@ type LogServiceButtonProps = {
  */
 declare const LogServiceButton: (props: LogServiceButtonProps) => JSX.Element;
 
+/**
+ * StopwatchProps
+ */
+type CtaListProps = {
+    readOnly?: boolean;
+    ctaLabel?: string;
+};
+type StopwatchProps = {
+    time?: string;
+    ctaList?: CtaListProps[];
+    onCTAClick?: (ctaLabel: string) => void;
+};
+/**
+ * A component for Stopwatch.
+ * @param props
+ * @constructor
+ */
+declare const Stopwatch: (props: StopwatchProps) => JSX.Element;
+
 /**
  * TaskItemProps
  */
@@ -1053,4 +1072,4 @@ type HomeLayoutProps = {
  */
 declare const HomeLayout: (props: HomeLayoutProps) => JSX.Element;
 
-export { AboutWidget, AboutWidgetProps, AchievementWidget, AchievementWidgetProps, ActivityCard, ActivityCardProps, ActivityItem, ActivityItemProps, ActivityList, ActivityListProps, ActivityReflection, ActivityReflectionProps, AuthLayout, AuthLayoutProps, Badge, BadgeActivityMenu, BadgeActivityMenuProps, BadgeFilterOption, BadgeProps, BadgeSection, BadgeSectionProps, BadgeSuccessDialog, BadgeSuccessDialogProps, Board, BoardProps, Button, ButtonBorder, ButtonColor, ButtonFilter, ButtonJustify, ButtonProps, ButtonSize, ButtonSpacing, ButtonTheme, Card, CardProps, DateSelection, DateSelectionProps, DaySelectionOptionProps, EventItem, EventItemProps, EventList, EventListProps, Home, HomeLayout, HomeLayoutProps, Icon, IconName, IconProps, ImpactWidget, ImpactWidgetProps, LearningForm, LearningFormProps, Loader, LoaderProps, LogServiceButton, LogServiceButtonProps, Logo, Modal, ModalProps, NavBar, NavBarProps, NavLink, NavLinkName, NavLinkProps, NotFound, NotFoundProps, Onboarding, OnboardingProps, Overlay, OverlayProps, PathwayButton, PathwayButtonProps, PathwayFilter, PathwayFilterProps, PathwayProgress, PathwayProgressHeight, PathwayProgressProps, PathwayWidget, PathwayWidgetProps, ProfileWidget, Progress, ProgressProps, ResidentWidgetProps, Search, SearchButton, SearchButtonProps, SearchProps, SearchResult, SearchResultProps, SettingsCard, SettingsCardProps, Tab, TabProps, TagFilter, TagFilterProps, TaskItem, TaskItemProps, TaskList, TaskListProps, Widget, WidgetBody, WidgetBodyProps, WidgetHeader, WidgetHeaderLink, WidgetHeaderLinkProps, WidgetHeaderProps, WidgetProps, WidgetTitle, WidgetTitleProps };
+export { AboutWidget, AboutWidgetProps, AchievementWidget, AchievementWidgetProps, ActivityCard, ActivityCardProps, ActivityItem, ActivityItemProps, ActivityList, ActivityListProps, ActivityReflection, ActivityReflectionProps, AuthLayout, AuthLayoutProps, Badge, BadgeActivityMenu, BadgeActivityMenuProps, BadgeFilterOption, BadgeProps, BadgeSection, BadgeSectionProps, BadgeSuccessDialog, BadgeSuccessDialogProps, Board, BoardProps, Button, ButtonBorder, ButtonColor, ButtonFilter, ButtonJustify, ButtonProps, ButtonSize, ButtonSpacing, ButtonTheme, Card, CardProps, CtaListProps, DateSelection, DateSelectionProps, DaySelectionOptionProps, EventItem, EventItemProps, EventList, EventListProps, Home, HomeLayout, HomeLayoutProps, Icon, IconName, IconProps, ImpactWidget, ImpactWidgetProps, LearningForm, LearningFormProps, Loader, LoaderProps, LogServiceButton, LogServiceButtonProps, Logo, Modal, ModalProps, NavBar, NavBarProps, NavLink, NavLinkName, NavLinkProps, NotFound, NotFoundProps, Onboarding, OnboardingProps, Overlay, OverlayProps, PathwayButton, PathwayButtonProps, PathwayFilter, PathwayFilterProps, PathwayProgress, PathwayProgressHeight, PathwayProgressProps, PathwayWidget, PathwayWidgetProps, ProfileWidget, Progress, ProgressProps, ResidentWidgetProps, Search, SearchButton, SearchButtonProps, SearchProps, SearchResult, SearchResultProps, SettingsCard, SettingsCardProps, Stopwatch, StopwatchProps, Tab, TabProps, TagFilter, TagFilterProps, TaskItem, TaskItemProps, TaskList, TaskListProps, Widget, WidgetBody, WidgetBodyProps, WidgetHeader, WidgetHeaderLink, WidgetHeaderLinkProps, WidgetHeaderProps, WidgetProps, WidgetTitle, WidgetTitleProps };

package/dist/index.js

@@ -5722,6 +5722,36 @@ const LogServiceButton = (props) => {
   ), isOpen && /* @__PURE__ */ React.createElement(Form, __spreadProps(__spreadValues({ onSubmit: props.onSubmit }, props.form), { onClose })));
 };
 
+const Stopwatch = (props) => {
+  const ctaList = (props == null ? void 0 : props.ctaList) || [];
+  const getColor = (label) => {
+    if (label.toLowerCase() === "start") {
+      return "green";
+    } else if (label.toLowerCase() === "stop") {
+      return "rose";
+    }
+    return "blue";
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "shadow-2xl shadow-gray-400 h-30 w-48 grid grid-cols-1 justify-items-center text-slate-600 text-md gap-4 p-4 box-border" }, /* @__PURE__ */ React.createElement("div", { className: "shadow-xl w-36 text-center text-lg p-2" }, props.time), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-3 gap-2" }, ctaList && ctaList.length && ctaList.map((ctaObj, i) => {
+    const color = getColor(ctaObj.ctaLabel || "");
+    return /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        key: i,
+        onClick: () => props.onCTAClick && props.onCTAClick(ctaObj.ctaLabel || ""),
+        theme: "dark",
+        border: "rounded",
+        size: "sm",
+        spacing: "xs",
+        color,
+        text: ctaObj.ctaLabel,
+        active: false,
+        disabled: ctaObj.readOnly
+      }
+    );
+  }))));
+};
+
 const TaskItem = (props) => {
   const color = props.status === "done" ? "text-green-500" : props.status === "in-progress" ? "text-cyan-100" : "text-gray-300";
   const border = props.full ? "border-b border-gray-100" : props.status === "done" ? "border rounded border-gray-200" : "border rounded border-gray-200";
@@ -5832,6 +5862,7 @@ exports.Search = Search;
 exports.SearchButton = SearchButton;
 exports.SearchResult = SearchResult;
 exports.SettingsCard = SettingsCard;
+exports.Stopwatch = Stopwatch;
 exports.Tab = Tab;
 exports.TagFilter = TagFilter;
 exports.TaskItem = TaskItem;