@ctlyst.id/internal-ui 1.0.2-canary.5 → 1.0.2

package/dist/components/modal/components/modal-body.d.ts

@@ -0,0 +1,4 @@
+import type { ModalBodyProps } from '@chakra-ui/react';
+import React from 'react';
+declare const ModalBody: React.ForwardRefExoticComponent<ModalBodyProps & React.RefAttributes<HTMLDivElement>>;
+export default ModalBody;

package/dist/components/modal/index.d.ts

@@ -1,4 +1,5 @@
+export { default as ModalBody } from './components/modal-body';
 export { default as ModalCloseButton } from './components/modal-close-button';
 export { default as ModalFooter } from './components/modal-footer';
 export { default as ModalHeader } from './components/modal-header';
-export { AlertDialog, ModalBody as AlertDialogBody, ModalCloseButton as AlertDialogCloseButton, AlertDialogContent, ModalFooter as AlertDialogFooter, ModalHeader as AlertDialogHeader, ModalOverlay as AlertDialogOverlay, AlertDialogProps, Drawer, ModalBody as DrawerBody, ModalCloseButton as DrawerCloseButton, DrawerContent, DrawerContentProps, ModalFooter as DrawerFooter, ModalHeader as DrawerHeader, ModalOverlay as DrawerOverlay, DrawerProps, Modal, ModalBody, ModalBodyProps, ModalContent, ModalContentProps, ModalContextProvider, ModalFocusScope, ModalFooterProps, ModalHeaderProps, ModalOverlay, ModalOverlayProps, ModalProps, useDrawerContext, useModal, useModalContext, UseModalProps, UseModalReturn, useModalStyles, } from '@chakra-ui/react';
+export { AlertDialog, ModalBody as AlertDialogBody, ModalCloseButton as AlertDialogCloseButton, AlertDialogContent, ModalFooter as AlertDialogFooter, ModalHeader as AlertDialogHeader, ModalOverlay as AlertDialogOverlay, AlertDialogProps, Drawer, ModalBody as DrawerBody, ModalCloseButton as DrawerCloseButton, DrawerContent, DrawerContentProps, ModalFooter as DrawerFooter, ModalHeader as DrawerHeader, ModalOverlay as DrawerOverlay, DrawerProps, Modal, ModalBodyProps, ModalContent, ModalContentProps, ModalContextProvider, ModalFocusScope, ModalFooterProps, ModalHeaderProps, ModalOverlay, ModalOverlayProps, ModalProps, useDrawerContext, useModal, useModalContext, UseModalProps, UseModalReturn, useModalStyles, } from '@chakra-ui/react';

package/dist/internal-ui.cjs.development.js

@@ -231,9 +231,7 @@ const DataTable = ({
       textTransform: "capitalize",
       userSelect: "none",
       align: "center",
-      justifyContent: "space-between",
-      onClick: header.column.getToggleSortingHandler(),
-      cursor: header.column.getCanSort() ? 'pointer' : 'default'
+      justifyContent: "space-between"
     }, /*#__PURE__*/React.createElement(react.Text, {
       fontSize: "text.sm",
       fontWeight: 400,
@@ -242,7 +240,9 @@ const DataTable = ({
     }, reactTable.flexRender(header.column.columnDef.header, header.getContext())), /*#__PURE__*/React.createElement(react.Box, {
       as: "span",
       pl: "2",
-      "data-test-id": `CT_Container_SortingIcon_${header.id}`
+      cursor: header.column.getCanSort() ? 'pointer' : 'default',
+      "data-test-id": `CT_Container_SortingIcon_${header.id}`,
+      onClick: header.column.getToggleSortingHandler()
     }, (_ref = header.column.getCanSort() && {
       asc: /*#__PURE__*/React.createElement(icons.ChevronUpIcon, null),
       desc: /*#__PURE__*/React.createElement(icons.ChevronDownIcon, null)
@@ -1471,6 +1471,16 @@ Header.defaultProps = {
   onOpenModalRelease: undefined
 };
 
+const ModalBody = /*#__PURE__*/React__default.forwardRef(({
+  children,
+  ...rest
+}, ref) => {
+  return /*#__PURE__*/React__default.createElement(react.ModalBody, Object.assign({
+    ref: ref,
+    background: react.useColorModeValue('white', 'mirage.900')
+  }, rest), children);
+});
+
 const ModalCloseButton = /*#__PURE__*/React.forwardRef((props, ref) => {
   return /*#__PURE__*/React__default.createElement(react.ModalCloseButton, Object.assign({
     ref: ref,
@@ -3101,12 +3111,6 @@ Object.defineProperty(exports, 'Modal', {
     return react.Modal;
   }
 });
-Object.defineProperty(exports, 'ModalBody', {
-  enumerable: true,
-  get: function () {
-    return react.ModalBody;
-  }
-});
 Object.defineProperty(exports, 'ModalContent', {
   enumerable: true,
   get: function () {
@@ -3258,6 +3262,7 @@ exports.Field = Field;
 exports.Header = Header;
 exports.InputField = InputField;
 exports.MainMenu = Navigation;
+exports.ModalBody = ModalBody;
 exports.ModalCloseButton = ModalCloseButton;
 exports.ModalFooter = ModalFooter;
 exports.ModalHeader = ModalHeader;