@ctlyst.id/internal-ui 4.0.2 → 4.1.0

package/dist/index.d.mts

@@ -727,6 +727,7 @@ declare class Time {
     constructor(hours?: number, minutes?: number, seconds?: number);
     toString(): string;
 }
+declare const timeFromString: (timeString: string) => Time;
 interface TimeInputProps {
     config?: TimeOptions;
     value?: Time;
@@ -916,4 +917,4 @@ declare const ProviderContext: React__default.Context<ProviderContextObject>;
 declare const useInternalUI: () => ProviderContextObject;
 declare const Provider: FC<ProviderProps>;
 
-export { AccordionEye, AccordionIndicator, Alert, AlertAction, type AlertActionProps, AlertClose, type AlertCloseProps, AlertDescription, type AlertDescriptionProps, AlertIcon, type AlertIconProps, type AlertProps, type AlertStatus, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, Badge, type BadgeProps, BreadCrumb, type BreadCrumbParentProps, type BreadCrumbProps, Button, type ButtonProps, CHECKBOX_STATE, CardCustom as Card, type CardProps, CheckboxComponent as Checkbox, type CheckboxComponentProps, CheckboxGroupComponent as CheckboxGroup, type CheckboxGroupComponentProps, Chips, type ChipsProps, ClearIndicator, Counter, type CustomLoaderProps, _default as DataTable, type DataTableProps, type DataTableRefs, DatePickerMonth, type DatePickerMonthProps, Datepicker, type DatepickerProps, Dialog, type DisabledRowData, DropdownIndicator, EmptyState, type Environment, ErrorCode, Field, type FieldProps, Header, type HeaderDataProps, type HeaderProps, InputAddonLeft, InputAddonRight, InputField, type InputFieldProps, Loader, type LoaderProps, Logo, type LogoProps, Navigation as MainMenu, ModalBackButton, MultiDatePickerMonth, type MultiDatePickerMonthProps, MultiValue, MultiValueRemove, NavItem, type NavItemProps, Navbar, type NavbarProps, NavigationBar, type NavigationBarProps, type NavigationProps, NoOptionsMessage, type OptionGroup, type OptionMultiGroup, type OptionsGroup, Pagination, PaginationDetail, type PaginationDetailProps, PaginationFilter, type PaginationFilterProps, type PaginationProps, Profile, type ProfileProps, type Props, Provider, ProviderContext, Radio, RadioGroup, type RadioGroupComponentProps, type RadioProps, Rating, type RatingProps, Select, SelectAsync, SelectAsyncCreatable, type SelectAsyncCreatableProps, type SelectAsyncProps, SelectCheckbox as SelectCheckBox, SelectCreatable, type SelectCreatableProps, type SelectProps, type SelectWithCheckboxBaseProps, Sidebar, SidebarHeader, type SidebarHeaderProps, SidebarMenu, type SidebarMenuProps, type SidebarProps, Switch, type SwitchProps, Tab, type TableStyleProps, type TextAreaProps, TextareaField, type Theme, Time, TimeInput, type TimeInputProps, type TimeOptions, Tooltip, type TooltipProps, Uploader, type UploaderProps, Version, type VersionProps, VoilaLogo, XMSLogo, createExtendTheme, defaultOnHandleRejections, dimensionValidator, getSelectAllCheckboxState, getTheme, isCellDisabled, isRatioEqual, selectStyles, theme, themeSelect, useAlertStyles, useDataTable, useFetcher, useInternalUI, useToast };
+export { AccordionEye, AccordionIndicator, Alert, AlertAction, type AlertActionProps, AlertClose, type AlertCloseProps, AlertDescription, type AlertDescriptionProps, AlertIcon, type AlertIconProps, type AlertProps, type AlertStatus, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, Badge, type BadgeProps, BreadCrumb, type BreadCrumbParentProps, type BreadCrumbProps, Button, type ButtonProps, CHECKBOX_STATE, CardCustom as Card, type CardProps, CheckboxComponent as Checkbox, type CheckboxComponentProps, CheckboxGroupComponent as CheckboxGroup, type CheckboxGroupComponentProps, Chips, type ChipsProps, ClearIndicator, Counter, type CustomLoaderProps, _default as DataTable, type DataTableProps, type DataTableRefs, DatePickerMonth, type DatePickerMonthProps, Datepicker, type DatepickerProps, Dialog, type DisabledRowData, DropdownIndicator, EmptyState, type Environment, ErrorCode, Field, type FieldProps, Header, type HeaderDataProps, type HeaderProps, InputAddonLeft, InputAddonRight, InputField, type InputFieldProps, Loader, type LoaderProps, Logo, type LogoProps, Navigation as MainMenu, ModalBackButton, MultiDatePickerMonth, type MultiDatePickerMonthProps, MultiValue, MultiValueRemove, NavItem, type NavItemProps, Navbar, type NavbarProps, NavigationBar, type NavigationBarProps, type NavigationProps, NoOptionsMessage, type OptionGroup, type OptionMultiGroup, type OptionsGroup, Pagination, PaginationDetail, type PaginationDetailProps, PaginationFilter, type PaginationFilterProps, type PaginationProps, Profile, type ProfileProps, type Props, Provider, ProviderContext, Radio, RadioGroup, type RadioGroupComponentProps, type RadioProps, Rating, type RatingProps, Select, SelectAsync, SelectAsyncCreatable, type SelectAsyncCreatableProps, type SelectAsyncProps, SelectCheckbox as SelectCheckBox, SelectCreatable, type SelectCreatableProps, type SelectProps, type SelectWithCheckboxBaseProps, Sidebar, SidebarHeader, type SidebarHeaderProps, SidebarMenu, type SidebarMenuProps, type SidebarProps, Switch, type SwitchProps, Tab, type TableStyleProps, type TextAreaProps, TextareaField, type Theme, Time, TimeInput, type TimeInputProps, type TimeOptions, Tooltip, type TooltipProps, Uploader, type UploaderProps, Version, type VersionProps, VoilaLogo, XMSLogo, createExtendTheme, defaultOnHandleRejections, dimensionValidator, getSelectAllCheckboxState, getTheme, isCellDisabled, isRatioEqual, selectStyles, theme, themeSelect, timeFromString, useAlertStyles, useDataTable, useFetcher, useInternalUI, useToast };

package/dist/index.d.ts

@@ -727,6 +727,7 @@ declare class Time {
     constructor(hours?: number, minutes?: number, seconds?: number);
     toString(): string;
 }
+declare const timeFromString: (timeString: string) => Time;
 interface TimeInputProps {
     config?: TimeOptions;
     value?: Time;
@@ -916,4 +917,4 @@ declare const ProviderContext: React__default.Context<ProviderContextObject>;
 declare const useInternalUI: () => ProviderContextObject;
 declare const Provider: FC<ProviderProps>;
 
-export { AccordionEye, AccordionIndicator, Alert, AlertAction, type AlertActionProps, AlertClose, type AlertCloseProps, AlertDescription, type AlertDescriptionProps, AlertIcon, type AlertIconProps, type AlertProps, type AlertStatus, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, Badge, type BadgeProps, BreadCrumb, type BreadCrumbParentProps, type BreadCrumbProps, Button, type ButtonProps, CHECKBOX_STATE, CardCustom as Card, type CardProps, CheckboxComponent as Checkbox, type CheckboxComponentProps, CheckboxGroupComponent as CheckboxGroup, type CheckboxGroupComponentProps, Chips, type ChipsProps, ClearIndicator, Counter, type CustomLoaderProps, _default as DataTable, type DataTableProps, type DataTableRefs, DatePickerMonth, type DatePickerMonthProps, Datepicker, type DatepickerProps, Dialog, type DisabledRowData, DropdownIndicator, EmptyState, type Environment, ErrorCode, Field, type FieldProps, Header, type HeaderDataProps, type HeaderProps, InputAddonLeft, InputAddonRight, InputField, type InputFieldProps, Loader, type LoaderProps, Logo, type LogoProps, Navigation as MainMenu, ModalBackButton, MultiDatePickerMonth, type MultiDatePickerMonthProps, MultiValue, MultiValueRemove, NavItem, type NavItemProps, Navbar, type NavbarProps, NavigationBar, type NavigationBarProps, type NavigationProps, NoOptionsMessage, type OptionGroup, type OptionMultiGroup, type OptionsGroup, Pagination, PaginationDetail, type PaginationDetailProps, PaginationFilter, type PaginationFilterProps, type PaginationProps, Profile, type ProfileProps, type Props, Provider, ProviderContext, Radio, RadioGroup, type RadioGroupComponentProps, type RadioProps, Rating, type RatingProps, Select, SelectAsync, SelectAsyncCreatable, type SelectAsyncCreatableProps, type SelectAsyncProps, SelectCheckbox as SelectCheckBox, SelectCreatable, type SelectCreatableProps, type SelectProps, type SelectWithCheckboxBaseProps, Sidebar, SidebarHeader, type SidebarHeaderProps, SidebarMenu, type SidebarMenuProps, type SidebarProps, Switch, type SwitchProps, Tab, type TableStyleProps, type TextAreaProps, TextareaField, type Theme, Time, TimeInput, type TimeInputProps, type TimeOptions, Tooltip, type TooltipProps, Uploader, type UploaderProps, Version, type VersionProps, VoilaLogo, XMSLogo, createExtendTheme, defaultOnHandleRejections, dimensionValidator, getSelectAllCheckboxState, getTheme, isCellDisabled, isRatioEqual, selectStyles, theme, themeSelect, useAlertStyles, useDataTable, useFetcher, useInternalUI, useToast };
+export { AccordionEye, AccordionIndicator, Alert, AlertAction, type AlertActionProps, AlertClose, type AlertCloseProps, AlertDescription, type AlertDescriptionProps, AlertIcon, type AlertIconProps, type AlertProps, type AlertStatus, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, Badge, type BadgeProps, BreadCrumb, type BreadCrumbParentProps, type BreadCrumbProps, Button, type ButtonProps, CHECKBOX_STATE, CardCustom as Card, type CardProps, CheckboxComponent as Checkbox, type CheckboxComponentProps, CheckboxGroupComponent as CheckboxGroup, type CheckboxGroupComponentProps, Chips, type ChipsProps, ClearIndicator, Counter, type CustomLoaderProps, _default as DataTable, type DataTableProps, type DataTableRefs, DatePickerMonth, type DatePickerMonthProps, Datepicker, type DatepickerProps, Dialog, type DisabledRowData, DropdownIndicator, EmptyState, type Environment, ErrorCode, Field, type FieldProps, Header, type HeaderDataProps, type HeaderProps, InputAddonLeft, InputAddonRight, InputField, type InputFieldProps, Loader, type LoaderProps, Logo, type LogoProps, Navigation as MainMenu, ModalBackButton, MultiDatePickerMonth, type MultiDatePickerMonthProps, MultiValue, MultiValueRemove, NavItem, type NavItemProps, Navbar, type NavbarProps, NavigationBar, type NavigationBarProps, type NavigationProps, NoOptionsMessage, type OptionGroup, type OptionMultiGroup, type OptionsGroup, Pagination, PaginationDetail, type PaginationDetailProps, PaginationFilter, type PaginationFilterProps, type PaginationProps, Profile, type ProfileProps, type Props, Provider, ProviderContext, Radio, RadioGroup, type RadioGroupComponentProps, type RadioProps, Rating, type RatingProps, Select, SelectAsync, SelectAsyncCreatable, type SelectAsyncCreatableProps, type SelectAsyncProps, SelectCheckbox as SelectCheckBox, SelectCreatable, type SelectCreatableProps, type SelectProps, type SelectWithCheckboxBaseProps, Sidebar, SidebarHeader, type SidebarHeaderProps, SidebarMenu, type SidebarMenuProps, type SidebarProps, Switch, type SwitchProps, Tab, type TableStyleProps, type TextAreaProps, TextareaField, type Theme, Time, TimeInput, type TimeInputProps, type TimeOptions, Tooltip, type TooltipProps, Uploader, type UploaderProps, Version, type VersionProps, VoilaLogo, XMSLogo, createExtendTheme, defaultOnHandleRejections, dimensionValidator, getSelectAllCheckboxState, getTheme, isCellDisabled, isRatioEqual, selectStyles, theme, themeSelect, timeFromString, useAlertStyles, useDataTable, useFetcher, useInternalUI, useToast };

package/dist/index.js

@@ -349,6 +349,7 @@ __export(src_exports, {
   selectStyles: () => selectStyles,
   theme: () => theme4,
   themeSelect: () => themeSelect,
+  timeFromString: () => timeFromString,
   useAccordion: () => import_react3.useAccordion,
   useAccordionContext: () => import_react3.useAccordionContext,
   useAccordionItem: () => import_react3.useAccordionItem,
@@ -4934,12 +4935,20 @@ var InputOption = ({
               (data == null ? void 0 : data.selectAllCheckbox) ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                 import_react74.Checkbox,
                 {
+                  onClick: (e) => e.stopPropagation(),
                   isChecked: checkedState === CHECKBOX_STATE.CHECKED,
                   isIndeterminate: checkedState === CHECKBOX_STATE.INDETERMINATE,
                   isDisabled,
                   "data-test-id": "CT_component_select-checkbox_select-all-option"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react74.Checkbox, { isChecked: isSelected, "data-test-id": "CT_component_select-checkbox_option-checkbox" }),
+              ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                import_react74.Checkbox,
+                {
+                  onClick: (e) => e.stopPropagation(),
+                  isChecked: isSelected,
+                  "data-test-id": "CT_component_select-checkbox_option-checkbox"
+                }
+              ),
               /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react74.Text, { textStyle: "text.sm", "data-test-id": `select-checkbox-option-label-${data.value}`, children })
             ]
           }
@@ -5474,6 +5483,12 @@ var useTimescape = (options = {}) => {
 
 // src/components/time-input/components/index.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
+var timeDigitFormat = (number) => {
+  if (number.toString().length === 1) {
+    return `0${number}`;
+  }
+  return number;
+};
 var Time = class {
   constructor(hours, minutes, seconds) {
     __publicField(this, "hours");
@@ -5484,9 +5499,13 @@ var Time = class {
     this.seconds = seconds != null ? seconds : 0;
   }
   toString() {
-    return `${this.hours}:${this.minutes}:${this.seconds}`;
+    return `${timeDigitFormat(this.hours)}:${timeDigitFormat(this.minutes)}:${timeDigitFormat(this.seconds)}`;
   }
 };
+var timeFromString = (timeString) => {
+  const [hours, minutes, seconds] = timeString.split(":");
+  return new Time(Number(hours), Number(minutes), Number(seconds));
+};
 var InputTimeArea = (0, import_react85.forwardRef)((props, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     import_react85.Input,
@@ -5616,6 +5635,7 @@ var TimeInput2 = (0, import_react85.forwardRef)(
 
 // src/components/toast/components/toast.tsx
 var import_react88 = require("@chakra-ui/react");
+var import_internal_icon11 = require("@ctlyst.id/internal-icon");
 var import_react_toastify = require("react-toastify");
 
 // src/components/toast/components/styles.tsx
@@ -5655,6 +5675,10 @@ var styles_default2 = Styles2;
 
 // src/components/toast/components/toast.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
+var CustomCloseButton = (props) => {
+  const { closeToast } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react88.Box, { p: 2, alignItems: "center", display: "flex", "data-test-id": "", cursor: "pointer", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_internal_icon11.Close, { size: 4, color: "white" }) });
+};
 var DEFAULT_OPTIONS = {
   position: "top-right",
   autoClose: 5e3,
@@ -5664,7 +5688,7 @@ var DEFAULT_OPTIONS = {
   draggable: true,
   icon: false,
   theme: "colored",
-  closeButton: true,
+  closeButton: CustomCloseButton,
   className: "container-toast",
   transition: import_react_toastify.Bounce
 };
@@ -5773,7 +5797,7 @@ var import_react_toastify2 = require("react-toastify");
 
 // src/components/uploader/components/uploader.tsx
 var import_react89 = require("@chakra-ui/react");
-var import_internal_icon11 = require("@ctlyst.id/internal-icon");
+var import_internal_icon12 = require("@ctlyst.id/internal-icon");
 var import_react90 = require("react");
 var import_react_dropzone = require("react-dropzone");
 
@@ -6020,7 +6044,7 @@ var Uploader = ({
               border: "none",
               zIndex: 1,
               onClick: handleRemove,
-              children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_internal_icon11.Close, { size: 3, color: "white" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_internal_icon12.Close, { size: 3, color: "white" })
             }
           ) }),
           filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react89.Box, { w: "full", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
@@ -6042,7 +6066,7 @@ var Uploader = ({
             }
           ) }),
           !filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react89.Text, { children: dragActiveText != null ? dragActiveText : messages.dragActive }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react89.Flex, { gap: 2, flexDirection: "column", alignItems: "center", color: isError ? "danger.500" : color, children: [
-            size2 === "sm" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_internal_icon11.Plus, { size: 6, color }),
+            size2 === "sm" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_internal_icon12.Plus, { size: 6, color }),
             /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react89.Box, { children: [
               !filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
                 import_react89.Heading,
@@ -8138,6 +8162,7 @@ var import_react104 = require("@chakra-ui/react");
   selectStyles,
   theme,
   themeSelect,
+  timeFromString,
   useAccordion,
   useAccordionContext,
   useAccordionItem,