@ctlyst.id/internal-ui 2.1.18 → 2.1.20

package/dist/index.js

@@ -74,8 +74,8 @@ __export(src_exports, {
   ButtonGroupProps: () => import_react9.ButtonGroupProps,
   Card: () => card_default,
   Center: () => import_react47.Center,
-  ChakraProvider: () => import_react91.ChakraProvider,
-  ChakraProviderProps: () => import_react91.ChakraProviderProps,
+  ChakraProvider: () => import_react92.ChakraProvider,
+  ChakraProviderProps: () => import_react92.ChakraProviderProps,
   ChakraTable: () => import_react77.Table,
   Checkbox: () => checkbox_default,
   CheckboxGroup: () => checkbox_group_default,
@@ -91,9 +91,9 @@ __export(src_exports, {
   CodeProps: () => import_react80.CodeProps,
   Collapse: () => import_react83.Collapse,
   CollapseProps: () => import_react83.CollapseProps,
-  ColorMode: () => import_react91.ColorMode,
-  ColorModeScript: () => import_react91.ColorModeScript,
-  ColorModeScriptProps: () => import_react91.ColorModeScriptProps,
+  ColorMode: () => import_react92.ColorMode,
+  ColorModeScript: () => import_react92.ColorModeScript,
+  ColorModeScriptProps: () => import_react92.ColorModeScriptProps,
   Container: () => import_react47.Container,
   ContainerProps: () => import_react47.ContainerProps,
   Counter: () => counter_default,
@@ -282,7 +282,7 @@ __export(src_exports, {
   UseCheckboxGroupReturn: () => import_react16.UseCheckboxGroupReturn,
   UseCheckboxProps: () => import_react16.UseCheckboxProps,
   UseCheckboxReturn: () => import_react16.UseCheckboxReturn,
-  UseDisclosureProps: () => import_react93.UseDisclosureProps,
+  UseDisclosureProps: () => import_react94.UseDisclosureProps,
   UseImageProps: () => import_react83.UseImageProps,
   UseImageReturn: () => import_react83.UseImageReturn,
   UseMediaQueryOptions: () => import_react83.UseMediaQueryOptions,
@@ -306,8 +306,8 @@ __export(src_exports, {
   WrapItem: () => import_react47.WrapItem,
   WrapItemProps: () => import_react47.WrapItemProps,
   WrapProps: () => import_react47.WrapProps,
-  extendTheme: () => import_react94.extendTheme,
-  forwardRef: () => import_react94.forwardRef,
+  extendTheme: () => import_react95.extendTheme,
+  forwardRef: () => import_react95.forwardRef,
   getTheme: () => getTheme,
   theme: () => theme5,
   useAccordion: () => import_react3.useAccordion,
@@ -316,29 +316,29 @@ __export(src_exports, {
   useAccordionItemState: () => import_react3.useAccordionItemState,
   useAccordionStyles: () => import_react3.useAccordionStyles,
   useAlertStyles: () => useAlertStyles,
-  useBoolean: () => import_react93.useBoolean,
+  useBoolean: () => import_react94.useBoolean,
   useBreakpoint: () => import_react83.useBreakpoint,
   useCheckbox: () => import_react16.useCheckbox,
   useCheckboxGroup: () => import_react16.useCheckboxGroup,
-  useClipboard: () => import_react93.useClipboard,
-  useColorMode: () => import_react93.useColorMode,
+  useClipboard: () => import_react94.useClipboard,
+  useColorMode: () => import_react94.useColorMode,
   useColorModePreference: () => import_react83.useColorModePreference,
-  useColorModeValue: () => import_react93.useColorModeValue,
-  useConst: () => import_react93.useConst,
-  useControllableProp: () => import_react93.useControllableProp,
-  useControllableState: () => import_react93.useControllableState,
+  useColorModeValue: () => import_react94.useColorModeValue,
+  useConst: () => import_react94.useConst,
+  useControllableProp: () => import_react94.useControllableProp,
+  useControllableState: () => import_react94.useControllableState,
   useDataTable: () => useDataTable,
-  useDimensions: () => import_react93.useDimensions,
-  useDisclosure: () => import_react93.useDisclosure,
+  useDimensions: () => import_react94.useDimensions,
+  useDisclosure: () => import_react94.useDisclosure,
   useDrawerContext: () => import_react58.useDrawerContext,
   useFetcher: () => useFetcher,
   useImage: () => import_react83.useImage,
   useInternalUI: () => useInternalUI,
-  useMergeRefs: () => import_react93.useMergeRefs,
+  useMergeRefs: () => import_react94.useMergeRefs,
   useModal: () => import_react58.useModal,
   useModalContext: () => import_react58.useModalContext,
   useModalStyles: () => import_react58.useModalStyles,
-  useOutsideClick: () => import_react93.useOutsideClick,
+  useOutsideClick: () => import_react94.useOutsideClick,
   useQuery: () => import_react83.useQuery,
   useRadio: () => import_react70.useRadio,
   useRadioGroup: () => import_react70.useRadioGroup,
@@ -355,8 +355,8 @@ __export(src_exports, {
   useTabsDescendants: () => import_react79.useTabsDescendants,
   useTabsDescendantsContext: () => import_react79.useTabsDescendantsContext,
   useTabsStyles: () => import_react79.useTabsStyles,
-  useTheme: () => import_react93.useTheme,
-  useToken: () => import_react93.useToken
+  useTheme: () => import_react94.useTheme,
+  useToken: () => import_react94.useToken
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -1202,13 +1202,12 @@ var getCommonPinningStyles = (column) => {
       "&:after": {
         content: "''",
         position: "absolute",
-        width: "20%",
-        height: "100%",
+        width: "30px",
         right: "0px",
+        bottom: "-1px",
         top: 0,
-        zIndex: -1,
-        boxShadow: "-10px 0px 20px 10px #00000010",
-        clipPath: "inset(0px -38px 0px 0px)"
+        transform: "translateX(100%)",
+        boxShadow: "inset 14px 0px 20px -10px #00000010"
       }
     } : {},
     ...isFirstRightPinnedColumn ? {
@@ -1216,13 +1215,12 @@ var getCommonPinningStyles = (column) => {
       "&:after": {
         content: "''",
         position: "absolute",
-        width: "20%",
-        height: "100%",
+        width: "30px",
         left: "0%",
         top: 0,
-        zIndex: -1,
-        boxShadow: "10px 0px 20px 10px #00000010",
-        clipPath: "inset(0px 0px 0px -38px )"
+        bottom: "-1px",
+        transform: "translateX(-100%)",
+        boxShadow: "inset -14px 0px 20px -10px #00000010"
       }
     } : {}
   };
@@ -4025,7 +4023,7 @@ var uploader_default = Uploader;
 var import_react83 = require("@chakra-ui/react");
 
 // src/config/theme/themeConfiguration.ts
-var import_react89 = require("@chakra-ui/react");
+var import_react90 = require("@chakra-ui/react");
 
 // src/config/theme/components/index.ts
 var components_exports = {};
@@ -4041,6 +4039,7 @@ __export(components_exports, {
   Input: () => input_default,
   LoaderStyle: () => loader_default2,
   Modal: () => modal_default,
+  Popover: () => popover_default,
   Radio: () => radio_default,
   Switch: () => switch_default2,
   Table: () => table_default,
@@ -4981,11 +4980,23 @@ var Modal3 = (0, import_styled_system9.defineStyleConfig)({
 });
 var modal_default = Modal3;
 
-// src/config/theme/components/radio.ts
+// src/config/theme/components/popover.ts
 var import_anatomy5 = require("@chakra-ui/anatomy");
 var import_react86 = require("@chakra-ui/react");
-var { definePartsStyle: definePartsStyle5, defineMultiStyleConfig: defineMultiStyleConfig5 } = (0, import_react86.createMultiStyleConfigHelpers)(import_anatomy5.radioAnatomy.keys);
+var { definePartsStyle: definePartsStyle5, defineMultiStyleConfig: defineMultiStyleConfig5 } = (0, import_react86.createMultiStyleConfigHelpers)(import_anatomy5.popoverAnatomy.keys);
 var baseStyle6 = definePartsStyle5({
+  content: {
+    bg: "white"
+  }
+});
+var popoverTheme = defineMultiStyleConfig5({ baseStyle: baseStyle6 });
+var popover_default = popoverTheme;
+
+// src/config/theme/components/radio.ts
+var import_anatomy6 = require("@chakra-ui/anatomy");
+var import_react87 = require("@chakra-ui/react");
+var { definePartsStyle: definePartsStyle6, defineMultiStyleConfig: defineMultiStyleConfig6 } = (0, import_react87.createMultiStyleConfigHelpers)(import_anatomy6.radioAnatomy.keys);
+var baseStyle7 = definePartsStyle6({
   control: {
     border: "1px solid",
     width: "16px",
@@ -5001,7 +5012,7 @@ var baseStyle6 = definePartsStyle5({
     }
   }
 });
-var errors2 = definePartsStyle5({
+var errors2 = definePartsStyle6({
   control: {
     borderColor: "danger.500",
     _checked: {
@@ -5036,7 +5047,7 @@ var errors2 = definePartsStyle5({
     fontSize: "12px"
   }
 });
-var unstyled3 = definePartsStyle5({
+var unstyled3 = definePartsStyle6({
   control: {
     borderColor: "neutral.600",
     _checked: {
@@ -5075,8 +5086,8 @@ var variants4 = {
   errors: errors2,
   unstyled: unstyled3
 };
-var Radio2 = defineMultiStyleConfig5({
-  baseStyle: baseStyle6,
+var Radio2 = defineMultiStyleConfig6({
+  baseStyle: baseStyle7,
   variants: variants4,
   defaultProps: {
     variant: "unstyled"
@@ -5085,10 +5096,10 @@ var Radio2 = defineMultiStyleConfig5({
 var radio_default = Radio2;
 
 // src/config/theme/components/switch.ts
-var import_anatomy6 = require("@chakra-ui/anatomy");
+var import_anatomy7 = require("@chakra-ui/anatomy");
 var import_styled_system10 = require("@chakra-ui/styled-system");
 var import_theme_tools2 = require("@chakra-ui/theme-tools");
-var { defineMultiStyleConfig: defineMultiStyleConfig6, definePartsStyle: definePartsStyle6 } = (0, import_styled_system10.createMultiStyleConfigHelpers)(import_anatomy6.switchAnatomy.keys);
+var { defineMultiStyleConfig: defineMultiStyleConfig7, definePartsStyle: definePartsStyle7 } = (0, import_styled_system10.createMultiStyleConfigHelpers)(import_anatomy7.switchAnatomy.keys);
 var $width = (0, import_theme_tools2.cssVar)("switch-track-width");
 var $height = (0, import_theme_tools2.cssVar)("switch-track-height");
 var $diff = (0, import_theme_tools2.cssVar)("switch-track-diff");
@@ -5105,7 +5116,7 @@ var baseStyleThumb = (0, import_styled_system10.defineStyle)({
     transform: `translateX(${$translateX.reference})`
   }
 });
-var baseStyle7 = definePartsStyle6(() => ({
+var baseStyle8 = definePartsStyle7(() => ({
   container: {
     [$diff.variable]: diffValue,
     [$translateX.variable]: $diff.reference,
@@ -5130,7 +5141,7 @@ var baseStyle7 = definePartsStyle6(() => ({
   thumb: baseStyleThumb
 }));
 var sizes3 = {
-  sm: definePartsStyle6({
+  sm: definePartsStyle7({
     container: {
       [$width.variable]: "1.875rem",
       [$height.variable]: "0.75rem"
@@ -5140,7 +5151,7 @@ var sizes3 = {
       [$height.variable]: "0.75rem"
     }
   }),
-  md: definePartsStyle6({
+  md: definePartsStyle7({
     container: {
       [$width.variable]: "2.375rem",
       [$height.variable]: "1rem"
@@ -5150,7 +5161,7 @@ var sizes3 = {
       [$height.variable]: "1rem"
     }
   }),
-  lg: definePartsStyle6({
+  lg: definePartsStyle7({
     container: {
       [$width.variable]: "3.25rem",
       [$height.variable]: "1.375rem"
@@ -5161,8 +5172,8 @@ var sizes3 = {
     }
   })
 };
-var Switch3 = defineMultiStyleConfig6({
-  baseStyle: baseStyle7,
+var Switch3 = defineMultiStyleConfig7({
+  baseStyle: baseStyle8,
   sizes: sizes3,
   defaultProps: {
     size: "md"
@@ -5171,14 +5182,15 @@ var Switch3 = defineMultiStyleConfig6({
 var switch_default2 = Switch3;
 
 // src/config/theme/components/table.ts
-var import_anatomy7 = require("@chakra-ui/anatomy");
+var import_anatomy8 = require("@chakra-ui/anatomy");
 var import_styled_system11 = require("@chakra-ui/styled-system");
 var import_theme_tools3 = require("@chakra-ui/theme-tools");
-var { defineMultiStyleConfig: defineMultiStyleConfig7, definePartsStyle: definePartsStyle7 } = (0, import_styled_system11.createMultiStyleConfigHelpers)(import_anatomy7.tableAnatomy.keys);
-var baseStyle8 = definePartsStyle7({
+var { defineMultiStyleConfig: defineMultiStyleConfig8, definePartsStyle: definePartsStyle8 } = (0, import_styled_system11.createMultiStyleConfigHelpers)(import_anatomy8.tableAnatomy.keys);
+var baseStyle9 = definePartsStyle8({
   table: {
     fontVariantNumeric: "lining-nums tabular-nums",
-    borderCollapse: "collapse",
+    borderCollapse: "separate",
+    borderSpacing: 0,
     width: "full",
     tableLayout: "fixed"
   },
@@ -5204,15 +5216,25 @@ var baseStyle8 = definePartsStyle7({
     tr: {
       cursor: "pointer",
       _hover: {
-        backgroundColor: "neutral.200"
+        td: {
+          backgroundColor: "neutral.200",
+          "&>div": {
+            backgroundColor: "neutral.200"
+          }
+        }
       },
       '&[data-active="true"]': {
-        backgroundColor: "neutral.100"
+        td: {
+          backgroundColor: "neutral.100",
+          "&>div": {
+            backgroundColor: "neutral.200"
+          }
+        }
       }
     }
   },
   td: {
-    backgroundColor: "neutral.50",
+    // backgroundColor: 'neutral.50',
     textAlign: "start",
     height: "56px",
     "&:first-of-type": {
@@ -5237,7 +5259,7 @@ var numericStyles = (0, import_styled_system11.defineStyle)({
     textAlign: "end"
   }
 });
-var variantSimple = definePartsStyle7((props) => {
+var variantSimple = definePartsStyle8((props) => {
   const { colorScheme: c } = props;
   return {
     th: {
@@ -5263,7 +5285,7 @@ var variantSimple = definePartsStyle7((props) => {
     }
   };
 });
-var variantStripe = definePartsStyle7((props) => {
+var variantStripe = definePartsStyle8((props) => {
   const { colorScheme: c } = props;
   return {
     th: {
@@ -5308,7 +5330,7 @@ var variants5 = {
   unstyled: (0, import_styled_system11.defineStyle)({})
 };
 var sizes4 = {
-  sm: definePartsStyle7({
+  sm: definePartsStyle8({
     th: {
       px: "2",
       py: "4",
@@ -5327,7 +5349,7 @@ var sizes4 = {
       fontSize: "xs"
     }
   }),
-  md: definePartsStyle7({
+  md: definePartsStyle8({
     th: {
       px: "2",
       py: "4",
@@ -5345,7 +5367,7 @@ var sizes4 = {
       fontSize: "sm"
     }
   }),
-  lg: definePartsStyle7({
+  lg: definePartsStyle8({
     th: {
       px: "2",
       py: "4",
@@ -5364,8 +5386,8 @@ var sizes4 = {
     }
   })
 };
-var tableTheme = defineMultiStyleConfig7({
-  baseStyle: baseStyle8,
+var tableTheme = defineMultiStyleConfig8({
+  baseStyle: baseStyle9,
   variants: variants5,
   sizes: sizes4,
   defaultProps: {
@@ -5377,10 +5399,10 @@ var tableTheme = defineMultiStyleConfig7({
 var table_default = tableTheme;
 
 // src/config/theme/components/tabs.ts
-var import_anatomy8 = require("@chakra-ui/anatomy");
+var import_anatomy9 = require("@chakra-ui/anatomy");
 var import_styled_system12 = require("@chakra-ui/styled-system");
-var { defineMultiStyleConfig: defineMultiStyleConfig8, definePartsStyle: definePartsStyle8 } = (0, import_styled_system12.createMultiStyleConfigHelpers)(import_anatomy8.tabsAnatomy.keys);
-var variantLine = definePartsStyle8((props) => {
+var { defineMultiStyleConfig: defineMultiStyleConfig9, definePartsStyle: definePartsStyle9 } = (0, import_styled_system12.createMultiStyleConfigHelpers)(import_anatomy9.tabsAnatomy.keys);
+var variantLine = definePartsStyle9((props) => {
   const { orientation } = props;
   const isVertical = orientation === "vertical";
   const borderProp = isVertical ? "borderStart" : "borderBottom";
@@ -5397,12 +5419,12 @@ var variantLine = definePartsStyle8((props) => {
     }
   };
 });
-var variantUnstyled = definePartsStyle8({});
+var variantUnstyled = definePartsStyle9({});
 var variants6 = {
   line: variantLine,
   unstyled: variantUnstyled
 };
-var tabsTheme = defineMultiStyleConfig8({
+var tabsTheme = defineMultiStyleConfig9({
   variants: variants6,
   defaultProps: {
     size: "md",
@@ -5412,7 +5434,7 @@ var tabsTheme = defineMultiStyleConfig8({
 var tabs_default = tabsTheme;
 
 // src/config/theme/components/textarea.ts
-var import_react87 = require("@chakra-ui/react");
+var import_react88 = require("@chakra-ui/react");
 var getProps = (props) => {
   const { isError, isSuccess, isDisabled } = props;
   let borderColor = "neutral.400";
@@ -5432,7 +5454,7 @@ var getProps = (props) => {
     borderColor
   };
 };
-var outline2 = (0, import_react87.defineStyle)((props) => {
+var outline2 = (0, import_react88.defineStyle)((props) => {
   const { focusBorderColor, borderColor } = getProps(props);
   return {
     background: "white.high",
@@ -5476,7 +5498,7 @@ var outline2 = (0, import_react87.defineStyle)((props) => {
     }
   };
 });
-var Textarea = (0, import_react87.defineStyleConfig)({
+var Textarea = (0, import_react88.defineStyleConfig)({
   variants: { outline: outline2 },
   defaultProps: {
     variant: "outline"
@@ -5485,14 +5507,14 @@ var Textarea = (0, import_react87.defineStyleConfig)({
 var textarea_default2 = Textarea;
 
 // src/config/theme/components/tooltip.ts
-var import_react88 = require("@chakra-ui/react");
-var $arrowBg = (0, import_react88.cssVar)("popper-arrow-bg");
-var baseStyle9 = {
+var import_react89 = require("@chakra-ui/react");
+var $arrowBg = (0, import_react89.cssVar)("popper-arrow-bg");
+var baseStyle10 = {
   bg: "neutral.700",
   fontSize: "text.sm",
   [$arrowBg.variable]: "var(--chakra-colors-neutral-700)"
 };
-var Tooltip2 = (0, import_react88.defineStyleConfig)({ baseStyle: baseStyle9 });
+var Tooltip2 = (0, import_react89.defineStyleConfig)({ baseStyle: baseStyle10 });
 var tooltip_default = Tooltip2;
 
 // src/config/theme/themeConfiguration.ts
@@ -5502,7 +5524,7 @@ var config = {
   useSystemColorMode: false
 };
 var getTheme = (foundations) => {
-  return (0, import_react89.extendTheme)({
+  return (0, import_react90.extendTheme)({
     ...foundations,
     components: {
       ...components_exports
@@ -5518,7 +5540,7 @@ var getTheme = (foundations) => {
     config
   });
 };
-var theme5 = (0, import_react89.extendTheme)({
+var theme5 = (0, import_react90.extendTheme)({
   components: {
     ...components_exports
   },
@@ -5538,23 +5560,23 @@ var theme5 = (0, import_react89.extendTheme)({
 
 // src/hooks/useFetcher.ts
 var import_axios2 = __toESM(require("axios"));
-var import_react92 = require("react");
+var import_react93 = require("react");
 
 // src/provider/components/provider.tsx
 var import_axios = __toESM(require("axios"));
-var import_react90 = require("react");
+var import_react91 = require("react");
 var import_react_toastify = require("react-toastify");
 var import_jsx_runtime59 = require("react/jsx-runtime");
-var ProviderContext = (0, import_react90.createContext)({
+var ProviderContext = (0, import_react91.createContext)({
   instance: void 0
 });
 var useInternalUI = () => {
-  const { instance } = (0, import_react90.useContext)(ProviderContext);
+  const { instance } = (0, import_react91.useContext)(ProviderContext);
   return { instance };
 };
 var Provider = ({ children, config: config2, requestInterceptors, responseInterceptors }) => {
-  const instanceRef = (0, import_react90.useRef)(import_axios.default.create(config2));
-  (0, import_react90.useEffect)(() => {
+  const instanceRef = (0, import_react91.useRef)(import_axios.default.create(config2));
+  (0, import_react91.useEffect)(() => {
     requestInterceptors == null ? void 0 : requestInterceptors.forEach((interceptor) => {
       instanceRef.current.interceptors.request.use(interceptor);
     });
@@ -5562,7 +5584,7 @@ var Provider = ({ children, config: config2, requestInterceptors, responseInterc
       instanceRef.current.interceptors.response.use(interceptor);
     });
   }, [requestInterceptors, responseInterceptors]);
-  const provider = (0, import_react90.useMemo)(() => ({ instance: instanceRef.current }), []);
+  const provider = (0, import_react91.useMemo)(() => ({ instance: instanceRef.current }), []);
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(ProviderContext.Provider, { value: provider, children: [
     /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_toastify.ToastContainer, {}),
     children
@@ -5572,12 +5594,12 @@ Provider.displayName = "Provider";
 var provider_default = Provider;
 
 // src/provider/index.ts
-var import_react91 = require("@chakra-ui/react");
+var import_react92 = require("@chakra-ui/react");
 
 // src/hooks/useFetcher.ts
 function useFetcher() {
   const { instance } = useInternalUI();
-  const axiosInstance = (0, import_react92.useMemo)(() => instance || import_axios2.default, [instance]);
+  const axiosInstance = (0, import_react93.useMemo)(() => instance || import_axios2.default, [instance]);
   const fetcher = async ({ url, data, method, headers, ...config2 }) => {
     const response = await axiosInstance.request({
       data,
@@ -5597,10 +5619,10 @@ function useFetcher() {
 }
 
 // src/hooks/index.ts
-var import_react93 = require("@chakra-ui/react");
+var import_react94 = require("@chakra-ui/react");
 
 // src/index.ts
-var import_react94 = require("@chakra-ui/react");
+var import_react95 = require("@chakra-ui/react");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,