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

package/dist/components/datepicker/components/datepicker.stories.d.ts

@@ -8,6 +8,8 @@ declare const _default: {
 };
 export default _default;
 export declare const DatePickerDefault: () => JSX.Element;
+export declare const DatePickerMonth: () => JSX.Element;
+export declare const DatePickerWithYearMonthDropdown: () => JSX.Element;
 export declare const DatePickerWithTime: () => JSX.Element;
 export declare const DatePickerWithDateRange: () => JSX.Element;
 export declare const DatePickerWithNumberOfMonthRange: () => JSX.Element;

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)
@@ -448,6 +448,11 @@ const Styles = () => {
         display: inline-block;
         margin: 0 2px;
       }
+      .react-datepicker__header__dropdown.react-datepicker__header__dropdown--select {
+        font-weight: 600;
+        line-height: 22px;
+        color: #111111;
+      }
 
       .react-datepicker__current-month,
       .react-datepicker-time__header,
@@ -1471,6 +1476,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 +3116,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 +3267,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;