chop-logic-components 2.0.1 → 2.2.0

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChopLogicGridColumn, ChopLogicGridItem, ChopLogicTheme, RenderDataItemCallback } from '../../../../models';
+import { ChopLogicGridColumn, ChopLogicGridItem, RenderDataItemCallback } from '../../../../models';
 type ChopLogicGridBodyProps = {
     data: ChopLogicGridItem[];
     columns: ChopLogicGridColumn[];
@@ -8,7 +8,6 @@ type ChopLogicGridBodyProps = {
     deselectRowById: (id: string) => void;
     renderDataItem?: RenderDataItemCallback;
     selectable: boolean;
-    theme: ChopLogicTheme;
 };
 declare const ChopLogicGridBody: React.FC<ChopLogicGridBodyProps>;
 export default ChopLogicGridBody;

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

@@ -1,8 +1,6 @@
 import { default as React } from 'react';
-import { ChopLogicTheme } from '../../../../models';
 type ChopLogicGridCheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
     label: string;
-    theme: ChopLogicTheme;
 };
 declare const GridCheckbox: React.FC<ChopLogicGridCheckboxProps>;
 export default GridCheckbox;

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

@@ -1,8 +1,7 @@
 import { default as React } from 'react';
-import { ChopLogicGridColumn, ChopLogicTheme } from '../../../../models';
+import { ChopLogicGridColumn } from '../../../../models';
 declare const GridColumnGroup: React.FC<{
     columns: ChopLogicGridColumn[];
     selectable: boolean;
-    theme: ChopLogicTheme;
 }>;
 export default GridColumnGroup;

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

@@ -1,7 +1,5 @@
 import { default as React } from 'react';
-import { ChopLogicTheme } from '../../../../models';
 declare const GridDataCell: React.FC<{
     value: React.ReactElement | string;
-    theme: ChopLogicTheme;
 }>;
 export default GridDataCell;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChopLogicGridColumn, ChopLogicTheme } from '../../../../models';
