@orfium/ictinus 5.4.1 → 5.5.1

package/dist/src/components/Controls/CheckBox/CheckBox.d.ts

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+import { CheckboxAria } from 'react-aria';
+import { TestProps } from 'utils/types';
+import { LabelConfig } from '../Controls.types';
+
+export type CheckBoxProps = Partial<CheckboxAria> & {
+    /** Id property of the checkbox input */
+    id?: string;
+    /** The value of the checkbox input */
+    value?: string;
+    /** Callback for when the element's selection state changes. */
+    onChange?: (isSelected: boolean) => void;
+    /** Whether the checkbox is indeterminately selected. */
+    isIndeterminate?: boolean;
+    /** Label configuration; includes placement, size, helpText and sx */
+    labelConfig?: LabelConfig;
+    children?: React.ReactNode;
+} & TestProps;
+declare const CheckBox: React.ForwardRefExoticComponent<Partial<CheckboxAria> & {
+    /** Id property of the checkbox input */
+    id?: string;
+    /** The value of the checkbox input */
+    value?: string;
+    /** Callback for when the element's selection state changes. */
+    onChange?: (isSelected: boolean) => void;
+    /** Whether the checkbox is indeterminately selected. */
+    isIndeterminate?: boolean;
+    /** Label configuration; includes placement, size, helpText and sx */
+    labelConfig?: LabelConfig;
+    children?: React.ReactNode;
+} & TestProps & React.RefAttributes<HTMLInputElement>>;
+export default CheckBox;

package/dist/src/components/Controls/CheckBox/CheckBox.stories.d.ts

@@ -0,0 +1,99 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Partial<import('react-aria').CheckboxAria> & {
+        id?: string;
+        value?: string;
+        onChange?: (isSelected: boolean) => void;
+        isIndeterminate?: boolean;
+        labelConfig?: import('../Controls.types').LabelConfig;
+        children?: import('react').ReactNode;
+    } & import('../../..').TestProps & import('react').RefAttributes<HTMLInputElement>>;
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+    };
+    args: {
+        helpText: string;
+        placement: string;
+        size: string;
+    };
+    argTypes: {
+        placement: {
+            type: string;
+            options: string[];
+        };
+        size: {
+            name: string;
+            type: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const SimpleCheckBox: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const IndeterminateCheckBox: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const CheckBoxLabelPlacement: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const CheckBoxLabelSizes: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const CheckBoxLabelHelptext: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const DisabledCheckBox: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const Playground: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+};

package/dist/src/components/Controls/CheckBox/CheckBox.style.d.ts

@@ -0,0 +1,7 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+import { CheckBoxProps } from './CheckBox';
+import { LabelConfig } from '../Controls.types';
+
+export declare const checkboxWrapperStyles: ({ placement, sx, isDisabled, }: Pick<LabelConfig, 'placement' | 'sx'> & Pick<CheckBoxProps, 'isDisabled'>) => (theme: Theme) => SerializedStyles;
+export declare const checkboxStyles: () => (theme: Theme) => SerializedStyles;

package/dist/src/components/Controls/CheckBox/CheckBox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Controls/CheckBox/index.d.ts

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

package/dist/src/components/Controls/ControlLabel/ControlLabel.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { TestProps } from 'utils/types';
+import { LabelConfig } from '../Controls.types';
+
+type Props = Pick<LabelConfig, 'size' | 'helpText'> & TestProps;
+declare const ControlLabel: React.FCC<Props>;
+export default ControlLabel;

package/dist/src/components/Controls/ControlLabel/ControlLabel.style.d.ts

@@ -0,0 +1,7 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+import { LabelConfig } from '../Controls.types';
+
+export declare const labelContainerStyles: () => (theme: Theme) => SerializedStyles;
+export declare const labelStyles: ({ size }: Pick<LabelConfig, 'size'>) => (theme: Theme) => SerializedStyles;
+export declare const helpTextStyles: () => (theme: Theme) => SerializedStyles;

package/dist/src/components/Controls/ControlLabel/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ControlLabel';

package/dist/src/components/Controls/Controls.tokens.d.ts

@@ -0,0 +1,6 @@
+import { default as controls } from '../../theme/tokens/components/variables/controls';
+import { DotKeys } from '../../theme/tokens/utils';
+import { Theme } from '../../theme';
+
+export type ControlsTokens = DotKeys<typeof controls>;
+export declare const getControlsTokens: (theme: Theme) => (path: "switch.height.track" | "switch.width.track", fn?: (val: string) => unknown) => any;

package/dist/src/components/Controls/Controls.types.d.ts

@@ -0,0 +1,12 @@
+import { CSSObject } from '@emotion/react';
+
+export type LabelConfig = {
+    /** Sets the label's placement */
+    placement?: 'left' | 'right';
+    /** Sets the label's size */
+    size?: 'normal' | 'large';
+    /** Helptext rendered under the label */
+    helpText?: string;
+    /** Styles that will apply on the container that holds the control input and the label */
+    sx?: CSSObject;
+};

package/dist/src/components/Controls/Radio/Radio.d.ts

@@ -0,0 +1,23 @@
+import { RadioAria } from 'react-aria';
+import { TestProps } from 'utils/types';
+import { LabelConfig } from '../Controls.types';
+import * as React from 'react';
+export type RadioProps = Partial<RadioAria> & {
+    /** Id property of the radio input */
+    id?: string;
+    /** The value of the radio input */
+    value: string;
+    /** Label configuration; includes placement, size, helpText and sx */
+    labelConfig?: LabelConfig;
+    children?: React.ReactNode;
+} & TestProps;
+declare const Radio: React.ForwardRefExoticComponent<Partial<RadioAria> & {
+    /** Id property of the radio input */
+    id?: string;
+    /** The value of the radio input */
+    value: string;
+    /** Label configuration; includes placement, size, helpText and sx */
+    labelConfig?: LabelConfig;
+    children?: React.ReactNode;
+} & TestProps & React.RefAttributes<HTMLInputElement>>;
+export default Radio;

package/dist/src/components/Controls/Radio/Radio.stories.d.ts

@@ -0,0 +1,89 @@
+import { default as React } from 'react';
+
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Partial<import('react-aria').RadioAria> & {
+        id?: string;
+        value: string;
+        labelConfig?: import('../Controls.types').LabelConfig;
+        children?: React.ReactNode;
+    } & import('../../..').TestProps & React.RefAttributes<HTMLInputElement>>;
+    args: {
+        helpText: string;
+        placement: string;
+        size: string;
+    };
+    argTypes: {
+        placement: {
+            type: string;
+            options: string[];
+        };
+        size: {
+            name: string;
+            type: string;
+            options: string[];
+        };
+    };
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+    };
+};
+export default _default;
+export declare const RadioGroupStory: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const RadioLabelPlacement: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const RadioLabelSizes: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const RadioWithHelptext: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const DisabledRadio: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const Playground: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+};

