magneto365.ui 2.45.2 → 2.46.0

package/dist/cjs/types/components/UI/atoms/Checkbox/Checkbox.component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ICheckbox } from './Checkbox.interface';
+export declare const Checkbox: React.FC<ICheckbox>;

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export interface ICheckbox extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    /**
+     * event to controll the change value component.
+     * @param checked
+     * @returns
+     */
+    onChange?: (checked: boolean) => void;
+    /**
+     * change UI behavior with this prop.
+     */
+    type?: 'box' | 'background';
+    /**
+     * change display behavior for checkbox.
+     */
+    display?: 'inline' | 'block';
+}

package/dist/cjs/types/components/UI/atoms/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Checkbox } from './Checkbox.component';
+export * from './Checkbox.interface';

package/dist/cjs/types/components/UI/molecules/MobileDrawer/MobileDrawer.interface.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface IMoblieDrawer {
     className?: string;
     /**
@@ -11,7 +12,7 @@ export interface IMoblieDrawer {
     /**
      * can receive components inside the drawer
      */
-    children: JSX.Element | JSX.Element[];
+    children: JSX.Element | JSX.Element[] | React.ReactNode;
     /**
      * this property blocks fn onClose from background
      */

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ISelect } from './Select.interface';
+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) & {
+    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<{
+        clickOut: boolean;
+        setClickOut: (value: boolean) => void;
+    }>;
+    Drawer: React.FC<import("./children/SelectDrawer").ISelectDrawer>;
+    ListCheck: <T_3>({ className, renderItem, filter }: import("./children/SelectListCheck").ISelect2ListCheck<T_3>) => JSX.Element;
+};

package/dist/cjs/types/components/UI/organism/Select/Select.context.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { ISelect } from './Select.interface';
+export interface ISelectContext<T> {
+    value: ISelect<T>['value'];
+    /**
+     *
+     * @param value
+     * @returns
+     */
+    onChange: (value: ISelectContext<T>['value']) => void;
+    /**
+     * current options to display in select list components.
+     */
+    options: ISelect<T>['options'];
+    /**
+     * input search values, it works for make filters.
+     */
+    search: string;
+    /**
+     * @param search current search input value.
+     * @returns
+     */
+    onSearch: (search: string | ((current: string) => string)) => void;
+    open: boolean;
+    /**
+     *
+     * @param value current state from Drawer (open/close).
+     * @returns
+     */
+    onSwitch: (value: boolean | ((current: boolean) => boolean)) => void;
+}
+export declare const SelectContext: React.Context<ISelectContext<any>>;
+export declare const useSelectContext: <T>() => ISelectContext<T>;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ISelectInput } from './children/SelectInput/SelectInput.interface';
+export interface ISelect<T> {
+    value: IValueSelect<T>[];
+    onChange?: (value: IValueSelect<T>[]) => void;
+    options: IOption<T>[];
+    placeholder?: string;
+    renderSelect?: <T>(props: ISelectInput<T>) => React.ReactNode;
+    inputReadonly?: boolean;
+    children?: React.ReactNode;
+}
+export interface IValueSelect<T> {
+    id: number | string;
+    value: T;
+}
+export interface IOption<T> extends IValueSelect<T> {
+    label?: string;
+}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    clickOut: boolean;
+    setClickOut: (value: boolean) => void;
+};
+declare const _default: React.FC<Props>;
+export default _default;

package/dist/cjs/types/components/UI/organism/Select/children/SelectClickout/index.d.ts

@@ -0,0 +1 @@
+export { default as SelectClickout } from './SelectClickout.component';

package/dist/cjs/types/components/UI/organism/Select/children/SelectDrawer/SelectDrawer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ISelectDrawer } from './SelectDrawer.interface';
+declare const SelectDrawer: React.FC<ISelectDrawer>;
+export default SelectDrawer;

package/dist/cjs/types/components/UI/organism/Select/children/SelectDrawer/SelectDrawer.interface.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface ISelectDrawer {
+    className?: string;
+    children: React.ReactNode;
+}

package/dist/cjs/types/components/UI/organism/Select/children/SelectDrawer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SelectDrawer.interface';
+export { default as SelectDrawer } from './SelectDrawer';

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

