cecomponent 1.0.112 → 1.0.113

package/dist/ce-component-lib.mjs

@@ -54448,8 +54448,74 @@ const CEInputBox$1 = ({
     children: a.label
   },
   a.value
-)) });
+)) }), CEAccordion = ({ children: e }) => /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "accordion-container", children: e }), CEAccordionItem = ({ title: e, children: t, initiallyOpen: i = !1 }) => {
+  const [n, s] = useState(i);
+  return /* @__PURE__ */ jsxRuntimeExports$1.jsxs("div", { className: "accordion-item", children: [
+    /* @__PURE__ */ jsxRuntimeExports$1.jsxs(
+      "button",
+      {
+        className: `accordion-header ${n ? "open" : ""}`,
+        onClick: () => s(!n),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports$1.jsx("span", { className: "accordion-title", children: e }),
+          /* @__PURE__ */ jsxRuntimeExports$1.jsx("span", { className: `accordion-icon ${n ? "open" : ""}`, children: /* @__PURE__ */ jsxRuntimeExports$1.jsxs(
+            "svg",
+            {
+              width: "21",
+              height: "12",
+              viewBox: "0 0 21 12",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports$1.jsx("g", { clipPath: "url(#clip0_20728_2951)", children: /* @__PURE__ */ jsxRuntimeExports$1.jsx(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    clipRule: "evenodd",
+                    d: "M20.5 1.89L19.094 0.5L10.487 8.761L9.569 7.88L9.574 7.885L1.927 0.545L0.5 1.914L10.487 11.5L20.5 1.89Z",
+                    fill: "black"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntimeExports$1.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports$1.jsx("clipPath", { id: "clip0_20728_2951", children: /* @__PURE__ */ jsxRuntimeExports$1.jsx(
+                  "rect",
+                  {
+                    width: "11",
+                    height: "20",
+                    fill: "white",
+                    transform: "matrix(0 -1 1 0 0.5 11.5)"
+                  }
+                ) }) })
+              ]
+            }
+          ) })
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ jsxRuntimeExports$1.jsx("div", { className: "accordion-content", children: t })
+  ] });
+}, CEToggleSlide = ({ checked: e, onToggle: t, label: i }) => {
+  const n = () => {
+    t(!e);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports$1.jsxs("div", { className: "toggle-container", children: [
+    i && /* @__PURE__ */ jsxRuntimeExports$1.jsx("span", { className: "toggle-label", children: i }),
+    /* @__PURE__ */ jsxRuntimeExports$1.jsxs("label", { className: "toggle-switch", children: [
+      /* @__PURE__ */ jsxRuntimeExports$1.jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: e,
+          onChange: n,
+          className: "toggle-checkbox"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports$1.jsx("span", { className: "toggle-slider" })
+    ] })
+  ] });
+};
 export {
+  CEAccordion,
+  CEAccordionItem,
   CEAutoSuggestInput,
   CEAvatarMenu,
   CEBadge,
@@ -54498,6 +54564,7 @@ export {
   CETabView,
   CETemplate,
   CETimePicker,
+  CEToggleSlide as CEToggleSlider,
   CEToggleYesNo,
   CETransferButton,
   CETruncatedTextWithTooltip,

package/dist/components/Common/CEAccordion/CEAccordion.d.ts

@@ -0,0 +1,6 @@
+import { default as React, ReactNode } from 'react';
+interface AccordionProps {
+    children: ReactNode;
+}
+export declare const CEAccordion: React.FC<AccordionProps>;
+export {};

package/dist/components/Common/CEAccordion/CEAccordionItem.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface AccordionItemProps {
+    title: string;
+    children: React.ReactNode;
+    initiallyOpen?: boolean;
+}
+export declare const CEAccordionItem: React.FC<AccordionItemProps>;
+export {};

package/dist/components/Common/CEToggleSlider/CEToggleSlide.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface ToggleProps {
+    checked: boolean;
+    onToggle: (checked: boolean) => void;
+    label?: string;
+}
+declare const CEToggleSlide: React.FC<ToggleProps>;
+export default CEToggleSlide;

package/dist/index.d.ts

@@ -52,3 +52,6 @@ export { default as CESkeletonTable } from './components/Common/DataGrid/CESkele
 export { default as CEToggleYesNo } from './components/Common/CEToggleGroup/CEToggleYesNo';
 export { default as CEOperatingDaysSelector } from './components/Common/OperatingDaysSelector/CEOperatingDaysSelector';
 export { default as CERoundTabNav } from './components/Common/CERadiusTabNavigation/CERoundTabNav';
+export { CEAccordion } from './components/Common/CEAccordion/CEAccordion';
+export { CEAccordionItem } from './components/Common/CEAccordion/CEAccordionItem';
+export { default as CEToggleSlider } from './components/Common/CEToggleSlider/CEToggleSlide';

package/package.json

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