package/dist/src/components/Controls/Radio/Radio.style.d.ts

@@ -0,0 +1,7 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+import { LabelConfig } from '../Controls.types';
+
+export declare const radioContainerStyles: ({ placement, sx, isFocusVisible, }: Pick<LabelConfig, 'placement' | 'sx'> & {
+    isFocusVisible?: boolean;
+}) => (theme: Theme) => SerializedStyles;

package/dist/src/components/Controls/Radio/Radio.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Controls/Radio/components/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,27 @@
+import { CSSObject } from '@emotion/react';
+import { TestProps } from 'utils/types';
+
+import * as React from 'react';
+export type Props = {
+    /** The current selected value */
+    value?: string;
+    /** Callback that is called when the value changes. */
+    onChange?: (value: string) => void;
+    /** Whether the whole RadioGroup is disabled */
+    isDisabled?: boolean;
+    /** Styles that will apply on the RadioGroup container */
+    sx?: CSSObject;
+    children?: React.ReactNode;
+} & TestProps;
+declare const RadioGroup: React.ForwardRefExoticComponent<{
+    /** The current selected value */
+    value?: string;
+    /** Callback that is called when the value changes. */
+    onChange?: (value: string) => void;
+    /** Whether the whole RadioGroup is disabled */
+    isDisabled?: boolean;
+    /** Styles that will apply on the RadioGroup container */
+    sx?: CSSObject;
+    children?: React.ReactNode;
+} & TestProps & React.RefAttributes<HTMLDivElement>>;
+export default RadioGroup;

package/dist/src/components/Controls/Radio/components/RadioGroup/RadioGroupContext.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { RadioGroupState } from 'react-stately';
+
+export declare const RadioContext: React.Context<RadioGroupState>;
+export declare const useRadioGroupContent: () => RadioGroupState;

package/dist/src/components/Controls/Radio/components/RadioGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './RadioGroup';
+export { RadioContext, useRadioGroupContent } from './RadioGroupContext';

package/dist/src/components/Controls/Radio/index.d.ts

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

package/dist/src/components/Controls/Switch/Switch.d.ts

@@ -0,0 +1,27 @@
+import { SwitchAria } from 'react-aria';
+import { TestProps } from 'utils/types';
+import { LabelConfig } from '../Controls.types';
+import * as React from 'react';
+export type SwitchProps = Partial<SwitchAria> & {
+    /** Id property of the switch element */
+    id?: string;
+    /** The value of the switch element */
+    value?: string;
+    /** Callback for when the element's selection state changes. */
+    onChange?: (isSelected: boolean) => void;
+    /** Label configuration; includes placement, size, helpText and sx */
+    labelConfig?: LabelConfig;
+    children?: React.ReactNode;
+} & TestProps;
+declare const Switch: React.ForwardRefExoticComponent<Partial<SwitchAria> & {
+    /** Id property of the switch element */
+    id?: string;
+    /** The value of the switch element */
+    value?: string;
+    /** Callback for when the element's selection state changes. */
+    onChange?: (isSelected: boolean) => void;
+    /** Label configuration; includes placement, size, helpText and sx */
+    labelConfig?: LabelConfig;
+    children?: React.ReactNode;
+} & TestProps & React.RefAttributes<HTMLInputElement>>;
+export default Switch;

