@majoo-ui/react 1.61.24 → 1.61.25-rc.2

package/{components → src/components}/editableTable/faker.d.ts

@@ -1,16 +1,16 @@
-declare type ProductType = {
-    name: string;
-    variants: ('Small' | 'Medium' | 'Large')[];
-};
-export interface IProduct {
-    id: number;
-    produk: ProductType;
-    terima_stok: boolean;
-    jumlah: number;
-    satuan: 'cup' | 'pcs';
-    harga_beli: number;
-    total: number;
-    note: string;
-}
-export declare const makeData: (len: number) => IProduct[];
-export {};
+type ProductType = {
+    name: string;
+    variants: ('Small' | 'Medium' | 'Large')[];
+};
+export interface IProduct {
+    id: number;
+    produk: ProductType;
+    terima_stok: boolean;
+    jumlah: number;
+    satuan: 'cup' | 'pcs';
+    harga_beli: number;
+    total: number;
+    note: string;
+}
+export declare const makeData: (len: number) => IProduct[];
+export {};

package/{components → src/components}/editableTable/index.d.ts

@@ -1,2 +1,2 @@
-export { default as EditableTable } from './EditableTable';
-export { MemoizedEditableTable } from './EditableTable';
+export { default as EditableTable } from './EditableTable';
+export { MemoizedEditableTable } from './EditableTable';

package/{components → src/components}/form/components/InputCombobox/InputCombobox.d.ts

@@ -1,43 +1,43 @@
-import * as React from 'react';
-import { CSS } from '../../../../config/stitches.config';
-interface InputComboboxProps extends Partial<Omit<React.ComponentPropsWithoutRef<'input'>, 'size'>> {
-    /**
-     * Array of options.
-     */
-    options: string[];
-    /**
-     * If true, the search icon is shown.
-     */
-    showLeadingIcon?: boolean;
-    /**
-     * Specify the default value.
-     */
-    defaultValue?: string;
-    /**
-     * 	If true, the component is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Specify the input placeholder.
-     */
-    placeholder?: string;
-    /**
-     * Specify the options view placement.
-     */
-    placement?: 'top' | 'bottom';
-    /**
-     * Specify the input size.
-     */
-    size?: 'sm' | 'lg';
-    /**
-     * If true, the input will become invalid state.
-     */
-    isInvalid?: boolean;
-    /**
-     * Called whenever the input value changes.
-     */
-    onValueChange?: (value: string) => void;
-    css?: CSS;
-}
-export declare const InputCombobox: React.ForwardRefExoticComponent<InputComboboxProps & React.RefAttributes<HTMLInputElement>>;
-export {};
+import * as React from 'react';
+import { CSS } from '../../../../config/stitches.config';
+interface InputComboboxProps extends Partial<Omit<React.ComponentPropsWithoutRef<'input'>, 'size'>> {
+    /**
+     * Array of options.
+     */
+    options: string[];
+    /**
+     * If true, the search icon is shown.
+     */
+    showLeadingIcon?: boolean;
+    /**
+     * Specify the default value.
+     */
+    defaultValue?: string;
+    /**
+     * 	If true, the component is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Specify the input placeholder.
+     */
+    placeholder?: string;
+    /**
+     * Specify the options view placement.
+     */
+    placement?: 'top' | 'bottom';
+    /**
+     * Specify the input size.
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * If true, the input will become invalid state.
+     */
+    isInvalid?: boolean;
+    /**
+     * Called whenever the input value changes.
+     */
+    onValueChange?: (value: string) => void;
+    css?: CSS;
+}
+export declare const InputCombobox: React.ForwardRefExoticComponent<InputComboboxProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/{components → src/components}/form/components/InputCombobox/index.d.ts

@@ -1 +1 @@
-export * from './InputCombobox';
+export * from './InputCombobox';

package/{components → src/components}/form/components/InputCounter/InputCounter.d.ts

