@apexcura/ui-components 0.0.15-Beta24 → 0.0.15-Beta25

package/dist/index.d.mts

@@ -72,6 +72,14 @@ type ElementType = {
     pagination?: boolean;
     is_detail?: boolean;
     dateTime?: string;
+    minRows?: number;
+    maxRows?: number;
+    mode?: "multiple" | "tags" | undefined;
+    picker?: "date" | "week" | "month" | "quarter" | "year";
+    weekrange?: boolean;
+    message?: string;
+    description?: string;
+    notificationType?: 'success' | 'info' | 'warning' | 'error';
 };
 
 declare const TextElement: (props: ElementType) => React$1.JSX.Element;
@@ -139,4 +147,10 @@ declare const DoubleBarChart: (props: ElementType) => React$1.JSX.Element;
 
 declare const BarChart: (props: ElementType) => React$1.JSX.Element;
 
-export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
+declare const DivContainer: (props: ElementType) => React$1.JSX.Element;
+
+declare const ColorPickerElement: (props: ElementType) => React$1.JSX.Element;
+
+declare const NotificationAlert: (props: ElementType) => React$1.JSX.Element;
+
+export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, ColorPickerElement, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NotificationAlert, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };

package/dist/index.d.ts

@@ -72,6 +72,14 @@ type ElementType = {
     pagination?: boolean;
     is_detail?: boolean;
     dateTime?: string;
+    minRows?: number;
+    maxRows?: number;
+    mode?: "multiple" | "tags" | undefined;
+    picker?: "date" | "week" | "month" | "quarter" | "year";
+    weekrange?: boolean;
+    message?: string;
+    description?: string;
+    notificationType?: 'success' | 'info' | 'warning' | 'error';
 };
 
 declare const TextElement: (props: ElementType) => React$1.JSX.Element;
@@ -139,4 +147,10 @@ declare const DoubleBarChart: (props: ElementType) => React$1.JSX.Element;
 
 declare const BarChart: (props: ElementType) => React$1.JSX.Element;
 
-export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
+declare const DivContainer: (props: ElementType) => React$1.JSX.Element;
+
+declare const ColorPickerElement: (props: ElementType) => React$1.JSX.Element;
+
+declare const NotificationAlert: (props: ElementType) => React$1.JSX.Element;
+
+export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, ColorPickerElement, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NotificationAlert, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };

package/dist/index.js