package/dist/src/components/Controls/Switch/Switch.stories.d.ts

@@ -0,0 +1,90 @@
+import { default as React } from 'react';
+
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Partial<import('react-aria').SwitchAria> & {
+        id?: string;
+        value?: string;
+        onChange?: (isSelected: boolean) => void;
+        labelConfig?: import('../Controls.types').LabelConfig;
+        children?: React.ReactNode;
+    } & import('../../..').TestProps & React.RefAttributes<HTMLInputElement>>;
+    args: {
+        helpText: string;
+        placement: string;
+        size: string;
+    };
+    argTypes: {
+        placement: {
+            type: string;
+            options: string[];
+        };
+        size: {
+            name: string;
+            type: string;
+            options: string[];
+        };
+    };
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+    };
+};
+export default _default;
+export declare const SimpleSwitch: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const SwitchLabelPlacement: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const SwitchLabelSizes: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const SwitchWithHelptext: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const DisabledSwitch: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const Playground: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+};

package/dist/src/components/Controls/Switch/Switch.style.d.ts

@@ -0,0 +1,5 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+import { LabelConfig } from '../Controls.types';
+
+export declare const switchStyles: ({ placement, sx }: Pick<LabelConfig, 'placement' | 'sx'>) => (theme: Theme) => SerializedStyles;

package/dist/src/components/Controls/Switch/Switch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/Controls/Switch/index.d.ts

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

package/dist/src/components/Controls/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Radio } from './Radio';
+export { default as RadioGroup } from './Radio/components/RadioGroup';
+export { default as CheckBox } from './CheckBox';
+export { default as Switch } from './Switch';

package/dist/src/components/DatePicker/DatePickInput/DatePickInput.d.ts

@@ -0,0 +1,40 @@
+import { InputHTMLAttributes, default as React } from 'react';
+import { TestProps } from '../../../utils/types';
+import { TextFieldProps } from '../../TextField/TextField';
+import { DateFormatType, DatePickerProps } from '../DatePicker.types';
+import { Range } from '../OverlayComponent/OverlayComponent';
+
+export type DatePickInputProps = Pick<DatePickerProps, 'filterConfig'> & {
+    /** Callback for the calendar icon button of the input field */
+    handleIconClick: () => void;
+    /** Handles the clear action for the datepicker */
+    handleClear: (event?: React.KeyboardEvent) => void;
+    /** Defines whether the component selects a single date or a range */
+    isRangePicker: boolean;
+    /** The selected day */
+    selectedDay: Range;
+    /** Props for styling the input */
+    inputProps?: Omit<TextFieldProps, 'size' | 'mask'>;
+    /** Overrides the default date format */
+    dateFormatOverride?: DateFormatType;
+    /** Defines whether the component is open */
+    isOpen: boolean;
+} & InputProps & TestProps;
+type InputProps = Partial<Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>>;
+declare const DatePickInput: React.ForwardRefExoticComponent<Pick<DatePickerProps, "filterConfig"> & {
+    /** Callback for the calendar icon button of the input field */
+    handleIconClick: () => void;
+    /** Handles the clear action for the datepicker */
+    handleClear: (event?: React.KeyboardEvent) => void;
+    /** Defines whether the component selects a single date or a range */
+    isRangePicker: boolean;
+    /** The selected day */
+    selectedDay: Range;
+    /** Props for styling the input */
+    inputProps?: Omit<TextFieldProps, 'size' | 'mask'>;
+    /** Overrides the default date format */
+    dateFormatOverride?: DateFormatType;
+    /** Defines whether the component is open */
+    isOpen: boolean;
+} & Partial<Omit<InputHTMLAttributes<HTMLInputElement>, "size">> & TestProps & React.RefAttributes<HTMLInputElement>>;
+export default DatePickInput;

package/dist/src/components/DatePicker/DatePickInput/DatePickInput.style.d.ts

@@ -0,0 +1,4 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+
+export declare const iconStyles: () => (theme: Theme) => SerializedStyles;

package/dist/src/components/DatePicker/DatePickInput/index.d.ts

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

package/dist/src/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { DatePickerProps } from './DatePicker.types';
+import { TestProps } from '../../utils/types';
+
+declare const _default: React.NamedExoticComponent<DatePickerProps & TestProps>;
+export default _default;