magneto365.ui 2.48.1 → 2.48.4

package/dist/esm/types/components/UI/atoms/Checkbox/Checkbox.interface.d.ts

@@ -14,4 +14,13 @@ export interface ICheckbox extends Omit<React.InputHTMLAttributes<HTMLInputEleme
      * change display behavior for checkbox.
      */
     display?: 'inline' | 'block';
+    /**
+     * renderProp to create check component.
+     * @param props
+     * @returns
+     */
+    renderCheck?: (props: {
+        checked: ICheckbox['checked'];
+        type: ICheckbox['type'];
+    }) => React.ReactNode;
 }

package/dist/esm/types/components/UI/organism/Select/Select.component.d.ts

@@ -5,13 +5,14 @@ import { ISelectInput } from './children/SelectInput/SelectInput.interface';
  * @experimental this component is early, so that the interface component and behavrior could change.
  * @deprecated this function will change soon.
  */
-export declare const Select: (<T>({ children, renderSelect, placeholder, options, value, onChange, inputReadonly }: ISelect<T>) => JSX.Element) & {
+export declare const Select: (<T>({ children, renderSelect, placeholder, options, value, onChange, inputReadonly, className, getLabel }: ISelect<T>) => JSX.Element) & {
     useContext: <T_1>() => import("./Select.context").ISelectContext<T_1>;
-    Input: <T_2>({ onChange, value, className, onClick, open, actionIcon, selected, getLabel, readOnly, ...rest }: ISelectInput<T_2>) => JSX.Element;
-    Clickout: React.FC<{
+    Input: <T_2>({ onChange, value, className, onClick, open, actionIcon, selected, getLabel, readOnly, disabled, placeholder, type, ...rest }: ISelectInput<T_2>) => JSX.Element;
+    Clickout: React.FC<Omit<{
         clickOut: boolean;
         setClickOut: (value: boolean) => void;
-    }>;
+        children?: React.ReactNode;
+    }, "clickOut" | "setClickOut">>;
     Drawer: React.FC<import("./children/SelectDrawer").ISelectDrawer>;
     ListCheck: <T_3>({ className, renderItem, filter }: import("./children/SelectListCheck").ISelect2ListCheck<T_3>) => JSX.Element;
 };

package/dist/esm/types/components/UI/organism/Select/Select.interface.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 import { ISelectInput } from './children/SelectInput/SelectInput.interface';
 export interface ISelect<T> {
+    className?: string;
+    getLabel?: ISelectInput<T>['getLabel'];
     value: IValueSelect<T>[];
     onChange?: (value: IValueSelect<T>[]) => void;
     options: IOption<T>[];

package/dist/esm/types/components/UI/organism/Select/children/SelectClickout/SelectClickout.component.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 declare type Props = {
     clickOut: boolean;
     setClickOut: (value: boolean) => void;
+    children?: React.ReactNode;
 };
-declare const _default: React.FC<Props>;
+declare const _default: React.FC<Omit<Props, "clickOut" | "setClickOut">>;
 export default _default;

package/dist/esm/types/components/UI/organism/Select/children/SelectInput/SelectInput.component.d.ts

@@ -1,2 +1,2 @@
 import { ISelectInput } from './SelectInput.interface';
-export declare const SelectInput: <T>({ onChange, value, className, onClick, open, actionIcon, selected, getLabel, readOnly, ...rest }: ISelectInput<T>) => JSX.Element;
+export declare const SelectInput: <T>({ onChange, value, className, onClick, open, actionIcon, selected, getLabel, readOnly, disabled, placeholder, type, ...rest }: ISelectInput<T>) => JSX.Element;

package/dist/esm/types/components/UI/organism/Select/children/SelectInput/SelectInput.interface.d.ts

@@ -1,14 +1,22 @@
-import { IInput } from '@components/UI/molecules/Input/Input.interface';
+import { IInput } from '../../../../molecules/Input/Input.interface';
 import { ISelect, IValueSelect } from '../../Select.interface';
-export interface ISelectInput<T> extends IInput {
+export interface ISelectInput<T> extends Omit<IInput, 'onChange' | 'value' | 'placeholder' | 'type'> {
+    /**
+     * input value.
+     */
+    value?: IInput['value'];
+    /**
+     * event to request change.
+     */
+    onChange?: IInput['onChange'];
     /**
      * placeholder for input.
      */
-    placeholder: IInput['placeholder'];
+    placeholder?: IInput['placeholder'];
     /**
      * type for input.
      */
-    type: IInput['type'];
+    type?: IInput['type'];
     /**
      * to know if the select is open.
      */
@@ -16,11 +24,11 @@ export interface ISelectInput<T> extends IInput {
     /**
      * select value.
      */
-    selected: ISelect<T>['value'];
+    selected?: ISelect<T>['value'];
     /**
      * onClick on input container.
      */
-    onClick: () => void;
+    onClick?: () => void;
     /**
      * display values selected in input.
      */

package/dist/index.d.ts

@@ -17,7 +17,6 @@ import { IJobVideo as IJobVideo$1 } from '@components/UI/molecules/JobVideo';
 import { IMobileDatePicker as IMobileDatePicker$2 } from '@components/UI/organism/MobileDatePicker/MobileDatePicker.interface';
 import { IActions as IActions$1 } from '@components/UI/molecules/Actions';
 import { INavMenuAnalystProps as INavMenuAnalystProps$1 } from '@components/UI/organism/NavMenuAnalyst';
-import { IInput as IInput$1 } from '@components/UI/molecules/Input/Input.interface';
 import { IJobCard as IJobCard$1 } from '@components/UI/molecules/JobCard/JobCard.interface';
 import { ISortBar as ISortBar$1 } from '@components/UI/template/SortBar/SortBar.interface';
 import { ISideFilter as ISideFilter$1 } from '@components/UI/template';
@@ -3850,15 +3849,23 @@ declare type StepDetails = {
 
 declare const Timeline: React$1.FC<ITimelineProps>;
 
-interface ISelectInput<T> extends IInput$1 {
+interface ISelectInput<T> extends Omit<IInput, 'onChange' | 'value' | 'placeholder' | 'type'> {
+    /**
+     * input value.
+     */
+    value?: IInput['value'];
+    /**
+     * event to request change.
+     */
+    onChange?: IInput['onChange'];
     /**
      * placeholder for input.
      */
-    placeholder: IInput$1['placeholder'];
+    placeholder?: IInput['placeholder'];
     /**
      * type for input.
      */
-    type: IInput$1['type'];
+    type?: IInput['type'];
     /**
      * to know if the select is open.
      */
@@ -3866,11 +3873,11 @@ interface ISelectInput<T> extends IInput$1 {
     /**
      * select value.
      */
-    selected: ISelect<T>['value'];
+    selected?: ISelect<T>['value'];
     /**
      * onClick on input container.
      */
-    onClick: () => void;
+    onClick?: () => void;
     /**
      * display values selected in input.
      */
@@ -3886,6 +3893,8 @@ interface ISelectInput<T> extends IInput$1 {
 }
 
 interface ISelect<T> {
+    className?: string;
+    getLabel?: ISelectInput<T>['getLabel'];
     value: IValueSelect<T>[];
     onChange?: (value: IValueSelect<T>[]) => void;
     options: IOption<T>[];
@@ -3949,13 +3958,14 @@ interface ISelectContext<T> {
  * @experimental this component is early, so that the interface component and behavrior could change.
  * @deprecated this function will change soon.
  */
-declare const Select: (<T>({ children, renderSelect, placeholder, options, value, onChange, inputReadonly }: ISelect<T>) => JSX.Element) & {
+declare const Select: (<T>({ children, renderSelect, placeholder, options, value, onChange, inputReadonly, className, getLabel }: ISelect<T>) => JSX.Element) & {
     useContext: <T_1>() => ISelectContext<T_1>;
-    Input: <T_2>({ onChange, value, className, onClick, open, actionIcon, selected, getLabel, readOnly, ...rest }: ISelectInput<T_2>) => JSX.Element;
-    Clickout: React$1.FC<{
+    Input: <T_2>({ onChange, value, className, onClick, open, actionIcon, selected, getLabel, readOnly, disabled, placeholder, type, ...rest }: ISelectInput<T_2>) => JSX.Element;
+    Clickout: React$1.FC<Omit<{
         clickOut: boolean;
         setClickOut: (value: boolean) => void;
-    }>;
+        children?: React$1.ReactNode;
+    }, "clickOut" | "setClickOut">>;
     Drawer: React$1.FC<ISelectDrawer>;
     ListCheck: <T_3>({ className, renderItem, filter }: ISelect2ListCheck<T_3>) => JSX.Element;
 };

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/W170/talenta.magneto365.ui.git"
   },
-  "version": "2.48.1",
+  "version": "2.48.4",
   "description": "Magneto365 UI common components",
   "scripts": {
     "lint": "eslint ./src --ext .js,.ts,.jsx,.tsx",