chop-logic-components 1.0.6 → 1.0.8

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

@@ -1,15 +1,5 @@
 import { default as React } from 'react';
-import { SelectValue } from '../../../../../../../../../../src/utils/types.ts';
+import { SelectDropdownProps } from '../../../../types';
 
-type SelectDropdownProps = {
-    options: SelectValue[];
-    opened: boolean;
-    dropdownId: string;
-    comboboxId: string;
-    onClose: () => void;
-    selected?: SelectValue;
-    onSelect: (id: string) => void;
-    onClear: () => void;
-};
 declare const SelectDropdown: React.FC<SelectDropdownProps>;
 export default SelectDropdown;

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChopLogicTextInputProps } from './types';
+import { ChopLogicTextInputProps } from '../../../types';
 
 declare const ChopLogicTextInput: React.FC<ChopLogicTextInputProps>;
 export default ChopLogicTextInput;

package/dist/components/inputs/text/TextInput.styled.d.ts

@@ -1,8 +1,5 @@
-export declare const StyledTextInputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledTextInputWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $disabled: boolean;
-    $invalid: boolean;
+import { ChopLogicTheme } from '../../../types';
+
+export declare const StyledTextInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $theme: ChopLogicTheme;
 }>> & string;
-export declare const StyledTextInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-export declare const StyledFieldWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledButtonsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/components/inputs/text/__docs__/TextInputExample.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChopLogicTextInputProps } from '../types';
+import { ChopLogicTextInputProps } from '../../../../types';
 
 declare const Example: React.FC<ChopLogicTextInputProps>;
 export default Example;

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

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

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

@@ -1,5 +1,4 @@
-import { ChopLogicFormData } from '../../../../../../../../../src/components/containers/form/types';
-import { RegExpWithFlags, TextValidationFunction } from './types';
+import { ChopLogicFormData, RegExpWithFlags, TextValidationFunction } from '../../../types';
 
 export declare function validateTextInputValue({ value, required, validator, }: {
     value: string;

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

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

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

@@ -1,5 +1,12 @@
-export declare const StyledAlertHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+import { ChopLogicTheme } from '../../../types';
+
+export declare const StyledAlertHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
 export declare const StyledAlertWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isClosing: boolean;
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledAlertContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $theme: ChopLogicTheme;
 }>> & string;
-export declare const StyledAlertContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { Meta, StoryObj } from '@storybook/react';
-import { ChopLogicAlertProps } from '../types';
+import { ChopLogicAlertProps } from '../../../../types';
 
 declare const ExampleComponent: React.FC<ChopLogicAlertProps>;
 declare const meta: Meta<typeof ExampleComponent>;

package/dist/components/modals/alert/elements/Header.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChopLogicAlertHeaderProps } from '../types';
+import { ChopLogicAlertHeaderProps } from '../../../../types';
 
 declare const ChopLogicAlertHeader: React.FC<ChopLogicAlertHeaderProps>;
 export default ChopLogicAlertHeader;

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-import { ChopLogicIconName } from '../../../../../../../../../src/components/misc/icon/Icon';
-import { ChopLogicAlertMode } from './types';
+import { ChopLogicAlertMode, ChopLogicIconName } from '../../../enums';
 
 export declare function getAlertTitle(mode: ChopLogicAlertMode, title?: string): string;
 export declare function renderAlertIcon(mode: ChopLogicAlertMode, icon?: ChopLogicIconName): React.ReactElement | null;

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

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

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

@@ -1,6 +1,15 @@
-export declare const StyledDialogLayout: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+import { ChopLogicTheme } from '../../../types';
+
+export declare const StyledDialogLayout: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
 export declare const StyledDialogBackground: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isClosing: boolean;
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledDialogHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledDialogContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $theme: ChopLogicTheme;
 }>> & string;
-export declare const StyledDialogHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
-export declare const StyledDialogContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/modals/dialog/__docs__/DialogExample.d.ts

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

