cecomponent 1.0.100 → 1.0.102

package/dist/ce-component-lib.mjs

@@ -15469,61 +15469,39 @@ const CloudUploadIcon = createSvgIcon(/* @__PURE__ */ jsxRuntimeExports$1.jsx("p
   size: s = "medium",
   onStepClick: a
 }) => {
-  const o = (c) => i.includes(c) ? /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "ce-stepper-icon completed", children: /* @__PURE__ */ jsxRuntimeExports$1.jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "currentColor",
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports$1.jsx("path", { d: "M0 0h24v24H0z", fill: "none" }),
-        /* @__PURE__ */ jsxRuntimeExports$1.jsx("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" })
-      ]
-    }
-  ) }) : n.includes(c) ? /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "ce-stepper-icon error", children: /* @__PURE__ */ jsxRuntimeExports$1.jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "currentColor",
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports$1.jsx("path", { d: "M0 0h24v24H0z", fill: "none" }),
-        /* @__PURE__ */ jsxRuntimeExports$1.jsx("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" })
-      ]
-    }
-  ) }) : c === t ? /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "ce-stepper-icon current", children: c + 1 }) : /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "ce-stepper-icon future", children: c + 1 }), l = (c) => i.includes(c) ? "ce-step completed" : n.includes(c) ? "ce-step error" : c === t ? "ce-step current" : "ce-step future";
+  const o = (f) => i.includes(f) ? "completed" : n.includes(f) ? "error" : f === t ? "current" : "future", l = (f) => i.includes(f) ? /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "ce-stepper-icon completed", children: /* @__PURE__ */ jsxRuntimeExports$1.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [
+    /* @__PURE__ */ jsxRuntimeExports$1.jsx("path", { d: "M0 0h24v24H0z", fill: "none" }),
+    /* @__PURE__ */ jsxRuntimeExports$1.jsx("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" })
+  ] }) }) : n.includes(f) ? /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "ce-stepper-icon error", children: /* @__PURE__ */ jsxRuntimeExports$1.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: [
+    /* @__PURE__ */ jsxRuntimeExports$1.jsx("path", { d: "M0 0h24v24H0z", fill: "none" }),
+    /* @__PURE__ */ jsxRuntimeExports$1.jsx("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" })
+  ] }) }) : f === t ? /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "ce-stepper-icon current", children: f + 1 }) : /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "ce-stepper-icon future", children: f + 1 }), c = e.map((f, u) => u < e.length - 1 ? "auto 1fr" : "auto").join(" ");
   return /* @__PURE__ */ jsxRuntimeExports$1.jsxs("div", { className: `ce-stepper-container ce-stepper-${s}`, children: [
-    /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "ce-stepper", children: e.map((c, f) => /* @__PURE__ */ jsxRuntimeExports$1.jsxs(
-      "div",
-      {
-        className: l(f),
-        onClick: () => a && a(f),
-        style: { cursor: a ? "pointer" : "default" },
-        children: [
-          o(f),
-          f < e.length - 1 && /* @__PURE__ */ jsxRuntimeExports$1.jsx(
-            "div",
-            {
-              className: `ce-stepper-connector ${i.includes(f) ? "completed" : n.includes(f) ? "error" : ""}`
-            }
-          )
-        ]
-      },
-      f
-    )) }),
-    /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "ce-stepper-labels", children: e.map((c, f) => /* @__PURE__ */ jsxRuntimeExports$1.jsxs(
-      "div",
-      {
-        className: `ce-step-label ${i.includes(f) ? "completed" : n.includes(f) ? "error" : f === t ? "current" : "future"}`,
-        onClick: () => a && a(f),
-        style: { cursor: a ? "pointer" : "default" },
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports$1.jsx("span", { className: "ce-step-text", children: c.label }),
-          n.includes(f) && c.errorMessage && /* @__PURE__ */ jsxRuntimeExports$1.jsx("span", { className: "ce-step-error-message", children: c.errorMessage })
-        ]
-      },
-      f
-    )) })
+    /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "ce-stepper-track", style: { gridTemplateColumns: c }, children: e.map((f, u) => /* @__PURE__ */ jsxRuntimeExports$1.jsxs(React__default.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports$1.jsx(
+        "div",
+        {
+          className: "ce-step",
+          style: { gridColumn: u * 2 + 1, cursor: a ? "pointer" : "default" },
+          onClick: () => a == null ? void 0 : a(u),
+          children: l(u)
+        }
+      ),
+      u < e.length - 1 && /* @__PURE__ */ jsxRuntimeExports$1.jsx(
+        "div",
+        {
+          className: `ce-stepper-connector ${o(u)}`,
+          style: { gridColumn: u * 2 + 2 }
+        }
+      )
+    ] }, `track-${u}`)) }),
+    /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "ce-stepper-labelsGrid", style: { gridTemplateColumns: c }, children: e.map((f, u) => /* @__PURE__ */ jsxRuntimeExports$1.jsxs(React__default.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports$1.jsxs("div", { className: `ce-step-label ${o(u)}`, style: { gridColumn: u * 2 + 1 }, children: [
+        /* @__PURE__ */ jsxRuntimeExports$1.jsx("span", { className: "ce-step-text", children: f.label }),
+        n.includes(u) && f.errorMessage && /* @__PURE__ */ jsxRuntimeExports$1.jsx("span", { className: "ce-step-error-message", children: f.errorMessage })
+      ] }),
+      u < e.length - 1 && /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "ce-stepper-label-spacer", style: { gridColumn: u * 2 + 2 } })
+    ] }, `label-${u}`)) })
   ] });
 }, CECheckBox = ({ label: e, checked: t, onChange: i, disabled: n = !1 }) => {
   const s = (a) => {
@@ -23996,7 +23974,7 @@ function pad0r(e, t) {
 function SSF_isgeneral(e, t) {
   return t = t || 0, e.length >= 7 + t && (e.charCodeAt(t) | 32) === 103 && (e.charCodeAt(t + 1) | 32) === 101 && (e.charCodeAt(t + 2) | 32) === 110 && (e.charCodeAt(t + 3) | 32) === 101 && (e.charCodeAt(t + 4) | 32) === 114 && (e.charCodeAt(t + 5) | 32) === 97 && (e.charCodeAt(t + 6) | 32) === 108;
 }
-var days = [
+var days$1 = [
   ["Sun", "Sunday"],
   ["Mon", "Monday"],
   ["Tue", "Tuesday"],
@@ -24230,9 +24208,9 @@ function SSF_write_date(e, t, i, n) {
           c = i.d, f = t.length;
           break;
         case 3:
-          return days[i.q][0];
+          return days$1[i.q][0];
         default:
-          return days[i.q][1];
+          return days$1[i.q][1];
       }
       break;
     case 104:
@@ -54247,6 +54225,54 @@ const CEInputBox$1 = ({
       ]
     }
   );
+}, CEToggleYesNo = ({ value: e, onChange: t, label: i }) => /* @__PURE__ */ jsxRuntimeExports$1.jsxs("div", { className: "toggle-container", children: [
+  i && /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "label", children: i }),
+  /* @__PURE__ */ jsxRuntimeExports$1.jsxs("div", { className: "toggle-group", children: [
+    /* @__PURE__ */ jsxRuntimeExports$1.jsxs(
+      CEButton,
+      {
+        size: "small",
+        variant: e === "yes" ? "primary" : "outlined",
+        className: `toggle-btn ${e === "yes" ? "active" : ""}`,
+        onClick: () => t("yes"),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports$1.jsx("span", { className: "circle" }),
+          "YES"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports$1.jsxs(
+      CEButton,
+      {
+        size: "small",
+        variant: e === "no" ? "primary" : "outlined",
+        className: `toggle-btn ${e === "no" ? "active" : ""}`,
+        onClick: () => t("no"),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports$1.jsx("span", { className: "circle" }),
+          "NO"
+        ]
+      }
+    )
+  ] })
+] }), days = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], CEOperatingDaysSelector = ({
+  selectedDays: e,
+  onChange: t
+}) => {
+  const i = (n) => {
+    e.includes(n) ? t(e.filter((s) => s !== n)) : t([...e, n]);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "days-group", children: days.map((n) => /* @__PURE__ */ jsxRuntimeExports$1.jsx(
+    CEButton,
+    {
+      size: "small",
+      variant: e.includes(n) ? "primary" : "outlined",
+      className: `day-btn ${e.includes(n) ? "active" : ""}`,
+      onClick: () => i(n),
+      children: n
+    },
+    n
+  )) });
 };
 export {
   CEAutoSuggestInput,
@@ -54282,6 +54308,7 @@ export {
   CEMessageModal,
   CECustomModal as CEModalPopUp,
   CENotificationButton,
+  CEOperatingDaysSelector,
   CEPagination,
   CERadioButton,
   CERadioButtonGroup as CERadioGroup,
@@ -54295,6 +54322,7 @@ export {
   CETabView,
   CETemplate,
   CETimePicker,
+  CEToggleYesNo,
   CETransferButton,
   CETruncatedTextWithTooltip,
   CEUploadModalWrapper,

package/dist/components/Common/CECharts/CEActivityGauges.d.ts

@@ -0,0 +1,15 @@
+declare const radialData: {
+    name: string;
+    value: number;
+    className: string;
+}[];
+interface CEActivityGaugeProps {
+    size?: "xs" | "sm" | "md" | "lg";
+    title?: string;
+    subtitle?: string;
+    data?: typeof radialData;
+    className?: string;
+    showLegend?: boolean;
+}
+export declare const CEActivityGauge: ({ size, title, subtitle, data, className, showLegend, }: CEActivityGaugeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Common/CECharts/CEBarCharts.d.ts

@@ -0,0 +1,26 @@
+declare const barData: {
+    month: Date;
+    A: number;
+    B: number;
+    C: number;
+}[];
+interface CEBarChartProps {
+    data?: typeof barData;
+    className?: string;
+    colors?: Record<string, string>;
+    showLegend?: boolean;
+    showGrid?: boolean;
+}
+export declare const CEBarChart: ({ data, className, colors, showLegend, showGrid, }: CEBarChartProps) => import("react/jsx-runtime").JSX.Element;
+interface CEBarChart02Props {
+    data?: Array<{
+        A: number;
+        B: number;
+        date: string;
+    }>;
+    className?: string;
+    colors?: Record<string, string>;
+    showGrid?: boolean;
+}
+export declare const CEBarChart02: ({ data, className, colors, showGrid, }: CEBarChart02Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Common/CECharts/CEChartsDemo.d.ts

@@ -0,0 +1 @@
+export declare const CEChartsDemo: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/CECharts/CELineCharts.d.ts

@@ -0,0 +1,17 @@
+declare const lineData: {
+    date: Date;
+    A: number;
+    B: number;
+    C: number;
+}[];
+interface CELineChartProps {
+    data?: typeof lineData;
+    height?: number;
+    className?: string;
+    colors?: Record<string, string>;
+    showLegend?: boolean;
+    showGrid?: boolean;
+}
+export declare const CELineChart: ({ data, className, colors, showLegend, showGrid, }: Omit<CELineChartProps, "height">) => import("react/jsx-runtime").JSX.Element;
+export declare const CELineChart02: ({ data, className, colors, showLegend, showGrid, }: Omit<CELineChartProps, "height">) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Common/CECharts/CELineCharts03.d.ts

@@ -0,0 +1,15 @@
+declare const lineData: {
+    date: Date;
+    A: number;
+    B: number;
+    C: number;
+}[];
+interface CELineChart03Props {
+    data?: typeof lineData;
+    className?: string;
+    colors?: Record<string, string>;
+    showLegend?: boolean;
+    showGrid?: boolean;
+}
+export declare const CELineChart03: ({ data, className, colors, showLegend, showGrid, }: CELineChart03Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Common/CECharts/CELineCharts04.d.ts

@@ -0,0 +1,15 @@
+declare const lineData: {
+    date: Date;
+    A: number;
+    B: number;
+    C: number;
+}[];
+interface CELineChart04Props {
+    data?: typeof lineData;
+    className?: string;
+    colors?: Record<string, string>;
+    showLegend?: boolean;
+    showGrid?: boolean;
+}
+export declare const CELineChart04: ({ data, className, colors, showLegend, showGrid, }: CELineChart04Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Common/CECharts/CEPieCharts.d.ts

@@ -0,0 +1,17 @@
+declare const pieChartData: {
+    name: string;
+    value: number;
+    className: string;
+}[];
+interface CEPieChartProps {
+    data?: typeof pieChartData;
+    size?: "xxs" | "xs" | "sm" | "md" | "lg";
+    className?: string;
+    showLegend?: boolean;
+}
+export declare const CEPieChart: ({ data, size, className, showLegend, }: CEPieChartProps) => import("react/jsx-runtime").JSX.Element;
+interface CEDonutChartProps extends CEPieChartProps {
+    donut?: boolean;
+}
+export declare const CEDonutChart: ({ data, size, className, showLegend, donut, }: CEDonutChartProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Common/CECharts/CEProgressCircles.d.ts

@@ -0,0 +1,10 @@
+interface CEProgressCircleProps {
+    size?: "xs" | "sm" | "md" | "lg";
+    title?: string;
+    subtitle?: string;
+    value?: number;
+    maxValue?: number;
+    className?: string;
+}
+export declare const CEProgressCircle: ({ size, title, subtitle, value, maxValue, className, }: CEProgressCircleProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Common/CECharts/CERadarCharts.d.ts

@@ -0,0 +1,15 @@
+declare const radarData: {
+    subject: string;
+    A: number;
+    B: number;
+    C: number;
+}[];
+interface CERadarChartProps {
+    data?: typeof radarData;
+    className?: string;
+    colors?: Record<string, string>;
+    showLegend?: boolean;
+    showGrid?: boolean;
+}
+export declare const CERadarChart: ({ data, className, colors, showLegend, showGrid, }: CERadarChartProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Common/CECharts/charts-base.d.ts

@@ -0,0 +1,35 @@
+import { TooltipProps } from 'recharts';
+import { Props as LegendContentProps } from 'recharts/types/component/DefaultLegendContent';
+import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { Props as DotProps } from 'recharts/types/shape/Dot';
+/**
+ * Selects evenly spaced items from an array. Used for rendering
+ * certain number of x-axis labels.
+ * @param dataArray - The array of items to select from.
+ * @param count - The number of items to select.
+ * @returns The selected items.
+ */
+export declare const selectEvenlySpacedItems: <T extends readonly unknown[]>(dataArray: T, count: number) => Array<T[number]>;
+interface ChartLegendContentProps extends LegendContentProps {
+    reversed?: boolean;
+    className?: string;
+    align?: "left" | "center" | "right";
+}
+export declare const ChartLegendContent: ({ payload, verticalAlign, reversed, className, align, }: ChartLegendContentProps) => import("react/jsx-runtime").JSX.Element | null;
+interface ChartTooltipContentProps extends TooltipProps<ValueType, NameType> {
+    isRadialChart?: boolean;
+    isPieChart?: boolean;
+    formatter?: (value: ValueType, name: NameType, props: any, index: number, payload: any) => [string | number | (string | number)[], string?];
+    labelFormatter?: (label: any, payload: any) => string;
+}
+export declare const ChartTooltipContent: ({ active, payload, label, isRadialChart, isPieChart, formatter, labelFormatter, }: ChartTooltipContentProps) => import("react/jsx-runtime").JSX.Element | null;
+interface ChartActiveDotProps extends DotProps {
+    cx?: number;
+    cy?: number;
+}
+export declare const ChartActiveDot: ({ cx, cy }: ChartActiveDotProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to detect breakpoints (simplified version)
+ */
+export declare const useBreakpoint: (size: "sm" | "md" | "lg" | "xl") => boolean;
+export {};

package/dist/components/Common/CEToggleGroup/CEToggleYesNo.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type ToggleYesNoProps = {
+    value: string | null;
+    onChange: (val: string) => void;
+    label?: string;
+};
+declare const CEToggleYesNo: React.FC<ToggleYesNoProps>;
+export default CEToggleYesNo;

package/dist/components/Common/OperatingDaysSelector/CEOperatingDaysSelector.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+type OperatingDaysSelectorProps = {
+    selectedDays: string[];
+    onChange: (days: string[]) => void;
+};
+declare const CEOperatingDaysSelector: React.FC<OperatingDaysSelectorProps>;
+export default CEOperatingDaysSelector;

package/dist/index.d.ts

@@ -49,3 +49,5 @@ export { default as CEChatbox } from './components/Common/CEChatbox/CEChatbox';
 export { default as CEStatusDropdown } from './components/Common/StatusDropDown/CEStatusDropdown';
 export { default as CETruncatedTextWithTooltip } from './components/Common/DataGrid/CETruncatedTextWithTooltip';
 export { default as CESkeletonTable } from './components/Common/DataGrid/CESkeletonTable';
+export { default as CEToggleYesNo } from './components/Common/CEToggleGroup/CEToggleYesNo';
+export { default as CEOperatingDaysSelector } from './components/Common/OperatingDaysSelector/CEOperatingDaysSelector';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cecomponent",
   "description": "A React component library for building modern UIs for Cleanearth",
-  "version": "1.0.100",
+  "version": "1.0.102",
   "main": "dist/ce-component-lib.js",
   "module": "dist/ce-component-lib.mjs",
   "types": "dist/index.d.ts",