@@ -1,58 +1,58 @@
-import React from 'react';
-import { CSS } from '../../../../config/stitches.config';
-interface CounterProps {
-    /**
-     * Counter value.
-     */
-    value?: number;
-    /**
-     * Input counter size.
-     */
-    size: 'sm' | 'md' | 'lg';
-    /**
-     * Change event handler.
-     */
-    onChange?: (e: number) => void;
-    /**
-     * minimum value of a counter.
-     */
-    min?: number;
-    /**
-     * maximum value of a counter.
-     */
-    max?: number;
-    /**
-     * allow counter to return negative value.
-     */
-    allowNegative?: boolean;
-    /**
-     * disabled state of a counter.
-     */
-    disabled?: boolean;
-    /**
-     * disabled state increment button.
-     */
-    disabledIncrement?: boolean;
-    /**
-     * disabled state decrement button.
-     */
-    disabledDecrement?: boolean;
-    /**
-     * Additional css style.
-     */
-    css?: CSS;
-    /**
-     * add prefix to input.
-     */
-    prefix?: string;
-    /**
-     * add suffix to input.
-     */
-    suffix?: string;
-    /**
-     * disable manual input.
-     */
-    disableManualInput?: boolean;
-}
-declare const InputCounter: React.ForwardRefExoticComponent<CounterProps & React.RefAttributes<unknown>>;
-export default InputCounter;
+import React from 'react';
+import { CSS } from '../../../../config/stitches.config';
+interface CounterProps {
+    /**
+     * Counter value.
+     */
+    value?: number;
+    /**
+     * Input counter size.
+     */
+    size: 'sm' | 'md' | 'lg';
+    /**
+     * Change event handler.
+     */
+    onChange?: (e: number) => void;
+    /**
+     * minimum value of a counter.
+     */
+    min?: number;
+    /**
+     * maximum value of a counter.
+     */
+    max?: number;
+    /**
+     * allow counter to return negative value.
+     */
+    allowNegative?: boolean;
+    /**
+     * disabled state of a counter.
+     */
+    disabled?: boolean;
+    /**
+     * disabled state increment button.
+     */
+    disabledIncrement?: boolean;
+    /**
+     * disabled state decrement button.
+     */
+    disabledDecrement?: boolean;
+    /**
+     * Additional css style.
+     */
+    css?: CSS;
+    /**
+     * add prefix to input.
+     */
+    prefix?: string;
+    /**
+     * add suffix to input.
+     */
+    suffix?: string;
+    /**
+     * disable manual input.
+     */
+    disableManualInput?: boolean;
+}
+declare const InputCounter: React.ForwardRefExoticComponent<CounterProps & React.RefAttributes<unknown>>;
+export default InputCounter;

package/{components → src/components}/form/components/InputCounter/index.d.ts

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

package/{components → src/components}/form/components/InputDateRange/InputDateRange.d.ts

@@ -1,39 +1,39 @@
-import * as React from 'react';
-import { CSS } from '../../../../config/stitches.config';
-import { InputSelectProps } from '..';
-interface InputDateRangeProps extends InputSelectProps {
-    /**
-     * Specify the InputDateRange placeholder.
-     */
-    placeholder?: string;
-    /**
-     * Specify an `onChange` handler that is called whenever the InputDateRange value changes.
-     */
-    onChange?: (value: any) => void;
-    /**
-     * Specify the input size.
-     */
-    size?: 'sm' | 'lg';
-    /**
-     * 	If true, the component is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Specify the options view placement.
-     */
-    placement?: 'bottom' | 'top';
-    /**
-     * 	If true, the input will become read-only state.
-     */
-    readOnly?: boolean;
-    /**
-     * If true, the input will become invalid state.
-     */
-    isInvalid?: boolean;
-    /**
-     * Additional CSS InputDateRange styles
-     */
-    css?: CSS;
-}
-export declare const InputDateRange: React.ForwardRefExoticComponent<InputDateRangeProps & React.RefAttributes<HTMLInputElement>>;
-export default InputDateRange;
+import * as React from 'react';
+import { CSS } from '../../../../config/stitches.config';
+import { InputSelectProps } from '..';
+interface InputDateRangeProps extends InputSelectProps {
+    /**
+     * Specify the InputDateRange placeholder.
+     */
+    placeholder?: string;
+    /**
+     * Specify an `onChange` handler that is called whenever the InputDateRange value changes.
+     */
+    onChange?: (value: any) => void;
+    /**
+     * Specify the input size.
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * 	If true, the component is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Specify the options view placement.
+     */
+    placement?: 'bottom' | 'top';
+    /**
+     * 	If true, the input will become read-only state.
+     */
+    readOnly?: boolean;
+    /**
+     * If true, the input will become invalid state.
+     */
+    isInvalid?: boolean;
+    /**
+     * Additional CSS InputDateRange styles
+     */
+    css?: CSS;
+}
+export declare const InputDateRange: React.ForwardRefExoticComponent<InputDateRangeProps & React.RefAttributes<HTMLInputElement>>;
+export default InputDateRange;

package/{components → src/components}/form/components/InputDateRange/index.d.ts

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

package/{components → src/components}/form/components/InputElement/index.d.ts

@@ -1 +1 @@
-export { InputRightElement, InputLeftElement } from './InputElement';
+export { InputRightElement, InputLeftElement } from './InputElement';

package/{components → src/components}/form/components/InputGroup/index.d.ts

@@ -1 +1 @@
-export { InputGroup } from './InputGroup';
+export { InputGroup } from './InputGroup';

package/{components → src/components}/form/components/InputOTP/InputOTP.d.ts