@@ -0,0 +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;

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

@@ -0,0 +1,36 @@
+import { IInput } from '@components/UI/molecules/Input/Input.interface';
+import { ISelect, IValueSelect } from '../../Select.interface';
+export interface ISelectInput<T> extends IInput {
+    /**
+     * placeholder for input.
+     */
+    placeholder: IInput['placeholder'];
+    /**
+     * type for input.
+     */
+    type: IInput['type'];
+    /**
+     * to know if the select is open.
+     */
+    open?: boolean;
+    /**
+     * select value.
+     */
+    selected: ISelect<T>['value'];
+    /**
+     * onClick on input container.
+     */
+    onClick: () => void;
+    /**
+     * display values selected in input.
+     */
+    readonly?: boolean;
+    /**
+     * The select value is generic, so for display correctly the label in input
+     * use this function.
+     * @param value current values selected
+     * @default (value) => value.map(select => select.value).join(', ')
+     * @returns
+     */
+    getLabel?: (value: IValueSelect<T>[]) => string;
+}

package/dist/cjs/types/components/UI/organism/Select/children/SelectListCheck/SelectListCheck.component.d.ts

@@ -0,0 +1,2 @@
+import { ISelect2ListCheck } from './SelectListCheck.interface';
+export declare const SelectListCheck: <T>({ className, renderItem, filter }: ISelect2ListCheck<T>) => JSX.Element;

package/dist/cjs/types/components/UI/organism/Select/children/SelectListCheck/SelectListCheck.interface.d.ts

@@ -0,0 +1,8 @@
+import { IOption } from '../../Select.interface';
+export interface ISelect2ListCheck<T> {
+    className?: string;
+    filter?: (option: IOption<T>, searchValue: string, value?: IOption<T> | IOption<T>[] | undefined) => boolean;
+    renderItem?: (option: IOption<T>) => JSX.Element;
+    clickOut?: boolean;
+    setClickOut?: (clickOut: boolean) => void;
+}

package/dist/cjs/types/components/UI/organism/Select/children/SelectListCheck/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectListCheck } from './SelectListCheck.component';
+export * from './SelectListCheck.interface';

package/dist/cjs/types/components/UI/organism/Select/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Select.interface';
+export * from './Select.component';

package/dist/cjs/types/components/UI/organism/index.d.ts

@@ -24,3 +24,4 @@ export * from './OneSelectionEntry';
 export * from './Select2';
 export * from './SimilarJobs';
 export * from './Timeline';
+export * from './Select';

package/dist/cjs/types/constants/stories/Select2Multiple.constants.d.ts

@@ -0,0 +1,5 @@
+export declare const disabiltiesOptions: {
+    id: number;
+    value: string;
+    label: string;
+}[];

package/dist/cjs/types/shared/utils/common/classNames.util.d.ts

@@ -0,0 +1,3 @@
+export declare const classNames: {
+    bind: (stylesObj: Record<string, string | undefined>) => (...params: Array<string | null | undefined | Record<string, boolean | undefined | null>>) => string;
+};

package/dist/cjs/types/shared/utils/common/index.d.ts

@@ -1,2 +1,4 @@
 export * from './formatNumbers.util';
 export * from './dates.util';
+export * from './stub.util';
+export * from './classNames.util';

package/dist/cjs/types/shared/utils/common/stub.util.d.ts

@@ -0,0 +1,2 @@
+export declare const stubTrue: () => boolean;
+export declare const stubUndefined: () => undefined;

package/dist/cjs/types/shared/utils/storybook/withControlField.hoc.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
-export declare const withControlField: (WrappedComponent: React.FC<Record<string, unknown>>) => ({ ...args }: {
-    [x: string]: any;
-}) => JSX.Element;
+declare type ControllerField = {
+    valueNameProp?: string;
+    onChangeNameProp?: string;
+};
+export declare const withControlField: (WrappedComponent: React.FC<Record<string, unknown>>) => ({ onChangeNameProp, valueNameProp, ...args }: Record<string, unknown> & ControllerField) => JSX.Element;
+export {};