chop-logic-components 1.0.5 → 1.0.6

package/dist/components/containers/form/__docs__/FormExample.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ChopLogicFormProps } from '../types';
 
 declare const FormExample: React.FC<ChopLogicFormProps>;

package/dist/components/containers/form/controller.d.ts

@@ -1,4 +1,4 @@
-import { FormEvent } from 'react';
+import { default as React, FormEvent } from 'react';
 import { ChopLogicFormData, ChopLogicFormInputParams } from './types';
 
 export declare function useChopLogicFormController({ initialValues, onReset, onSubmit, onClickSubmit, }: {

package/dist/components/containers/form/types.d.ts

@@ -1,11 +1,10 @@
-import { PropsWithChildren } from 'react';
+import { FormEventHandler, PropsWithChildren } from 'react';
 import { CommonComponentProps } from '../../../../../../../../../src/utils/types';
 
 export type ChopLogicFormData = {
     [key: string]: unknown;
 };
 export type ChopLogicFormValidationState = [string, boolean][];
-export type ChopLogicFormInput = HTMLInputElement | HTMLSelectElement;
 export type ChopLogicFormInputParams = {
     name: string;
     value: unknown;
@@ -21,6 +20,6 @@ export type ChopLogicFormProps = PropsWithChildren & CommonComponentProps & {
     initialValues?: ChopLogicFormData;
     hasReset?: boolean;
     onClickSubmit?: (data: ChopLogicFormData) => void;
-    onReset?: React.FormEventHandler<HTMLFormElement>;
-    onSubmit?: React.FormEventHandler<HTMLFormElement>;
+    onReset?: FormEventHandler<HTMLFormElement>;
+    onSubmit?: FormEventHandler<HTMLFormElement>;
 };

package/dist/components/containers/grid/Grid.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ChopLogicGridProps } from './types';
 
 declare const ChopLogicGrid: React.FC<ChopLogicGridProps>;

package/dist/components/containers/grid/__docs__/GridExample.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ChopLogicGridProps } from '../types';
 
 declare const GridExample: React.FC<ChopLogicGridProps>;

package/dist/components/containers/grid/elements/Body.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ChopLogicGridColumn, ChopLogicGridItem, RenderDataItemCallback } from '../types';
 
 type ChopLogicGridBodyProps = {

package/dist/components/containers/grid/elements/DataCell.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 
 declare const GridDataCell: React.FC<{
-    value: string | JSX.Element;
+    value: React.ReactElement | string;
 }>;
 export default GridDataCell;

package/dist/components/containers/grid/elements/Head.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ChopLogicGridColumn } from '../types';
 
 type ChopLogicGridHeadProps = {

package/dist/components/containers/grid/elements/Row.d.ts

@@ -6,7 +6,7 @@ export type GridRowProps = {
     selectRowById: (id: string) => void;
     deselectRowById: (id: string) => void;
     selectable: boolean;
-    values: (string | JSX.Element)[];
+    values: (string | React.ReactElement)[];
     disabled?: boolean;
 };
 declare const GridRow: React.FC<GridRowProps>;

package/dist/components/containers/grid/helpers.d.ts

@@ -1,7 +1,8 @@
+import { default as React } from 'react';
 import { ChopLogicGridColumn, ChopLogicGridItem, RenderDataItemCallback } from './types';
 
 export declare function getGridRowValues({ item, columns, renderDataItem, }: {
     item: ChopLogicGridItem;
     columns: ChopLogicGridColumn[];
     renderDataItem?: RenderDataItemCallback;
-}): (string | JSX.Element)[];
+}): (string | React.ReactElement)[];

