@majoo-ui/react 1.52.4 → 1.52.6

package/components/editableTable/EditableTable.d.ts

@@ -31,6 +31,32 @@ interface EditableTableProps<Data extends object> {
      * Additional customize one of the rows based on the specified condition
      */
     customRows?: (row: Row<object>) => CustomRows[];
+    /**
+     * Show checkbox table selection.
+     */
+    showCheckbox?: boolean;
+    /**
+     * Change event handler table selection.
+     */
+    onSelectedChange?: (data: any) => void;
+    /**
+     * Checkbox callback props.
+     */
+    getCheckboxProps?: (data: any) => void;
+    /**
+     * 	Row's unique key (for selectedIds & onSelectedChange purpose).
+     */
+    keyId?: string;
+    /**
+     * Selected data id (based on the keyId prop).
+     * Example:<br/>
+     * {
+     *   '8192389219289': true,
+     *   '2130912039281': true,
+     *   '2130912039382': true
+     * }
+     */
+    selectedIds?: Record<string, boolean>;
 }
 interface RemoveProps {
     position?: 'leftBottom' | 'rightBottom' | 'leftTop' | 'rightTop';

package/components/form/components/InputCounter/InputCounter.d.ts

@@ -25,6 +25,14 @@ interface CounterProps {
      * disabled state of a counter.
      */
     disabled?: boolean;
+    /**
+     * disabled state increment button.
+     */
+    disabledIncrement?: boolean;
+    /**
+     * disabled state decrement button.
+     */
+    disabledDecrement?: boolean;
     /**
      * Additional css style.
      */

package/components/upload/utils/canvasPreview.d.ts

@@ -1,2 +1,2 @@
 import { PixelCrop } from 'react-image-crop';
-export declare function canvasPreview(image: HTMLImageElement, canvas: HTMLCanvasElement, crop: PixelCrop, scale?: number, rotate?: number): Promise<void>;
+export declare function canvasPreview(image: HTMLImageElement, canvas: HTMLCanvasElement, crop: PixelCrop, scale: number | undefined, rotate: number | undefined, ratio: any): Promise<void>;

package/index.esm.css

@@ -248,11 +248,9 @@
 }
 
 .rdw-option-wrapper {
-  /* border: 1px solid #f1f1f1; */
   padding: 5px;
   min-width: 25px;
-  height: 20px;
-  border-radius: 2px;
+  border-radius: 4px;
   margin: 0 4px;
   display: flex;
   justify-content: center;
@@ -262,13 +260,14 @@
   text-transform: capitalize;
 }
 .rdw-option-wrapper:hover {
-  box-shadow: 1px 1px 0px #bfbdbd;
+  background-color: #f4f5f5;
 }
 .rdw-option-wrapper:active {
   box-shadow: 1px 1px 0px #bfbdbd inset;
 }
 .rdw-option-active {
   box-shadow: 1px 1px 0px #bfbdbd inset;
+  background-color: #f4f5f5;
 }
 .rdw-option-disabled {
   opacity: 0.3;
@@ -279,7 +278,6 @@
   height: 30px;
   background: white;
   cursor: pointer;
-  border: 1px solid #f1f1f1;
   border-radius: 2px;
   margin: 0 3px;
   text-transform: capitalize;
@@ -289,11 +287,11 @@
   outline: none;
 }
 .rdw-dropdown-wrapper:hover {
-  box-shadow: 1px 1px 0px #bfbdbd;
-  background-color: #ffffff;
+  background-color: #f4f5f5;
 }
 .rdw-dropdown-wrapper:active {
   box-shadow: 1px 1px 0px #bfbdbd inset;
+  background-color: #f4f5f5;
 }
 .rdw-dropdown-carettoopen {
   height: 0px;
@@ -1202,7 +1200,6 @@
 }
 .public-DraftStyleDefault-ltr {
   direction: ltr;
-  /* text-align: left; */
 }
 .public-DraftStyleDefault-rtl {
   direction: rtl;