@@ -36,8 +36,10 @@ __export(src_exports, {
   CheckboxElement: () => CheckboxElement,
   CircleDonut: () => CircleDonut,
   CkEditor: () => CkEditor,
+  ColorPickerElement: () => ColorPickerElement,
   DatePickerElement: () => DatePickerElement,
   DateRangePickerElement: () => DateRangePickerElement,
+  DivContainer: () => DivContainer,
   DoubleBarChart: () => DoubleBarChart,
   DropDownGroup: () => DropDownGroup,
   FileUpload: () => FileUpload,
@@ -46,6 +48,7 @@ __export(src_exports, {
   LineChart: () => LineChart,
   MultipleSelectElement: () => MultipleSelectElement,
   Navbar: () => Navbar,
+  NotificationAlert: () => NotificationAlert,
   NumberElement: () => NumberElement,
   OtpElement: () => OtpElement,
   PasswordElement: () => PasswordElement,
@@ -117,7 +120,7 @@ var PasswordElement = (props) => {
       },
       iconRender: renderVisibilityIcon,
       visibilityToggle: {
-        visible: passwordVisible,
+        visible: passwordVisible && passwordVisible,
         onVisibleChange: handleVisibilityToggle
       }
     }
@@ -165,20 +168,19 @@ var TextareaElement = (props) => {
       props.onChange(e.target.value);
     }
   };
+  const defaultMinRows = 2;
+  const defaultMaxRows = 6;
   return /* @__PURE__ */ import_react4.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react4.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react4.default.createElement(
     TextArea,
     {
       placeholder: props.placeholder,
       allowClear: true,
-      defaultValue: props.defaultValue,
       disabled: props.disabled,
       id: props.name,
-      status: props.status,
+      autoSize: { minRows: props.minRows ? props.minRows : defaultMinRows, maxRows: props.maxRows ? props.maxRows : defaultMaxRows },
       className: props.className,
-      variant: props.variant,
       name: props.name,
       showCount: true,
-      maxLength: props.maxLength,
       onChange: (e) => {
         handleChange(e);
       }
@@ -194,11 +196,9 @@ var filterOptions = (input, option) => {
 };
 var SelectElement = (props) => {
   const handleChange = (value) => {
-    console.log("++=====", typeof value);
     if (props.onChange) {
       if (typeof value === "string") {
         const filterOption2 = props.options && props.options.find((eachOption) => eachOption.value === value);
-        console.log(filterOption2);
         props.onChange(filterOption2);
       } else {
         const selectedOptions = value ? value.map((eachVal) => {
@@ -208,7 +208,7 @@ var SelectElement = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex flex-col p-10 m-10" }, props.label && /* @__PURE__ */ import_react5.default.createElement("label", { htmlFor: props.name, className: "font-semibold text-default-400 text-red bg-green-500 border-4" }, props.label), /* @__PURE__ */ import_react5.default.createElement(
+  return /* @__PURE__ */ import_react5.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react5.default.createElement("label", { htmlFor: props.name, className: props.className }, props.label), /* @__PURE__ */ import_react5.default.createElement(
     import_antd5.Select,
     {
       options: props.options,
@@ -217,7 +217,8 @@ var SelectElement = (props) => {
       filterOption: filterOptions,
       showSearch: true,
       className: props.className,
-      onChange: handleChange
+      onChange: handleChange,
+      mode: props.mode
     }
   ));
 };
@@ -232,7 +233,6 @@ var RadioElement = (props) => {
   const [selectedValue, setSelectedValue] = (0, import_react6.useState)(props.value);
   const optionType = props.optionType === "button" ? "button" : void 0;
   const handleChange = (option) => {
-    console.log(option);
     setSelectedValue(option);
     setIsDisabled(true);
     if (props.onChange) {
@@ -272,19 +272,20 @@ var RadioElement = (props) => {
 var import_react7 = __toESM(require("react"));
 var import_antd7 = require("antd");
 var CheckboxGroup = import_antd7.Checkbox.Group;
-var defaultCheckedList = [];
+var defaultCheckedList = ["lakku"];
 var CheckboxElement = (props) => {
   const [checkedList, setCheckedList] = (0, import_react7.useState)(defaultCheckedList);
-  const checkAll = props.options && props.options.length === checkedList.length;
+  const options = props.options || [];
+  const checkAll = options.length > 0 && options.length === checkedList.length;
   const handleChange = (list) => {
     setCheckedList(list);
     if (props.onChange) {
-      const selectedOptions = props.options && props.options.filter((option) => list.includes(option.value));
+      const selectedOptions = options.filter((option) => list.includes(option.value));
       props.onChange(selectedOptions);
     }
   };
   const onHandleAllChanges = (e) => {
-    const newList = e.target.checked ? props.options : [];
+    const newList = e.target.checked ? options.map((option) => option.value) : [];
     setCheckedList(newList);
     if (props.onChange) {
       props.onChange(newList);
@@ -307,8 +308,8 @@ var CheckboxElement = (props) => {
       disabled: props.disabled,
       style: props.styles,
       className: props.className,
-      options: props.options,
-      value: checkedList,
+      options,
+      value: checkedList && checkedList,
       onChange: handleChange
     }
   ));
@@ -324,7 +325,6 @@ var CkEditor = (props) => {
 var import_react9 = __toESM(require("react"));
 var import_antd8 = require("antd");
 var onSearch = (value) => {
-  console.log("search:", value);
 };
 var filterOption = (input, option) => (option?.label ?? "").toLowerCase().includes(input.toLowerCase());
 var SingleSelectElement = (props) => {
@@ -605,7 +605,6 @@ var AddMoreTable = (props) => {
     });
   };
   (0, import_react13.useEffect)(() => {
-    console.log(rows);
   }, [rows]);
   const renderInputElement = (element, value) => {
     if (!element) return null;
@@ -750,11 +749,9 @@ var Navbar = (props) => {
 // src/Components/TableElement.tsx
 var import_react19 = __toESM(require("react"));
 var import_antd13 = require("antd");
-var import_icons5 = require("@ant-design/icons");
 var TableElement = (props) => {
   const { thead, tbody } = props;
   const [dataSource, setDataSource] = (0, import_react19.useState)([]);
-  const defaultVal = props.value;
   (0, import_react19.useEffect)(() => {
     if (tbody) {
       setDataSource(
@@ -766,13 +763,6 @@ var TableElement = (props) => {
       );
     }
   }, [tbody]);
-  const handleChange = (record) => {
-    if (record) {
-      props.onChange && props.onChange(record);
-    } else {
-      props.onChange && props.onChange(defaultVal);
-    }
-  };
   let columns = [];
   if (thead) {
     columns = [
@@ -799,26 +789,6 @@ var TableElement = (props) => {
         }
       }))
     ];
-    if (props.view) {
-      columns.push({
-        title: "View",
-        dataIndex: "View",
-        key: "View",
-        render: (_, record) => {
-          return /* @__PURE__ */ import_react19.default.createElement(
-            "a",
-            {
-              onClick: () => {
-                if (props.view) {
-                  handleChange(record);
-                }
-              }
-            },
-            /* @__PURE__ */ import_react19.default.createElement(import_icons5.EyeOutlined, null)
-          );
-        }
-      });
-    }
   }
   const onChangeTable = (pagination, filters, sorter, extra) => {
     if (extra && extra.currentDataSource) {
@@ -837,11 +807,6 @@ var TableElement = (props) => {
   };
   const rowSelectionConfig = props.rowSelection ? {
     onChange: (selectedRowKeys, selectedRows) => {
-      console.log(
-        `selectedRowKeys: ${selectedRowKeys}`,
-        "selectedRows: ",
-        selectedRows
-      );
       if (props.onChange) {
         props.onChange(selectedRows);
       }
@@ -859,16 +824,6 @@ var TableElement = (props) => {
         showSizeChanger: props.count ? props.count > 10 : 0 > 10,
         onChange: onChangePage
       } : false,
-      onRow: (record) => {
-        return {
-          onClick: () => {
-            if (props.view) {
-              handleChange(record);
-            }
-          },
-          style: { cursor: "pointer" }
-        };
-      },
       rowSelection: rowSelectionConfig,
       dataSource,
       columns,
@@ -890,10 +845,9 @@ var DatePickerElement = (props) => {
   const [dateState, setDateState] = (0, import_react20.useState)("");
   const handleChange = (date, dateString) => {
     if (date) {
-      const formattedDate = dateString;
       setDateState(date);
       if (props.onChange) {
-        props.onChange(formattedDate);
+        props.onChange(dateString);
       }
     } else {
       setDateState("");
@@ -911,8 +865,9 @@ var DatePickerElement = (props) => {
       disabledDate,
       placeholder: props.placeholder,
       value: dateState,
-      format: { format: "DD-MM-YYYY" },
-      onChange: handleChange
+      format: "DD-MM-YYYY",
+      onChange: handleChange,
+      picker: props.picker
     }
   ));
 };
@@ -921,34 +876,59 @@ var DatePickerElement = (props) => {
 var import_react21 = __toESM(require("react"));
 var import_antd15 = require("antd");
 var import_dayjs2 = __toESM(require("dayjs"));
-var import_moment2 = __toESM(require("moment"));
 var DateRangePickerElement = (props) => {
   const { value } = props;
   const { RangePicker } = import_antd15.DatePicker;
   const dateValues = value ? value.map((date) => (0, import_dayjs2.default)(date, "DD-MM-YYYY")) : null;
+  const today = (0, import_dayjs2.default)();
   const handleChange = (dates, dateStrings) => {
     if (dates) {
-      props.onChange && props.onChange(dateStrings);
+      let [start, end] = dates;
+      if (start && start.isBefore(today) && end && end.isAfter(today)) {
+        end = today;
+      }
+      const adjustedDates = [start, end].map(
+        (date) => date ? date.format("DD-MM-YYYY") : null
+      );
+      props.onChange && props.onChange(adjustedDates);
     } else {
       props.onChange && props.onChange("");
     }
   };
-  const rangePresets = [
-    { label: "Last 7 Days", value: [(0, import_dayjs2.default)().add(-7, "d"), (0, import_dayjs2.default)()] },
-    { label: "Last 14 Days", value: [(0, import_dayjs2.default)().add(-14, "d"), (0, import_dayjs2.default)()] },
-    { label: "Last 30 Days", value: [(0, import_dayjs2.default)().add(-30, "d"), (0, import_dayjs2.default)()] },
-    { label: "Last 90 Days", value: [(0, import_dayjs2.default)().add(-90, "d"), (0, import_dayjs2.default)()] }
+  let rangePresets = [
+    { label: "Last 7 Days", value: [(0, import_dayjs2.default)().subtract(6, "d"), today] },
+    { label: "Last 14 Days", value: [(0, import_dayjs2.default)().subtract(13, "d"), today] },
+    { label: "Last 30 Days", value: [(0, import_dayjs2.default)().subtract(29, "d"), today] },
+    { label: "Last 90 Days", value: [(0, import_dayjs2.default)().subtract(89, "d"), today] }
   ];
   const disabledDate = (current) => {
-    return current && current > (0, import_moment2.default)();
+    if (props.weekrange) {
+      return current && current < today.subtract(7, "d") || current > today;
+    }
+    return current && current > today;
+  };
+  const handleCalendarChange = (dates) => {
+    if (dates) {
+      let [start, end] = dates;
+      if (start && start.isBefore(today) && end && end.isAfter(today)) {
+        end = today;
+      }
+      const adjustedDates = [start, end].map(
+        (date) => date ? date.format("DD-MM-YYYY") : null
+      );
+      props.onChange && props.onChange(adjustedDates);
+    } else {
+      props.onChange && props.onChange("");
+    }
   };
   return /* @__PURE__ */ import_react21.default.createElement(import_antd15.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react21.default.createElement(
     RangePicker,
     {
       disabledDate,
-      presets: rangePresets,
-      format: { format: "DD-MM-YYYY" },
+      ...!props.weekrange && { presets: rangePresets },
+      format: "DD-MM-YYYY",
       onChange: handleChange,
+      onCalendarChange: handleCalendarChange,
       value: dateValues
     }
   ));
@@ -1040,10 +1020,12 @@ var DropDownGroup = (props) => {
 // src/Components/FilesUpload.tsx
 var import_react25 = __toESM(require("react"));
 var import_antd18 = require("antd");
-var import_icons6 = require("@ant-design/icons");
+var import_icons5 = require("@ant-design/icons");
 var FileUpload = (props) => {
   const { Dragger } = import_antd18.Upload;
-  const [files, setFiles] = (0, import_react25.useState)([]);
+  const [files, setFiles] = (0, import_react25.useState)(
+    props.value && props.value.length > 0 ? props.value : []
+  );
   const handleChange = ({ fileList }) => {
     setFiles(fileList);
     if (props.onChange) {
@@ -1071,7 +1053,7 @@ var FileUpload = (props) => {
       showUploadList: true,
       customRequest
     },
-    /* @__PURE__ */ import_react25.default.createElement("p", null, /* @__PURE__ */ import_react25.default.createElement(import_icons6.InboxOutlined, null)),
+    /* @__PURE__ */ import_react25.default.createElement("p", null, /* @__PURE__ */ import_react25.default.createElement(import_icons5.InboxOutlined, null)),
     /* @__PURE__ */ import_react25.default.createElement("p", null, "Click or drag file to upload")
   ));
 };
@@ -1092,7 +1074,6 @@ var TabsElement = (props) => {
 var import_react27 = __toESM(require("react"));
 var import_antd20 = require("antd");
 var onChange = (checked) => {
-  console.log(`switch to ${checked}`);
 };
 var SwitchElement = () => /* @__PURE__ */ import_react27.default.createElement(import_antd20.Switch, { defaultChecked: true, onChange });
 
@@ -1103,12 +1084,12 @@ var Upload2 = (props) => {
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
     if (props.onChange) {
+      console.log(e.target.files[0]);
       props.onChange(e.target.files[0]);
     }
   };
   const handleUpload = async () => {
     if (!file) {
-      console.error("No file selected");
       return;
     }
   };
@@ -1611,6 +1592,59 @@ var BarChart = (props) => {
   };
   return /* @__PURE__ */ import_react35.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react35.default.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react35.default.createElement(import_react_chartjs_24.Bar, { data, options }));
 };
+
+// src/Components/DivContainer.tsx
+var import_react36 = __toESM(require("react"));
+var DivContainer = (props) => {
+  return /* @__PURE__ */ import_react36.default.createElement("div", { className: props.className, onClick: props.onClick }, props.label);
+};
+
+// src/Components/ColorPickerElement.tsx
+var import_react37 = __toESM(require("react"));
+var import_antd22 = require("antd");
+var ColorPickerElement = (props) => {
+  const onHandleChange = (value, hex) => {
+    console.log(hex);
+    props.onChange && props.onChange(hex);
+  };
+  return /* @__PURE__ */ import_react37.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react37.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react37.default.createElement("br", null), /* @__PURE__ */ import_react37.default.createElement(
+    import_antd22.ColorPicker,
+    {
+      className: props.className,
+      showText: true,
+      defaultValue: props.defaultValue,
+      onChange: onHandleChange
+    }
+  ));
+};
+
+// src/Components/NotificationAlert.tsx
+var import_react38 = __toESM(require("react"));
+var import_antd23 = require("antd");
+var NotificationAlert = (props) => {
+  const [api, contextHolder] = import_antd23.notification.useNotification();
+  const openNotificationType = (pauseOnHover, type) => {
+    api[type]({
+      message: props.message,
+      description: props.description,
+      duration: 4.5,
+      pauseOnHover
+    });
+  };
+  const openNotification = (pauseOnHover) => {
+    api.open({
+      message: props.message,
+      description: props.description,
+      duration: 4.5,
+      pauseOnHover
+    });
+  };
+  const handleClick = () => {
+    const notificationType = props.notificationType || "info";
+    props.notificationType ? openNotificationType(true, notificationType) : openNotification(true);
+  };
+  return /* @__PURE__ */ import_react38.default.createElement("div", { className: props.containerClassName }, contextHolder, /* @__PURE__ */ import_react38.default.createElement(import_antd23.Button, { type: "primary", onClick: handleClick, className: props.className }, props.label));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AddMoreTable,
@@ -1619,8 +1653,10 @@ var BarChart = (props) => {
   CheckboxElement,
   CircleDonut,
   CkEditor,
+  ColorPickerElement,
   DatePickerElement,
   DateRangePickerElement,
+  DivContainer,
   DoubleBarChart,
   DropDownGroup,
   FileUpload,
@@ -1629,6 +1665,7 @@ var BarChart = (props) => {
   LineChart,
   MultipleSelectElement,
   Navbar,
+  NotificationAlert,
   NumberElement,
   OtpElement,
   PasswordElement,

package/dist/index.mjs

@@ -51,7 +51,7 @@ var PasswordElement = (props) => {
       },
       iconRender: renderVisibilityIcon,
       visibilityToggle: {
-        visible: passwordVisible,
+        visible: passwordVisible && passwordVisible,
         onVisibleChange: handleVisibilityToggle
       }
     }
@@ -99,20 +99,19 @@ var TextareaElement = (props) => {
       props.onChange(e.target.value);
     }
   };
+  const defaultMinRows = 2;
+  const defaultMaxRows = 6;
   return /* @__PURE__ */ React4.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React4.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React4.createElement(
     TextArea,
     {
       placeholder: props.placeholder,
       allowClear: true,
-      defaultValue: props.defaultValue,
       disabled: props.disabled,
       id: props.name,
-      status: props.status,
+      autoSize: { minRows: props.minRows ? props.minRows : defaultMinRows, maxRows: props.maxRows ? props.maxRows : defaultMaxRows },
       className: props.className,
-      variant: props.variant,
       name: props.name,
       showCount: true,
-      maxLength: props.maxLength,
       onChange: (e) => {
         handleChange(e);
       }
@@ -128,11 +127,9 @@ var filterOptions = (input, option) => {
 };
 var SelectElement = (props) => {
   const handleChange = (value) => {
-    console.log("++=====", typeof value);
     if (props.onChange) {
       if (typeof value === "string") {
         const filterOption2 = props.options && props.options.find((eachOption) => eachOption.value === value);
-        console.log(filterOption2);
         props.onChange(filterOption2);
       } else {
         const selectedOptions = value ? value.map((eachVal) => {
@@ -142,7 +139,7 @@ var SelectElement = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ React5.createElement("div", { className: "flex flex-col p-10 m-10" }, props.label && /* @__PURE__ */ React5.createElement("label", { htmlFor: props.name, className: "font-semibold text-default-400 text-red bg-green-500 border-4" }, props.label), /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React5.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React5.createElement("label", { htmlFor: props.name, className: props.className }, props.label), /* @__PURE__ */ React5.createElement(
     Select,
     {
       options: props.options,
@@ -151,7 +148,8 @@ var SelectElement = (props) => {
       filterOption: filterOptions,
       showSearch: true,
       className: props.className,
-      onChange: handleChange
+      onChange: handleChange,
+      mode: props.mode
     }
   ));
 };
@@ -166,7 +164,6 @@ var RadioElement = (props) => {
   const [selectedValue, setSelectedValue] = useState2(props.value);
   const optionType = props.optionType === "button" ? "button" : void 0;
   const handleChange = (option) => {
-    console.log(option);
     setSelectedValue(option);
     setIsDisabled(true);
     if (props.onChange) {
@@ -206,19 +203,20 @@ var RadioElement = (props) => {
 import React7, { useState as useState3 } from "react";
 import { Checkbox } from "antd";
 var CheckboxGroup = Checkbox.Group;
-var defaultCheckedList = [];
+var defaultCheckedList = ["lakku"];
 var CheckboxElement = (props) => {
   const [checkedList, setCheckedList] = useState3(defaultCheckedList);
-  const checkAll = props.options && props.options.length === checkedList.length;
+  const options = props.options || [];
+  const checkAll = options.length > 0 && options.length === checkedList.length;
   const handleChange = (list) => {
     setCheckedList(list);
     if (props.onChange) {
-      const selectedOptions = props.options && props.options.filter((option) => list.includes(option.value));
+      const selectedOptions = options.filter((option) => list.includes(option.value));
       props.onChange(selectedOptions);
     }
   };
   const onHandleAllChanges = (e) => {
-    const newList = e.target.checked ? props.options : [];
+    const newList = e.target.checked ? options.map((option) => option.value) : [];
     setCheckedList(newList);
     if (props.onChange) {
       props.onChange(newList);
@@ -241,8 +239,8 @@ var CheckboxElement = (props) => {
       disabled: props.disabled,
       style: props.styles,
       className: props.className,
-      options: props.options,
-      value: checkedList,
+      options,
+      value: checkedList && checkedList,
       onChange: handleChange
     }
   ));
@@ -258,7 +256,6 @@ var CkEditor = (props) => {
 import React9 from "react";
 import { Select as Select2 } from "antd";
 var onSearch = (value) => {
-  console.log("search:", value);
 };
 var filterOption = (input, option) => (option?.label ?? "").toLowerCase().includes(input.toLowerCase());
 var SingleSelectElement = (props) => {
@@ -539,7 +536,6 @@ var AddMoreTable = (props) => {
     });
   };
   useEffect(() => {
-    console.log(rows);
   }, [rows]);
   const renderInputElement = (element, value) => {
     if (!element) return null;
@@ -684,11 +680,9 @@ var Navbar = (props) => {
 // src/Components/TableElement.tsx
 import React19, { useState as useState5, useEffect as useEffect2 } from "react";
 import { Table as Table2 } from "antd";
-import { EyeOutlined } from "@ant-design/icons";
 var TableElement = (props) => {
   const { thead, tbody } = props;
   const [dataSource, setDataSource] = useState5([]);
-  const defaultVal = props.value;
   useEffect2(() => {
     if (tbody) {
       setDataSource(
@@ -700,13 +694,6 @@ var TableElement = (props) => {
       );
     }
   }, [tbody]);
-  const handleChange = (record) => {
-    if (record) {
-      props.onChange && props.onChange(record);
-    } else {
-      props.onChange && props.onChange(defaultVal);
-    }
-  };
   let columns = [];
   if (thead) {
     columns = [
@@ -733,26 +720,6 @@ var TableElement = (props) => {
         }
       }))
     ];
-    if (props.view) {
-      columns.push({
-        title: "View",
-        dataIndex: "View",
-        key: "View",
-        render: (_, record) => {
-          return /* @__PURE__ */ React19.createElement(
-            "a",
-            {
-              onClick: () => {
-                if (props.view) {
-                  handleChange(record);
-                }
-              }
-            },
-            /* @__PURE__ */ React19.createElement(EyeOutlined, null)
-          );
-        }
-      });
-    }
   }
   const onChangeTable = (pagination, filters, sorter, extra) => {
     if (extra && extra.currentDataSource) {
@@ -771,11 +738,6 @@ var TableElement = (props) => {
   };
   const rowSelectionConfig = props.rowSelection ? {
     onChange: (selectedRowKeys, selectedRows) => {
-      console.log(
-        `selectedRowKeys: ${selectedRowKeys}`,
-        "selectedRows: ",
-        selectedRows
-      );
       if (props.onChange) {
         props.onChange(selectedRows);
       }
@@ -793,16 +755,6 @@ var TableElement = (props) => {
         showSizeChanger: props.count ? props.count > 10 : 0 > 10,
         onChange: onChangePage
       } : false,
-      onRow: (record) => {
-        return {
-          onClick: () => {
-            if (props.view) {
-              handleChange(record);
-            }
-          },
-          style: { cursor: "pointer" }
-        };
-      },
       rowSelection: rowSelectionConfig,
       dataSource,
       columns,
@@ -824,10 +776,9 @@ var DatePickerElement = (props) => {
   const [dateState, setDateState] = useState6("");
   const handleChange = (date, dateString) => {
     if (date) {
-      const formattedDate = dateString;
       setDateState(date);
       if (props.onChange) {
-        props.onChange(formattedDate);
+        props.onChange(dateString);
       }
     } else {
       setDateState("");
@@ -845,8 +796,9 @@ var DatePickerElement = (props) => {
       disabledDate,
       placeholder: props.placeholder,
       value: dateState,
-      format: { format: "DD-MM-YYYY" },
-      onChange: handleChange
+      format: "DD-MM-YYYY",
+      onChange: handleChange,
+      picker: props.picker
     }
   ));
 };
@@ -855,34 +807,59 @@ var DatePickerElement = (props) => {
 import React21 from "react";
 import { DatePicker as DatePicker2, Space } from "antd";
 import dayjs2 from "dayjs";
-import moment2 from "moment";
 var DateRangePickerElement = (props) => {
   const { value } = props;
   const { RangePicker } = DatePicker2;
   const dateValues = value ? value.map((date) => dayjs2(date, "DD-MM-YYYY")) : null;
+  const today = dayjs2();
   const handleChange = (dates, dateStrings) => {
     if (dates) {
-      props.onChange && props.onChange(dateStrings);
+      let [start, end] = dates;
+      if (start && start.isBefore(today) && end && end.isAfter(today)) {
+        end = today;
+      }
+      const adjustedDates = [start, end].map(
+        (date) => date ? date.format("DD-MM-YYYY") : null
+      );
+      props.onChange && props.onChange(adjustedDates);
     } else {
       props.onChange && props.onChange("");
     }
   };
-  const rangePresets = [
-    { label: "Last 7 Days", value: [dayjs2().add(-7, "d"), dayjs2()] },
-    { label: "Last 14 Days", value: [dayjs2().add(-14, "d"), dayjs2()] },
-    { label: "Last 30 Days", value: [dayjs2().add(-30, "d"), dayjs2()] },
-    { label: "Last 90 Days", value: [dayjs2().add(-90, "d"), dayjs2()] }
+  let rangePresets = [
+    { label: "Last 7 Days", value: [dayjs2().subtract(6, "d"), today] },
+    { label: "Last 14 Days", value: [dayjs2().subtract(13, "d"), today] },
+    { label: "Last 30 Days", value: [dayjs2().subtract(29, "d"), today] },
+    { label: "Last 90 Days", value: [dayjs2().subtract(89, "d"), today] }
   ];
   const disabledDate = (current) => {
-    return current && current > moment2();
+    if (props.weekrange) {
+      return current && current < today.subtract(7, "d") || current > today;
+    }
+    return current && current > today;
+  };
+  const handleCalendarChange = (dates) => {
+    if (dates) {
+      let [start, end] = dates;
+      if (start && start.isBefore(today) && end && end.isAfter(today)) {
+        end = today;
+      }
+      const adjustedDates = [start, end].map(
+        (date) => date ? date.format("DD-MM-YYYY") : null
+      );
+      props.onChange && props.onChange(adjustedDates);
+    } else {
+      props.onChange && props.onChange("");
+    }
   };
   return /* @__PURE__ */ React21.createElement(Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ React21.createElement(
     RangePicker,
     {
       disabledDate,
-      presets: rangePresets,
-      format: { format: "DD-MM-YYYY" },
+      ...!props.weekrange && { presets: rangePresets },
+      format: "DD-MM-YYYY",
       onChange: handleChange,
+      onCalendarChange: handleCalendarChange,
       value: dateValues
     }
   ));
@@ -977,7 +954,9 @@ import { Upload } from "antd";
 import { InboxOutlined } from "@ant-design/icons";
 var FileUpload = (props) => {
   const { Dragger } = Upload;
-  const [files, setFiles] = useState8([]);
+  const [files, setFiles] = useState8(
+    props.value && props.value.length > 0 ? props.value : []
+  );
   const handleChange = ({ fileList }) => {
     setFiles(fileList);
     if (props.onChange) {
@@ -1026,7 +1005,6 @@ var TabsElement = (props) => {
 import React27 from "react";
 import { Switch } from "antd";
 var onChange = (checked) => {
-  console.log(`switch to ${checked}`);
 };
 var SwitchElement = () => /* @__PURE__ */ React27.createElement(Switch, { defaultChecked: true, onChange });
 
@@ -1037,12 +1015,12 @@ var Upload2 = (props) => {
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
     if (props.onChange) {
+      console.log(e.target.files[0]);
       props.onChange(e.target.files[0]);
     }
   };
   const handleUpload = async () => {
     if (!file) {
-      console.error("No file selected");
       return;
     }
   };
@@ -1569,6 +1547,59 @@ var BarChart = (props) => {
   };
   return /* @__PURE__ */ React35.createElement("div", { className: props.className }, /* @__PURE__ */ React35.createElement("h1", { className: props.labelClassName }, props.label), /* @__PURE__ */ React35.createElement(Bar2, { data, options }));
 };
+
+// src/Components/DivContainer.tsx
+import React36 from "react";
+var DivContainer = (props) => {
+  return /* @__PURE__ */ React36.createElement("div", { className: props.className, onClick: props.onClick }, props.label);
+};
+
+// src/Components/ColorPickerElement.tsx
+import React37 from "react";
+import { ColorPicker } from "antd";
+var ColorPickerElement = (props) => {
+  const onHandleChange = (value, hex) => {
+    console.log(hex);
+    props.onChange && props.onChange(hex);
+  };
+  return /* @__PURE__ */ React37.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React37.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React37.createElement("br", null), /* @__PURE__ */ React37.createElement(
+    ColorPicker,
+    {
+      className: props.className,
+      showText: true,
+      defaultValue: props.defaultValue,
+      onChange: onHandleChange
+    }
+  ));
+};
+
+// src/Components/NotificationAlert.tsx
+import React38 from "react";
+import { Button as Button3, notification } from "antd";
+var NotificationAlert = (props) => {
+  const [api, contextHolder] = notification.useNotification();
+  const openNotificationType = (pauseOnHover, type) => {
+    api[type]({
+      message: props.message,
+      description: props.description,
+      duration: 4.5,
+      pauseOnHover
+    });
+  };
+  const openNotification = (pauseOnHover) => {
+    api.open({
+      message: props.message,
+      description: props.description,
+      duration: 4.5,
+      pauseOnHover
+    });
+  };
+  const handleClick = () => {
+    const notificationType = props.notificationType || "info";
+    props.notificationType ? openNotificationType(true, notificationType) : openNotification(true);
+  };
+  return /* @__PURE__ */ React38.createElement("div", { className: props.containerClassName }, contextHolder, /* @__PURE__ */ React38.createElement(Button3, { type: "primary", onClick: handleClick, className: props.className }, props.label));
+};
 export {
   AddMoreTable,
   BarChart,
@@ -1576,8 +1607,10 @@ export {
   CheckboxElement,
   CircleDonut,
   CkEditor,
+  ColorPickerElement,
   DatePickerElement,
   DateRangePickerElement,
+  DivContainer,
   DoubleBarChart,
   DropDownGroup,
   FileUpload,
@@ -1586,6 +1619,7 @@ export {
   LineChart,
   MultipleSelectElement,
   Navbar,
+  NotificationAlert,
   NumberElement,
   OtpElement,
   PasswordElement,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.15-Beta24",
+  "version": "0.0.15-Beta25",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",

package/dist/index.css

@@ -1,482 +0,0 @@
-/* src/styles/index.css */
-*,
-::before,
-::after {
-  box-sizing: border-box;
-  border-width: 0;
-  border-style: solid;
-  border-color: #e5e7eb;
-}
-::before,
-::after {
-  --tw-content: "";
-}
-html,
-:host {
-  line-height: 1.5;
-  -webkit-text-size-adjust: 100%;
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-  font-family:
-    ui-sans-serif,
-    system-ui,
-    sans-serif,
-    "Apple Color Emoji",
-    "Segoe UI Emoji",
-    "Segoe UI Symbol",
-    "Noto Color Emoji";
-  font-feature-settings: normal;
-  font-variation-settings: normal;
-  -webkit-tap-highlight-color: transparent;
-}
-body {
-  margin: 0;
-  line-height: inherit;
-}
-hr {
-  height: 0;
-  color: inherit;
-  border-top-width: 1px;
-}
-abbr:where([title]) {
-  -webkit-text-decoration: underline dotted;
-  text-decoration: underline dotted;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-b,
-strong {
-  font-weight: bolder;
-}
-code,
-kbd,
-samp,
-pre {
-  font-family:
-    ui-monospace,
-    SFMono-Regular,
-    Menlo,
-    Monaco,
-    Consolas,
-    "Liberation Mono",
-    "Courier New",
-    monospace;
-  font-feature-settings: normal;
-  font-variation-settings: normal;
-  font-size: 1em;
-}
-small {
-  font-size: 80%;
-}
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-table {
-  text-indent: 0;
-  border-color: inherit;
-  border-collapse: collapse;
-}
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit;
-  font-feature-settings: inherit;
-  font-variation-settings: inherit;
-  font-size: 100%;
-  font-weight: inherit;
-  line-height: inherit;
-  letter-spacing: inherit;
-  color: inherit;
-  margin: 0;
-  padding: 0;
-}
-button,
-select {
-  text-transform: none;
-}
-button,
-input:where([type=button]),
-input:where([type=reset]),
-input:where([type=submit]) {
-  -webkit-appearance: button;
-  background-color: transparent;
-  background-image: none;
-}
-:-moz-focusring {
-  outline: auto;
-}
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-progress {
-  vertical-align: baseline;
-}
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-[type=search] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
-}
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  font: inherit;
-}
-summary {
-  display: list-item;
-}
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-legend {
-  padding: 0;
-}
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-dialog {
-  padding: 0;
-}
-textarea {
-  resize: vertical;
-}
-input::-moz-placeholder,
-textarea::-moz-placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-input::placeholder,
-textarea::placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-button,
-[role=button] {
-  cursor: pointer;
-}
-:disabled {
-  cursor: default;
-}
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block;
-  vertical-align: middle;
-}
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-[hidden] {
-  display: none;
-}
-*,
-::before,
-::after {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x: ;
-  --tw-pan-y: ;
-  --tw-pinch-zoom: ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position: ;
-  --tw-gradient-via-position: ;
-  --tw-gradient-to-position: ;
-  --tw-ordinal: ;
-  --tw-slashed-zero: ;
-  --tw-numeric-figure: ;
-  --tw-numeric-spacing: ;
-  --tw-numeric-fraction: ;
-  --tw-ring-inset: ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur: ;
-  --tw-brightness: ;
-  --tw-contrast: ;
-  --tw-grayscale: ;
-  --tw-hue-rotate: ;
-  --tw-invert: ;
-  --tw-saturate: ;
-  --tw-sepia: ;
-  --tw-drop-shadow: ;
-  --tw-backdrop-blur: ;
-  --tw-backdrop-brightness: ;
-  --tw-backdrop-contrast: ;
-  --tw-backdrop-grayscale: ;
-  --tw-backdrop-hue-rotate: ;
-  --tw-backdrop-invert: ;
-  --tw-backdrop-opacity: ;
-  --tw-backdrop-saturate: ;
-  --tw-backdrop-sepia: ;
-  --tw-contain-size: ;
-  --tw-contain-layout: ;
-  --tw-contain-paint: ;
-  --tw-contain-style: ;
-}
-::backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x: ;
-  --tw-pan-y: ;
-  --tw-pinch-zoom: ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position: ;
-  --tw-gradient-via-position: ;
-  --tw-gradient-to-position: ;
-  --tw-ordinal: ;
-  --tw-slashed-zero: ;
-  --tw-numeric-figure: ;
-  --tw-numeric-spacing: ;
-  --tw-numeric-fraction: ;
-  --tw-ring-inset: ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur: ;
-  --tw-brightness: ;
-  --tw-contrast: ;
-  --tw-grayscale: ;
-  --tw-hue-rotate: ;
-  --tw-invert: ;
-  --tw-saturate: ;
-  --tw-sepia: ;
-  --tw-drop-shadow: ;
-  --tw-backdrop-blur: ;
-  --tw-backdrop-brightness: ;
-  --tw-backdrop-contrast: ;
-  --tw-backdrop-grayscale: ;
-  --tw-backdrop-hue-rotate: ;
-  --tw-backdrop-invert: ;
-  --tw-backdrop-opacity: ;
-  --tw-backdrop-saturate: ;
-  --tw-backdrop-sepia: ;
-  --tw-contain-size: ;
-  --tw-contain-layout: ;
-  --tw-contain-paint: ;
-  --tw-contain-style: ;
-}
-.visible {
-  visibility: visible;
-}
-.fixed {
-  position: fixed;
-}
-.m-10 {
-  margin: 2.5rem;
-}
-.m-\[10px\] {
-  margin: 10px;
-}
-.flex {
-  display: flex;
-}
-.table {
-  display: table;
-}
-.grid {
-  display: grid;
-}
-.flex-col {
-  flex-direction: column;
-}
-.rounded-\[8px\] {
-  border-radius: 8px;
-}
-.border {
-  border-width: 1px;
-}
-.border-4 {
-  border-width: 4px;
-}
-.border-\[\#919191\] {
-  --tw-border-opacity: 1;
-  border-color: rgb(145 145 145 / var(--tw-border-opacity));
-}
-.border-\[\#B8A4DE\] {
-  --tw-border-opacity: 1;
-  border-color: rgb(184 164 222 / var(--tw-border-opacity));
-}
-.bg-\[\#E2D6F8\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(226 214 248 / var(--tw-bg-opacity));
-}
-.bg-\[\#F2F2F2\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
-}
-.bg-green-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
-}
-.p-10 {
-  padding: 2.5rem;
-}
-.p-\[6px\] {
-  padding: 6px;
-}
-.text-center {
-  text-align: center;
-}
-.font-semibold {
-  font-weight: 600;
-}
-.italic {
-  font-style: italic;
-}
-.text-\[\\w-\] {
-  color: w-;
-}
-.text-black {
-  --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity));
-}
-.text-white {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-.shadow-\[0px_0px_1px_1px_\#919191\] {
-  --tw-shadow: 0px 0px 1px 1px #919191;
-  --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
-  box-shadow:
-    var(--tw-ring-offset-shadow, 0 0 #0000),
-    var(--tw-ring-shadow, 0 0 #0000),
-    var(--tw-shadow);
-}
-.shadow-\[0px_0px_1px_1px_\#B8A4DE\] {
-  --tw-shadow: 0px 0px 1px 1px #B8A4DE;
-  --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
-  box-shadow:
-    var(--tw-ring-offset-shadow, 0 0 #0000),
-    var(--tw-ring-shadow, 0 0 #0000),
-    var(--tw-shadow);
-}
-.invert {
-  --tw-invert: invert(100%);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.bg-sky-700 .icon-active {
-  filter: brightness(0) invert(1);
-}
-.submit.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
-  color: #472D7A;
-  background-color: white;
-  border: solid 1px #472D7A;
-}
-.ant-radio-button-wrapper {
-  border: 1px solid #919191 !important;
-}
-.ant-input-affix-wrapper {
-  border: solid 1px #919191 !important;
-  width: 275px !important;
-  height: 16px !important;
-  padding: 16px !important;
-  gap: 10px !important;
-}
-.ant-input-outlined:hover {
-  border: solid 1px #919191 !important;
-}
-.ant-input-outlined:focus {
-  border: solid 1px #919191 !important;
-}
-.ant-input-outlined:focus-within {
-  border: solid 1px #919191 !important;
-}
-.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
-  display: none !important;
-}
-.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::after {
-  display: none !important;
-}
-.ant-radio-button-wrapper:not(:first-child)::before {
-  width: 0 !important;
-}
-.ant-radio-button-wrapper:first-child {
-  border-inline-start: 1px solid rgb(145 145 145) !important;
-}
-.ant-tabs-top > .ant-tabs-nav {
-  margin: 0px !important;
-}
-.hover\:bg-\[\#F2F2F2\]:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
-}