package/dist/components/modals/dialog/elements/Header.d.ts

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
+import { ChopLogicTheme } from '../../../../types';
 
 declare const ChopLogicModalLayoutHeader: React.FC<{
     title: string;
     onClose: () => void;
+    theme: ChopLogicTheme;
 }>;
 export default ChopLogicModalLayoutHeader;

package/dist/components/modals/dialog/elements/Layout.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { DialogLayoutProps } from '../types';
+import { DialogLayoutProps } from '../../../../types';
 
 declare const ChopLogicModalLayout: React.FC<DialogLayoutProps>;
 export default ChopLogicModalLayout;

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

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

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

@@ -1 +1,5 @@
-export declare const StyledTooltip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+import { ChopLogicTheme } from '../../../types';
+
+export declare const StyledTooltip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;

package/dist/components/modals/tooltip/__docs__/TooltipExample.d.ts

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

package/dist/{components/containers/form/FormContext.d.ts → contexts/chop-logic-form-context.d.ts}

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-import { ChopLogicFormContextProps } from './types';
+import { ChopLogicFormContextProps } from '../types';
 
 export declare const ChopLogicFormContext: React.Context<ChopLogicFormContextProps>;

package/dist/contexts/chop-logic-theme-context.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { ChopLogicTheme } from '../types';
+
+type ChopLogicThemeContextProps = {
+    mode: 'light' | 'dark';
+    setMode?: (mode: 'light' | 'dark') => void;
+    customTheme?: Partial<ChopLogicTheme>;
+    setCustomTheme?: (customTheme: ChopLogicTheme) => void;
+};
+export declare const ChopLogicThemeContext: React.Context<ChopLogicThemeContextProps>;
+export {};

package/dist/contexts/index.d.ts

@@ -0,0 +1,2 @@
+export { ChopLogicFormContext } from './chop-logic-form-context';
+export { ChopLogicThemeContext } from './chop-logic-theme-context';

package/dist/css/index.d.ts

@@ -0,0 +1,3 @@
+export * from './animations';
+export * from './screen-breakpoints';
+export * from './themes';

package/dist/css/screen-breakpoints.d.ts

@@ -0,0 +1,7 @@
+export declare const SCREEN_BREAKPOINTS: Readonly<{
+    phones: "only screen and (max-width: 600px)";
+    portraitTablets: "only screen and (min-width: 600px)";
+    landscapeTablets: "only screen and (min-width: 768px)";
+    laptops: "only screen and (min-width: 992px)";
+    desktops: "only screen and (min-width: 1200px)";
+}>;

package/dist/{constants → css}/themes.d.ts

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

package/dist/{components/inputs/_common → elements}/error-message/ErrorMessage.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { ChopLogicTheme } from '../../types';
 
 type ChopLogicErrorMessageProps = {
     errorId: string;
@@ -6,6 +7,7 @@ type ChopLogicErrorMessageProps = {
     message?: string;
     testId?: string;
     style?: React.CSSProperties;
+    theme: ChopLogicTheme;
 };
 declare const ChopLogicErrorMessage: React.FC<ChopLogicErrorMessageProps>;
 export default ChopLogicErrorMessage;

package/dist/{components/inputs/_common → elements}/error-message/ErrorMessage.styled.d.ts

@@ -1,3 +1,6 @@
+import { ChopLogicTheme } from '../../types';
+
 export declare const StyledErrorMessage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $visible: boolean;
+    $theme: ChopLogicTheme;
 }>> & string;

package/dist/elements/icon/Icon.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { ChopLogicIconName } from '../../enums';
+
+declare const ChopLogicIcon: React.FC<{
+    name?: ChopLogicIconName;
+}>;
+export default ChopLogicIcon;

package/dist/elements/index.d.ts

@@ -0,0 +1,4 @@
+export { default as ChopLogicErrorMessage } from './error-message/ErrorMessage';
+export { default as ChopLogicIcon } from './icon/Icon';
+export { default as ChopLogicInputInnerButton } from './input-inner-button/InputInnerButton';
+export { default as ChopLogicLabel } from './label/Label';