@@ -1,108 +1,108 @@
-import React from 'react';
-interface InputOTPProps {
-    /**
-     * Number of input boxes.
-     */
-    OTPLength?: number;
-    /**
-     * Returns OTP code typed in inputs.
-     */
-    onChange: (value: string | number) => void;
-    /**
-     * The value of the otp passed into the component.
-     */
-    value: string | number;
-    /**
-     * Disables all the inputs.
-     */
-    disabled?: boolean;
-    /**
-     * Auto focuses input on initial page load.
-     */
-    autoFocus?: boolean;
-    /**
-     * any - allows any value. number - allow only numbers. alpha - allows only a-zA-Z. alphanumeric - allows 0-9a-zA-z.
-     */
-    otpType?: 'any' | 'number' | 'alpha' | 'alphanumeric';
-    /**
-     * Change input type to password.
-     */
-    secure?: boolean;
-    /**
-     * Class for input element.
-     */
-    inputClassName?: string;
-    /**
-     * Class for root element.
-     */
-    className?: string;
-    /**
-     * Styles for input element.
-     */
-    inputStyles?: object;
-    /**
-     * Styles for root element.
-     */
-    style?: object;
-    /**
-     * Placeholder value of each input.
-     */
-    placeholder?: string[];
-    /**
-     * Error state input OTP.
-     */
-    isError?: boolean;
-}
-declare function InputOTP(props: InputOTPProps): JSX.Element;
-declare namespace InputOTP {
-    var defaultProps: {
-        OTPLength: number;
-        value: string;
-        disabled: boolean;
-        autoFocus: boolean;
-        otpType: string;
-        secure: boolean;
-    };
-}
-export default InputOTP;
-interface ResendOTPProps {
-    /**
-     * Timer that user has to wait before resend otp gets active.
-     */
-    maxTime?: number;
-    /**
-     * Function get triggers when user click on resend otp button. But when button is disabled(i.e. time is not completed) it won't get trigger.
-     */
-    onResendClick: () => void;
-    /**
-     * An optional callback when timer completes.
-     */
-    onTimerComplete?: () => void;
-    /**
-     * You can change time interval.
-     */
-    timeInterval?: number;
-    /**
-     * You can use your own component for seconds. Function will get remainingTime as props you can use it to show timer.
-     */
-    renderTime?: (remainingTime: number) => React.ReactElement;
-    /**
-     * You can use your own component for resend button. Function will get disabled and onClick function and remainingTime as props you can pass it to your component.
-     */
-    renderButton?: (buttonProps: object) => void;
-    /**
-     * For changing root component inline styles.
-     */
-    style?: object;
-    /**
-     * For adding class to root component.
-     */
-    className?: string;
-}
-export declare function ResendOTP(props: ResendOTPProps): JSX.Element;
-export declare namespace ResendOTP {
-    var defaultProps: {
-        maxTime: number;
-        timeInterval: number;
-    };
-}
+import React from 'react';
+interface InputOTPProps {
+    /**
+     * Number of input boxes.
+     */
+    OTPLength?: number;
+    /**
+     * Returns OTP code typed in inputs.
+     */
+    onChange: (value: string | number) => void;
+    /**
+     * The value of the otp passed into the component.
+     */
+    value: string | number;
+    /**
+     * Disables all the inputs.
+     */
+    disabled?: boolean;
+    /**
+     * Auto focuses input on initial page load.
+     */
+    autoFocus?: boolean;
+    /**
+     * any - allows any value. number - allow only numbers. alpha - allows only a-zA-Z. alphanumeric - allows 0-9a-zA-z.
+     */
+    otpType?: 'any' | 'number' | 'alpha' | 'alphanumeric';
+    /**
+     * Change input type to password.
+     */
+    secure?: boolean;
+    /**
+     * Class for input element.
+     */
+    inputClassName?: string;
+    /**
+     * Class for root element.
+     */
+    className?: string;
+    /**
+     * Styles for input element.
+     */
+    inputStyles?: object;
+    /**
+     * Styles for root element.
+     */
+    style?: object;
+    /**
+     * Placeholder value of each input.
+     */
+    placeholder?: string[];
+    /**
+     * Error state input OTP.
+     */
+    isError?: boolean;
+}
+declare function InputOTP(props: InputOTPProps): JSX.Element;
+declare namespace InputOTP {
+    var defaultProps: {
+        OTPLength: number;
+        value: string;
+        disabled: boolean;
+        autoFocus: boolean;
+        otpType: string;
+        secure: boolean;
+    };
+}
+export default InputOTP;
+interface ResendOTPProps {
+    /**
+     * Timer that user has to wait before resend otp gets active.
+     */
+    maxTime?: number;
+    /**
+     * Function get triggers when user click on resend otp button. But when button is disabled(i.e. time is not completed) it won't get trigger.
+     */
+    onResendClick: () => void;
+    /**
+     * An optional callback when timer completes.
+     */
+    onTimerComplete?: () => void;
+    /**
+     * You can change time interval.
+     */
+    timeInterval?: number;
+    /**
+     * You can use your own component for seconds. Function will get remainingTime as props you can use it to show timer.
+     */
+    renderTime?: (remainingTime: number) => React.ReactElement;
+    /**
+     * You can use your own component for resend button. Function will get disabled and onClick function and remainingTime as props you can pass it to your component.
+     */
+    renderButton?: (buttonProps: object) => void;
+    /**
+     * For changing root component inline styles.
+     */
+    style?: object;
+    /**
+     * For adding class to root component.
+     */
+    className?: string;
+}
+export declare function ResendOTP(props: ResendOTPProps): JSX.Element;
+export declare namespace ResendOTP {
+    var defaultProps: {
+        maxTime: number;
+        timeInterval: number;
+    };
+}

