@majoo-ui/react 1.57.7 → 1.57.9-rc.1

package/components/button/Button.d.ts

@@ -7,6 +7,8 @@ export declare const ButtonPrimitive: import("@stitches/react/types/styled-compo
     iconSize?: "sm" | "md" | "lg" | "xs" | undefined;
     hidden?: boolean | "true" | undefined;
     withIcon?: boolean | "true" | undefined;
+    mobileOnly?: boolean | "true" | undefined;
+    desktopOnly?: boolean | "true" | undefined;
 }, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
@@ -128,7 +130,18 @@ interface AdditionalButtonProps extends React.ComponentPropsWithoutRef<'button'>
      * Specify whether the Button children is icon only , or not
      */
     icon?: boolean;
+    /**
+     * Additional css styles
+     */
     css?: CSS;
+    /**
+     * If the condition is true, the button will only be displayed in mobile view
+     */
+    mobileOnly?: boolean;
+    /**
+     * If the condition is true, the button will only be displayed in desktop view
+     */
+    desktopOnly?: boolean;
 }
 export declare const Button: React.ForwardRefExoticComponent<import("@stitches/react/types/styled-component").TransformProps<{
     buttonType?: "primary" | "secondary" | "ghost" | "ghost-secondary" | "negative" | "negative-secondary" | "negative-ghost" | "headerMenu" | "tableMenu" | undefined;
@@ -136,6 +149,8 @@ export declare const Button: React.ForwardRefExoticComponent<import("@stitches/r
     iconSize?: "sm" | "md" | "lg" | "xs" | undefined;
     hidden?: boolean | "true" | undefined;
     withIcon?: boolean | "true" | undefined;
+    mobileOnly?: boolean | "true" | undefined;
+    desktopOnly?: boolean | "true" | undefined;
 }, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";

package/components/datePicker/InputDatePicker.d.ts

@@ -73,6 +73,14 @@ export interface InputDatePickerProps {
      * Specify an `onChange` handler that is called whenever the InputDatePicker value changes.
      */
     onChange?: (value: any) => void;
+    /**
+     * Specify an `onDateSelected` handler that is which is called only when the user selects a date before submitting.
+     */
+    onDateSelected?: (value: any) => void;
+    /**
+     * Specify an `onClose` handler that is called whenever the InputDatePicker modal is closed.
+     */
+    onClose?: () => void;
     /**
      * Specify the InputDatePicker value.
      */
@@ -130,5 +138,5 @@ export interface InputDatePickerProps {
      */
     portalled?: boolean;
 }
-export declare function InputDatePicker({ type, showRangeControl, rangePickerType, placeholder, size, disabled, onChange, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, css, showTimePicker, timePickerProps, minDate, maxDate, readOnly, isInvalid, allowReset, portalled, }: InputDatePickerProps): JSX.Element;
+export declare function InputDatePicker({ type, showRangeControl, rangePickerType, placeholder, size, disabled, onChange, onDateSelected, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, css, showTimePicker, timePickerProps, minDate, maxDate, readOnly, isInvalid, allowReset, portalled, onClose, }: InputDatePickerProps): JSX.Element;
 export {};

package/components/form/components/InputSelect/InputSelect.d.ts

@@ -701,9 +701,13 @@ interface InputSelectProps extends Omit<DownshiftProps<Option>, 'initialSelected
      */
     noOptionIcon?: boolean;
     /**
-     * Additional CSS styles
+     * Additional CSS InputSelect styles
      */
     css?: CSS;
+    /**
+     * Additional CSS OptionWrapper styles
+     */
+    optionCss?: CSS;
     /**
      * Render custom footer inside option. If onClick not working on mobile, you can using both onClick and onTouchStart.
      */