package/dist/{components/inputs/_common → elements}/input-inner-button/InputInnerButton.d.ts

@@ -1,10 +1,13 @@
 import { default as React } from 'react';
-import { ChopLogicIconName } from '../../../../../../../../../../src/components/misc/icon/Icon';
+import { ChopLogicIconName } from '../../enums';
+import { ChopLogicTheme } from '../../types';
 
 type ClearInputButtonProps = {
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
     label: string;
     icon: ChopLogicIconName;
+    disabled?: boolean;
+    theme: ChopLogicTheme;
 };
 declare const InputInnerButton: React.FC<ClearInputButtonProps>;
 export default InputInnerButton;

package/dist/elements/input-inner-button/InputInnerButton.styled.d.ts

@@ -0,0 +1,5 @@
+import { ChopLogicTheme } from '../../types';
+
+export declare const StyledInputInnerButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;

package/dist/{components/inputs/_common → elements}/label/Label.d.ts

@@ -1,9 +1,11 @@
 import { default as React, PropsWithChildren } from 'react';
+import { ChopLogicTheme } from '../../types';
 
 type ChopLogicLabelProps = {
     label: string;
     required: boolean;
     inputId: string;
+    theme: ChopLogicTheme;
     isTextHidden?: boolean;
     icon?: React.ReactElement;
     iconPosition?: 'left' | 'right';

package/dist/elements/label/Label.styled.d.ts

@@ -0,0 +1,5 @@
+import { ChopLogicTheme } from '../../types';
+
+export declare const StyledLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;

package/dist/elements/styled/Select.styled.d.ts

@@ -0,0 +1,20 @@
+import { ChopLogicTheme } from '../../types';
+
+export declare const StyledSelect: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledSelectCombobox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledSelectDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
+    $opened: boolean;
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledSelectOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
+    $theme: ChopLogicTheme;
+}>> & string;
+export declare const StyledMultiSelectOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "$theme"> & {
+    $theme: ChopLogicTheme;
+}, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLLIElement> | null | undefined;
+}, never>> & string;

package/dist/enums/chop-logic-alert-mode.d.ts

@@ -0,0 +1,7 @@
+export declare enum ChopLogicAlertMode {
+    Success = "success",
+    Error = "error",
+    Warning = "warning",
+    Info = "info",
+    Help = "help"
+}

package/dist/{components/misc/icon/Icon.d.ts → enums/chop-logic-icon-name.d.ts}

@@ -1,5 +1,3 @@
-import { default as React } from 'react';
-
 export declare enum ChopLogicIconName {
     ArrowDown = "arrow-down",
     ArrowUp = "arrow-up",
@@ -30,7 +28,3 @@ export declare enum ChopLogicIconName {
     Warning = "warning",
     Remove = "remove"
 }
-declare const ChopLogicIcon: React.FC<{
-    name?: ChopLogicIconName;
-}>;
-export default ChopLogicIcon;

package/dist/enums/index.d.ts

@@ -0,0 +1,2 @@
+export { ChopLogicAlertMode } from './chop-logic-alert-mode';
+export { ChopLogicIconName } from './chop-logic-icon-name';

package/dist/hooks/index.d.ts

@@ -1,7 +1,10 @@
+export { useChopLogicTheme } from './use-chop-logic-theme';
 export { useClickOutside } from './use-click-outside';
 export { useContainerDimensions } from './use-container-dimensions';
+export { useElementIds } from './use-element-ids';
 export { useKeyPress } from './use-key-press';
 export { useModalFocusTrap } from './use-modal-focus-trap';
 export { useMount } from './use-mount';
+export { useResetFormInput } from './use-reset-form-input';
 export { useTooltipPosition } from './use-tooltip-position';
 export { useWindowDimensions } from './use-window-dimensions';

package/dist/hooks/use-chop-logic-theme/index.d.ts

@@ -0,0 +1 @@
+export declare const useChopLogicTheme: () => import('../..').ChopLogicTheme;