+import { ChopLogicGridColumn } from '../../../../models';
 type ChopLogicGridHeadProps = {
     columns: ChopLogicGridColumn[];
     gridId: string;
@@ -8,7 +8,6 @@ type ChopLogicGridHeadProps = {
     isAllCheckboxDisabled?: boolean;
     selectAll: () => void;
     deselectAll: () => void;
-    theme: ChopLogicTheme;
 };
 declare const ChopLogicGridHead: React.FC<ChopLogicGridHeadProps>;
 export default ChopLogicGridHead;

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

@@ -1,8 +1,6 @@
 import { default as React } from 'react';
-import { ChopLogicTheme } from '../../../../models';
 declare const GridHeaderCell: React.FC<{
     title?: string;
     component?: React.ReactElement;
-    theme: ChopLogicTheme;
 }>;
 export default GridHeaderCell;

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-import { ChopLogicTheme } from '../../../../models';
 export type GridRowProps = {
     rowId: string;
     selectedIds: string[];
@@ -8,7 +7,6 @@ export type GridRowProps = {
     selectable: boolean;
     values: (string | React.ReactElement)[];
     disabled?: boolean;
-    theme: ChopLogicTheme;
 };
 declare const GridRow: React.FC<GridRowProps>;
 export default GridRow;

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

@@ -1,12 +1,10 @@
 import { default as React } from 'react';
-import { ChopLogicTheme } from '../../../../models';
 type SelectAllGridRowsCheckbox = {
     gridId: string;
     isAllSelected: boolean;
     selectAll: () => void;
     deselectAll: () => void;
     disabled?: boolean;
-    theme: ChopLogicTheme;
 };
 declare const SelectAllRowsCell: React.FC<SelectAllGridRowsCheckbox>;
 export default SelectAllRowsCell;

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

@@ -1,12 +1,10 @@
 import { default as React } from 'react';
-import { ChopLogicTheme } from '../../../../models';
 type SelectAllGridRowsCheckbox = {
     rowId: string;
     isRowSelected: boolean;
     selectRowById: (id: string) => void;
     deselectRowById: (id: string) => void;
     disabled?: boolean;
-    theme: ChopLogicTheme;
 };
 declare const SelectGridRowCell: React.FC<SelectAllGridRowsCheckbox>;
 export default SelectGridRowCell;

package/dist/components/containers/menu/elements/MenuItem.d.ts

@@ -1,9 +1,8 @@
 import { default as React, PropsWithChildren } from 'react';
 import { ChopLogicOrientationMode } from '../../../../enums';
-import { ChopLogicMenuItem, ChopLogicTheme } from '../../../../models';
+import { ChopLogicMenuItem } from '../../../../models';
 type MenuItemProps = PropsWithChildren & {
     item: ChopLogicMenuItem;
-    theme: ChopLogicTheme;
     mode: ChopLogicOrientationMode;
 };
 declare const MenuItem: React.FC<MenuItemProps>;

package/dist/components/containers/menu/elements/MenuLeaf.d.ts

@@ -1,8 +1,6 @@
 import { default as React } from 'react';
-import { ChopLogicMenuItem, ChopLogicTheme } from '../../../../models';
-type MenuLeafProps = {
+import { ChopLogicMenuItem } from '../../../../models';
+declare const MenuLeaf: ({ item }: {
     item: ChopLogicMenuItem;
-    theme: ChopLogicTheme;
-};
-declare const MenuLeaf: React.FC<MenuLeafProps>;
+}) => React.ReactElement;
 export default MenuLeaf;

package/dist/components/containers/menu/elements/SubMenu.d.ts

@@ -1,9 +1,8 @@
 import { default as React, PropsWithChildren } from 'react';
 import { ChopLogicOrientationMode } from '../../../../enums';
-import { ChopLogicMenuItem, ChopLogicTheme } from '../../../../models';
+import { ChopLogicMenuItem } from '../../../../models';
 type SubMenuProps = PropsWithChildren & {
     item: ChopLogicMenuItem;
-    theme: ChopLogicTheme;
     isSubMenuOpened: boolean;
     mode: ChopLogicOrientationMode;
     toggleSubMenu: () => void;

package/dist/components/containers/tabs/elements/TabButton.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ChopLogicOrientationMode } from '../../../../enums';
-import { ChopLogicTheme } from '../../../../models';
 type ChopLogicTabButtonProps = {
     title: string;
     tabId: string;
@@ -9,7 +8,6 @@ type ChopLogicTabButtonProps = {
     isSelected: boolean;
     mode: ChopLogicOrientationMode;
     isDisabled?: boolean;
-    theme: ChopLogicTheme;
 };
 declare const ChopLogicTabButton: React.FC<ChopLogicTabButtonProps>;
 export default ChopLogicTabButton;

package/dist/components/containers/tabs/elements/TabContent.d.ts

@@ -1,8 +1,7 @@
 import { default as React } from 'react';
-import { ChopLogicTabItem, ChopLogicTheme } from '../../../../models';
+import { ChopLogicTabItem } from '../../../../models';
 declare const ChopLogicTabContent: React.FC<{
     tabs: ChopLogicTabItem[];
     selectedTabId: string;
-    theme: ChopLogicTheme;
 }>;
 export default ChopLogicTabContent;

package/dist/components/containers/tabs/elements/TabList.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ChopLogicOrientationMode } from '../../../../enums';
-import { ChopLogicTabItem, ChopLogicTheme } from '../../../../models';
+import { ChopLogicTabItem } from '../../../../models';
 type ChopLogicTabListProps = {
     tabs: ChopLogicTabItem[];
     tabIds: string[];
@@ -8,7 +8,6 @@ type ChopLogicTabListProps = {
     selectedTabId: string;
     tabPanelIds: string[];
     mode: ChopLogicOrientationMode;
-    theme: ChopLogicTheme;
 };
 declare const ChopLogicTabList: React.FC<ChopLogicTabListProps>;
 export default ChopLogicTabList;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChopLogicMultiSelectValue, ChopLogicTheme } from '../../../../models';
+import { ChopLogicMultiSelectValue } from '../../../../models';
 type MultiSelectComboboxProps = {
     opened: boolean;
     disabled: boolean;
@@ -10,7 +10,6 @@ type MultiSelectComboboxProps = {
     values?: ChopLogicMultiSelectValue[];
     placeholder?: string;
     name: string;
-    theme: ChopLogicTheme;
 };
 declare const SelectCombobox: React.FC<MultiSelectComboboxProps>;
 export default SelectCombobox;

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

@@ -1,12 +1,11 @@
 import { default as React } from 'react';
-import { ChopLogicMultiSelectValue, ChopLogicTheme } from '../../../../models';
+import { ChopLogicMultiSelectValue } from '../../../../models';
 type MultiSelectDropdownProps = {
     options: ChopLogicMultiSelectValue[];
     opened: boolean;
     dropdownId: string;
     onClose: () => void;
     onSelect: (id: string) => void;
-    theme: ChopLogicTheme;
 };
 declare const MultiSelectDropdown: React.FC<MultiSelectDropdownProps>;
 export default MultiSelectDropdown;

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

@@ -1,9 +1,8 @@
 import { default as React } from 'react';
-import { ChopLogicMultiSelectValue, ChopLogicTheme } from '../../../../models';
+import { ChopLogicMultiSelectValue } from '../../../../models';
 type MultiSelectOptionProps = {
     value: ChopLogicMultiSelectValue;
     onSelect: (id: string) => void;
-    theme: ChopLogicTheme;
 };
 declare const SelectOption: React.FC<MultiSelectOptionProps>;
 export default SelectOption;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChopLogicSelectValue, ChopLogicTheme } from '../../../../models';
+import { ChopLogicSelectValue } from '../../../../models';
 type SelectComboboxProps = {
     opened: boolean;
     disabled: boolean;
@@ -10,7 +10,6 @@ type SelectComboboxProps = {
     selected?: ChopLogicSelectValue;
     placeholder?: string;
     name: string;
-    theme: ChopLogicTheme;
 };
 declare const SelectCombobox: React.FC<SelectComboboxProps>;
 export default SelectCombobox;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ChopLogicSelectValue, ChopLogicTheme } from '../../../../models';
+import { ChopLogicSelectValue } from '../../../../models';
 type SelectDropdownProps = {
     options: ChopLogicSelectValue[];
     opened: boolean;
@@ -9,7 +9,6 @@ type SelectDropdownProps = {
     selected?: ChopLogicSelectValue;
     onSelect: (id: string) => void;
     onClear: () => void;
-    theme: ChopLogicTheme;
 };
 declare const SelectDropdown: React.FC<SelectDropdownProps>;
 export default SelectDropdown;

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

@@ -1,11 +1,10 @@
 import { default as React } from 'react';
-import { ChopLogicSelectValue, ChopLogicTheme } from '../../../../models';
+import { ChopLogicSelectValue } from '../../../../models';
 type SelectOptionProps = {
     value: ChopLogicSelectValue;
     selected: boolean;
     onSelect: (id: string) => void;
     onClear: () => void;
-    theme: ChopLogicTheme;
 };
 declare const SelectOption: React.FC<SelectOptionProps>;
 export default SelectOption;

package/dist/components/modals/alert/elements/{Header.d.ts → AlertHeader.d.ts}

@@ -1,12 +1,10 @@
 import { default as React } from 'react';
 import { ChopLogicAlertMode, ChopLogicIconName } from '../../../../enums';
-import { ChopLogicTheme } from '../../../../models';
-type ChopLogicAlertHeaderProps = {
+type AlertHeaderProps = {
     onClose: () => void;
-    theme: ChopLogicTheme;
     mode: ChopLogicAlertMode;
     title?: string;
     icon?: ChopLogicIconName;
 };
-declare const ChopLogicAlertHeader: React.FC<ChopLogicAlertHeaderProps>;
-export default ChopLogicAlertHeader;
+declare const AlertHeader: React.FC<AlertHeaderProps>;
+export default AlertHeader;

package/dist/components/modals/dialog/elements/{Header.d.ts → Header/index.d.ts}

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

package/dist/components/modals/dialog/elements/{Layout.d.ts → Layout/index.d.ts}

@@ -1,10 +1,8 @@
 import { default as React, HTMLAttributes, PropsWithChildren } from 'react';
-import { ChopLogicTheme } from '../../../../models';
 type DialogLayoutProps = PropsWithChildren & HTMLAttributes<HTMLDivElement> & {
     title: string;
     onClose: () => void;
     isOpened: boolean;
-    theme: ChopLogicTheme;
 };
 declare const ChopLogicModalLayout: React.FC<DialogLayoutProps>;
 export default ChopLogicModalLayout;

package/dist/contexts/form/context.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { ChopLogicFormData, ChopLogicFormInputParams } from '../../models';
+export interface ChopLogicFormContextProps {
+    onChangeFormInput?: (params: ChopLogicFormInputParams) => void;
+    initialValues?: ChopLogicFormData;
+    resetSignal?: number;
+}
+export declare const ChopLogicFormContext: React.Context<ChopLogicFormContextProps>;

package/dist/contexts/index.d.ts

@@ -1,2 +1,3 @@
-export { ChopLogicFormContext } from './chop-logic-form-context';
-export { ChopLogicThemeContext } from './chop-logic-theme-context';
+export { ChopLogicFormContext } from './form/context.tsx';
+export { ChopLogicThemeContext } from './theme/context.ts';
+export { ChopLogicThemeProvider } from './theme/provider.tsx';

package/dist/contexts/theme/context.d.ts

@@ -0,0 +1,6 @@
+import { ChopLogicThemeMode } from '../../enums';
+export interface ChopLogicThemeContextProps {
+    mode?: ChopLogicThemeMode;
+    setMode: (mode: ChopLogicThemeMode) => void;
+}
+export declare const ChopLogicThemeContext: import('react').Context<ChopLogicThemeContextProps>;

package/dist/contexts/theme/provider.d.ts

@@ -0,0 +1,6 @@
+import { FC, ReactNode } from 'react';
+import { ChopLogicThemeMode } from '../../enums';
+export declare const ChopLogicThemeProvider: FC<{
+    children: ReactNode;
+    injectedMode?: ChopLogicThemeMode;
+}>;

package/dist/elements/error-message/ErrorMessage.d.ts

@@ -1,12 +1,10 @@
 import { default as React } from 'react';
-import { ChopLogicTheme } from '../../models';
 type ChopLogicErrorMessageProps = {
     errorId: string;
     visible?: boolean;
     message?: string;
     testId?: string;
     style?: React.CSSProperties;
-    theme: ChopLogicTheme;
 };
 declare const ChopLogicErrorMessage: React.FC<ChopLogicErrorMessageProps>;
 export default ChopLogicErrorMessage;

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

@@ -1,12 +1,10 @@
 import { default as React } from 'react';
 import { ChopLogicIconName } from '../../enums';
-import { ChopLogicTheme } from '../../models';
 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/label/Label.d.ts

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

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

@@ -1,4 +1,4 @@
 export declare enum ChopLogicThemeMode {
-    Light = "light",
-    Dark = "dark"
+    Light = "cl-components-light-theme",
+    Dark = "cl-components-dark-theme"
 }

package/dist/hooks/index.d.ts

@@ -1,4 +1,3 @@
-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';
@@ -8,3 +7,4 @@ export { useMount } from './use-mount';
 export { useResetFormInput } from './use-reset-form-input';
 export { useTooltipPosition } from './use-tooltip-position';
 export { useWindowDimensions } from './use-window-dimensions';
+export { useChopLogicTheme } from './use-chop-logic-theme';

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

@@ -1 +1 @@
-export declare const useChopLogicTheme: () => import('../..').ChopLogicTheme;
+export declare const useChopLogicTheme: () => import('../../contexts/theme/context').ChopLogicThemeContextProps;