package/dist/components/containers/grid/types.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 import { CommonComponentProps } from '../../../../../../../../../src/utils/types';
 
 export type ChopLogicGridProps = CommonComponentProps & {
@@ -11,7 +12,7 @@ export type ChopLogicGridProps = CommonComponentProps & {
 export type ChopLogicGridColumn = {
     field: string;
     title?: string;
-    component?: React.ReactElement;
+    component?: ReactElement;
     highlighted?: boolean;
     className?: string;
 };
@@ -20,4 +21,4 @@ export type ChopLogicGridItem = {
     disabled?: boolean;
     [key: string]: unknown;
 };
-export type RenderDataItemCallback = (item: ChopLogicGridItem, field: string) => JSX.Element;
+export type RenderDataItemCallback = (item: ChopLogicGridItem, field: string) => ReactElement;

package/dist/components/containers/tabs/types.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 import { CommonComponentProps } from '../../../../../../../../../src/utils/types';
 
 export type ChopLogicTabsProps = CommonComponentProps & {
@@ -6,7 +7,7 @@ export type ChopLogicTabsProps = CommonComponentProps & {
     mode?: ChopLogicTabsMode;
 };
 export type ChopLogicTabItem = {
-    content: React.ReactElement;
+    content: ReactElement;
     title: string;
     id: string;
     disabled?: boolean;

package/dist/components/inputs/button/types.d.ts

@@ -4,7 +4,7 @@ import { ChopLogicIconName } from '../../../../../../../../../src/components/mis
 
 export type ChopLogicButtonView = 'primary' | 'secondary' | 'danger' | 'icon';
 export type ChopLogicButtonProps = Partial<CommonInputProps> & {
-    onClick?: MouseEventHandler<HTMLButtonElement> | (() => void);
+    onClick?: MouseEventHandler<HTMLButtonElement>;
     view?: ChopLogicButtonView;
     icon?: ChopLogicIconName;
     text?: string;

package/dist/components/inputs/checkbox/controller.d.ts

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 export declare function useChopLogicCheckboxController({ name, defaultChecked, onChange, }: {
     name: string;
     defaultChecked?: boolean;

package/dist/components/inputs/checkbox/types.d.ts

@@ -1,8 +1,9 @@
+import { ChangeEventHandler } from 'react';
 import { CommonInputProps } from '../../../../../../../../../src/utils/types';
 
 export type ChopLogicCheckboxProps = CommonInputProps & {
     noLabel?: boolean;
     iconPosition?: 'left' | 'right';
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
     defaultChecked?: boolean;
 };

package/dist/components/inputs/multi-select/MultiSelect.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ChopLogicMultiSelectProps } from './types';
 
 declare const ChopLogicMultiSelect: React.FC<ChopLogicMultiSelectProps>;

package/dist/components/inputs/multi-select/controller.d.ts

@@ -1,4 +1,4 @@
-import { SelectValue } from '../select/types';
+import { SelectValue } from '../../../../../../../../../src/utils/types.ts';
 import { MultiSelectValue } from './types';
 
 export declare function useChopLogicMultiSelectController({ name, defaultValue, onChange, options, }: {

package/dist/components/inputs/multi-select/elements/Combobox.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { MultiSelectValue } from '../types';
 
 type SelectComboboxProps = {

package/dist/components/inputs/multi-select/elements/Dropdown.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { MultiSelectDropdownProps } from '../types';
 
 declare const MultiSelectDropdown: React.FC<MultiSelectDropdownProps>;

package/dist/components/inputs/multi-select/elements/Option.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { MultiSelectValue } from '../types';
 
 type SelectOptionProps = {

package/dist/components/inputs/multi-select/helpers.d.ts

@@ -1,5 +1,5 @@
+import { SelectValue } from '../../../../../../../../../src/utils/types.ts';
 import { ChopLogicFormData } from '../../../../../../../../../src/components/containers/form/types';
-import { SelectValue } from '../select/types';
 import { MultiSelectValue } from './types';
 
 export declare function getMultiSelectInitialValues({ name, options, initialValues, defaultValue, }: {

package/dist/components/inputs/multi-select/types.d.ts

@@ -1,5 +1,4 @@
-import { CommonInputProps } from '../../../../../../../../../src/utils/types';
-import { SelectValue } from '../select/types';
+import { CommonInputProps, SelectValue } from '../../../../../../../../../src/utils/types';
 
 export type MultiSelectValue = SelectValue & {
     selected: boolean;

package/dist/components/inputs/numeric/controller.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEventHandler } from 'react';
+import { default as React, ChangeEventHandler } from 'react';
 import { NumericValidationFunction } from './types';
 
 export declare function useChopLogicNumericInputController({ name, defaultValue, onChange, onSpinButtonClick, min, max, step, required, validator, }: {

package/dist/components/inputs/numeric/types.d.ts

@@ -1,3 +1,4 @@
+import { ChangeEventHandler, FocusEventHandler } from 'react';
 import { CommonInputProps } from '../../../../../../../../../src/utils/types';
 
 export type NumericValidationFunction = (input?: number) => boolean;
@@ -11,7 +12,7 @@ export type ChopLogicNumericInputProps = CommonInputProps & {
     readOnly?: boolean;
     defaultValue?: number;
     onSpinButtonClick?: (value?: number) => void;
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
 };

package/dist/components/inputs/select/Select.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ChopLogicSelectProps } from './types';
 
 declare const ChopLogicSelect: React.FC<ChopLogicSelectProps>;

package/dist/components/inputs/select/controller.d.ts

@@ -1,4 +1,4 @@
-import { SelectValue } from './types';
+import { SelectValue } from '../../../../../../../../../src/utils/types.ts';
 
 export declare function useChopLogicSelectController({ name, defaultValue, onChange, options, }: {
     name: string;

package/dist/components/inputs/select/elements/Combobox.d.ts

@@ -1,4 +1,5 @@
-import { SelectValue } from '../types';
+import { default as React } from 'react';
+import { SelectValue } from '../../../../../../../../../../src/utils/types.ts';
 
 type SelectComboboxProps = {
     opened: boolean;

package/dist/components/inputs/select/elements/Dropdown.d.ts

@@ -1,4 +1,5 @@
-import { SelectValue } from '../types';
+import { default as React } from 'react';
+import { SelectValue } from '../../../../../../../../../../src/utils/types.ts';
 
 type SelectDropdownProps = {
     options: SelectValue[];

package/dist/components/inputs/select/elements/Option.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { SelectOptionProps } from '../types';
 
 declare const SelectOption: React.FC<SelectOptionProps>;

package/dist/components/inputs/select/helpers.d.ts

@@ -1,5 +1,5 @@
+import { SelectValue } from '../../../../../../../../../src/utils/types.ts';
 import { ChopLogicFormData } from '../../../../../../../../../src/components/containers/form/types';
-import { SelectValue } from './types';
 
 export declare function getSelectInitialValue({ name, options, initialValues, defaultValue, }: {
     name: string;

package/dist/components/inputs/select/types.d.ts

@@ -1,4 +1,4 @@
-import { CommonInputProps } from '../../../../../../../../../src/utils/types';
+import { CommonInputProps, SelectValue } from '../../../../../../../../../src/utils/types';
 
 export type ChopLogicSelectProps = CommonInputProps & {
     options: SelectValue[];
@@ -6,12 +6,6 @@ export type ChopLogicSelectProps = CommonInputProps & {
     placeholder?: string;
     defaultValue?: string | number | readonly string[];
 };
-export type SelectValue = {
-    id: string;
-    label: string;
-} & {
-    [key in string]: unknown;
-};
 export type SelectOptionProps = {
     value: SelectValue;
     isSelected: boolean;

package/dist/components/inputs/text/controller.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEventHandler } from 'react';
+import { default as React, ChangeEventHandler } from 'react';
 import { RegExpWithFlags, TextValidationFunction } from './types';
 
 export declare function useChopLogicTextInputController({ name, defaultValue, onChange, onClear, required, validator, }: {

package/dist/components/inputs/text/types.d.ts

@@ -1,3 +1,4 @@
+import { ChangeEventHandler, FocusEventHandler, HTMLInputAutoCompleteAttribute } from 'react';
 import { CommonInputProps } from '../../../../../../../../../src/utils/types';
 
 export type RegExpWithFlags = {
@@ -6,19 +7,17 @@ export type RegExpWithFlags = {
 };
 export type TextValidationFunction = (input: string) => boolean;
 export type ChopLogicTextInputProps = CommonInputProps & {
-    name: string;
-    label: string;
     errorMessage?: string;
     clearable?: boolean;
     readOnly?: boolean;
-    onClear?: () => void;
     type?: 'text' | 'email' | 'password';
     validator?: RegExpWithFlags | TextValidationFunction;
     maxLength?: number;
     placeholder?: string;
     defaultValue?: string;
-    autoComplete?: React.HTMLInputAutoCompleteAttribute;
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    autoComplete?: HTMLInputAutoCompleteAttribute;
+    onClear?: () => void;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
 };

package/dist/components/modals/alert/Alert.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ChopLogicAlertProps } from './types';
 
 declare const ChopLogicAlert: React.FC<ChopLogicAlertProps>;

package/dist/components/modals/alert/helpers.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ChopLogicIconName } from '../../../../../../../../../src/components/misc/icon/Icon';
 import { ChopLogicAlertMode } from './types';
 

package/dist/components/modals/dialog/Dialog.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ChopLogicDialogProps } from './types';
 
 declare const ChopLogicDialog: React.FC<ChopLogicDialogProps>;

package/dist/components/modals/dialog/types.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import { HTMLAttributes, PropsWithChildren } from 'react';
 import { CommonComponentProps } from '../../../../../../../../../src/utils/types';
 
 export type ChopLogicDialogProps = CommonComponentProps & PropsWithChildren & {
@@ -6,7 +6,7 @@ export type ChopLogicDialogProps = CommonComponentProps & PropsWithChildren & {
     onClose: () => void;
     title: string;
 };
-export type DialogLayoutProps = PropsWithChildren & React.HTMLAttributes<HTMLDivElement> & {
+export type DialogLayoutProps = PropsWithChildren & HTMLAttributes<HTMLDivElement> & {
     title: string;
     onClose: () => void;
     isOpened: boolean;

package/dist/components/modals/tooltip/Tooltip.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ChopLogicTooltipProps } from './types';
 
 declare const ChopLogicTooltip: React.FC<ChopLogicTooltipProps>;

package/dist/components/modals/tooltip/controller.d.ts

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 export declare const useChopLogicTooltipController: ({ id }: {
     id?: string;
 }) => {
@@ -9,6 +11,6 @@ export declare const useChopLogicTooltipController: ({ id }: {
     top: number;
     left: number;
     isOpened: boolean;
-    wrapperRef: import('react').MutableRefObject<null>;
-    tooltipRef: import('react').RefObject<HTMLDivElement>;
+    wrapperRef: React.MutableRefObject<null>;
+    tooltipRef: React.RefObject<HTMLDivElement>;
 };

package/dist/components/modals/tooltip/types.d.ts

@@ -1,8 +1,8 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactElement } from 'react';
 import { CommonComponentProps } from '../../../../../../../../../src/utils/types';
 
 export type ChopLogicTooltipProps = PropsWithChildren & CommonComponentProps & {
-    tooltipContent: string | React.ReactElement;
+    tooltipContent: string | ReactElement;
     containerTag?: TooltipContainerTag;
     visibleOn?: 'hover' | 'click' | 'focus' | 'contextmenu';
 };

package/dist/constants/style-variables.d.ts

@@ -1,10 +1,10 @@
 export declare const COLORS: Readonly<{
     primary: "hsl(0, 0%, 13%)";
+    secondary: "hsl(215, 69%, 49%)";
+    tertiary: "hsl(205, 48%, 56%)";
     background: "hsl(0, 0%, 100%)";
     highlight: "hsl(65, 43%, 95%)";
     shade: "hsl(206, 19%, 93%)";
-    secondary: "hsl(215, 69%, 49%)";
-    tertiary: "hsl(205, 48%, 56%)";
     accent: "hsl(16, 100%, 45%)";
     transparentBackground: "hsla(0, 0%, 0%, 0.3)";
 }>;
@@ -34,8 +34,8 @@ export declare const BORDERS: Readonly<{
 }>;
 export declare const Z_INDEXES: Readonly<{
     dropdown: 1000;
-    modal: 2000;
-    tooltip: 3000;
+    modal: 1000;
+    tooltip: 1000;
 }>;
 export declare const GRADIENTS: Readonly<{
     primary: "linear-gradient(0deg, #222222, #266dd3)";

package/dist/constants/themes.d.ts

@@ -0,0 +1,4 @@
+import { ChopLogicTheme } from '../../../../../../../src/utils/types.ts';
+
+export declare const LIGHT_THEME: ChopLogicTheme;
+export declare const DARK_THEME: ChopLogicTheme;

package/dist/hooks/use-container-dimensions/index.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Dimensions } from '../use-window-dimensions';
 
 type useContainerDimensionsParams = {

package/dist/hooks/use-modal-focus-trap/index.d.ts

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 type ModalFocusTrapParams = {
     modalRef: React.RefObject<HTMLDivElement>;
     isOpened: boolean;

package/dist/hooks/use-tooltip-position/index.d.ts

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 type useTooltipPositionParams = {
     wrapperRef: React.RefObject<HTMLSpanElement | HTMLDivElement>;
     tooltipRef: React.RefObject<HTMLSpanElement | HTMLDivElement>;