package/{components → src/components}/form/components/InputOTP/index.d.ts

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

package/{components → src/components}/form/components/InputResourceList/InputResourceList.d.ts

@@ -1,39 +1,39 @@
-/// <reference types="react" />
-import type * as Stitches from '@stitches/react';
-export interface IResource {
-    value: string;
-    label: string;
-    variants?: string[];
-    description?: string;
-    subLabel?: string;
-    icon?: () => JSX.Element;
-    disabled?: boolean;
-}
-export interface InputResourceListProps {
-    data: IResource[];
-    disabled: boolean;
-    onChange(checkedItems: (string | IResource)[]): void;
-    searchPlaceholder?: string;
-    counterFooter?: boolean;
-    counterFooterText?: string;
-    isLoading: boolean;
-    disabledItems?: string[];
-    emptyDataMessage?: string;
-    value?: (string | IResource)[];
-    fetchData?(props: {
-        query?: string;
-        pageIndex?: number;
-    }): void;
-    onQueryChange?(query: string): void;
-    css?: Stitches.CSS;
-    wrapperCss?: Stitches.CSS;
-    defaultSort?: 'asc' | 'desc';
-    title?: string;
-    hideSelectAll?: boolean;
-    renderSelectAll?: JSX.Element;
-    customHeader?: JSX.Element;
-    expandable?: boolean;
-    searchable?: boolean;
-}
-declare function InputResourceList({ data: dataProp, disabled, onChange, searchPlaceholder, counterFooter, counterFooterText, isLoading, disabledItems, emptyDataMessage, value, fetchData, onQueryChange, css, wrapperCss, defaultSort, title, hideSelectAll, renderSelectAll, customHeader, expandable, searchable, }: InputResourceListProps): JSX.Element;
-export default InputResourceList;
+/// <reference types="react" />
+import type * as Stitches from '@stitches/react';
+export interface IResource {
+    value: string;
+    label: string;
+    variants?: string[];
+    description?: string;
+    subLabel?: string;
+    icon?: () => JSX.Element;
+    disabled?: boolean;
+}
+export interface InputResourceListProps {
+    data: IResource[];
+    disabled: boolean;
+    onChange(checkedItems: (string | IResource)[]): void;
+    searchPlaceholder?: string;
+    counterFooter?: boolean;
+    counterFooterText?: string;
+    isLoading: boolean;
+    disabledItems?: string[];
+    emptyDataMessage?: string;
+    value?: (string | IResource)[];
+    fetchData?(props: {
+        query?: string;
+        pageIndex?: number;
+    }): void;
+    onQueryChange?(query: string): void;
+    css?: Stitches.CSS;
+    wrapperCss?: Stitches.CSS;
+    defaultSort?: 'asc' | 'desc';
+    title?: string;
+    hideSelectAll?: boolean;
+    renderSelectAll?: JSX.Element;
+    customHeader?: JSX.Element;
+    expandable?: boolean;
+    searchable?: boolean;
+}
+declare function InputResourceList({ data: dataProp, disabled, onChange, searchPlaceholder, counterFooter, counterFooterText, isLoading, disabledItems, emptyDataMessage, value, fetchData, onQueryChange, css, wrapperCss, defaultSort, title, hideSelectAll, renderSelectAll, customHeader, expandable, searchable, }: InputResourceListProps): JSX.Element;
+export default InputResourceList;

package/{components → src/components}/form/components/InputSelect/index.d.ts

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

package/{components → src/components}/form/components/InputSelectCheck/OptionGroupItem.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export default function OptionGroupItem({ item, children }: {
-    item: any;
-    children: any;
-}): JSX.Element;
+/// <reference types="react" />
+export default function OptionGroupItem({ item, children }: {
+    item: any;
+    children: any;
+}): JSX.Element;