chop-logic-components 1.3.0 → 2.0.0

package/dist/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-D1sJ8YFM.cjs");exports.ChopLogicAlert=o.ChopLogicAlert;exports.ChopLogicAlertMode=o.ChopLogicAlertMode;exports.ChopLogicButton=o.ChopLogicButton;exports.ChopLogicButtonView=o.ChopLogicButtonView;exports.ChopLogicCheckbox=o.ChopLogicCheckbox;exports.ChopLogicDialog=o.ChopLogicDialog;exports.ChopLogicErrorMessage=o.ChopLogicErrorMessage;exports.ChopLogicForm=o.ChopLogicForm;exports.ChopLogicFormContext=o.ChopLogicFormContext;exports.ChopLogicGrid=o.ChopLogicGrid;exports.ChopLogicIcon=o.ChopLogicIcon;exports.ChopLogicIconName=o.ChopLogicIconName;exports.ChopLogicInputInnerButton=o.InputInnerButton;exports.ChopLogicLabel=o.ChopLogicLabel;exports.ChopLogicLoaderView=o.ChopLogicLoaderView;exports.ChopLogicMenu=o.ChopLogicMenu;exports.ChopLogicMultiSelect=o.ChopLogicMultiSelect;exports.ChopLogicNumericInput=o.ChopLogicNumericInput;exports.ChopLogicOrientationMode=o.ChopLogicOrientationMode;exports.ChopLogicPortal=o.ChopLogicPortal;exports.ChopLogicSelect=o.ChopLogicSelect;exports.ChopLogicTabs=o.ChopLogicTabs;exports.ChopLogicTextInput=o.ChopLogicTextInput;exports.ChopLogicThemeContext=o.ChopLogicThemeContext;exports.ChopLogicThemeMode=o.ChopLogicThemeMode;exports.ChopLogicTooltip=o.ChopLogicTooltip;exports.ChopLogicTooltipContainer=o.ChopLogicTooltipContainer;exports.useChopLogicTheme=o.useChopLogicTheme;exports.useClickOutside=o.useClickOutside;exports.useContainerDimensions=o.useContainerDimensions;exports.useElementIds=o.useElementIds;exports.useKeyPress=o.useKeyPress;exports.useModalFocusTrap=o.useModalFocusTrap;exports.useMount=o.useMount;exports.useResetFormInput=o.useResetFormInput;exports.useTooltipPosition=o.useTooltipPosition;exports.useWindowDimensions=o.useWindowDimensions;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-OUA1cKrc.cjs");exports.ChopLogicAlert=o.ChopLogicAlert;exports.ChopLogicAlertMode=o.ChopLogicAlertMode;exports.ChopLogicButton=o.ChopLogicButton;exports.ChopLogicButtonView=o.ChopLogicButtonView;exports.ChopLogicCheckbox=o.ChopLogicCheckbox;exports.ChopLogicDialog=o.ChopLogicDialog;exports.ChopLogicErrorMessage=o.ChopLogicErrorMessage;exports.ChopLogicForm=o.ChopLogicForm;exports.ChopLogicFormContext=o.ChopLogicFormContext;exports.ChopLogicGrid=o.ChopLogicGrid;exports.ChopLogicIcon=o.ChopLogicIcon;exports.ChopLogicIconName=o.ChopLogicIconName;exports.ChopLogicInputInnerButton=o.InputInnerButton;exports.ChopLogicLabel=o.ChopLogicLabel;exports.ChopLogicLoaderView=o.ChopLogicLoaderView;exports.ChopLogicMenu=o.ChopLogicMenu;exports.ChopLogicMultiSelect=o.ChopLogicMultiSelect;exports.ChopLogicNumericInput=o.ChopLogicNumericInput;exports.ChopLogicOrientationMode=o.ChopLogicOrientationMode;exports.ChopLogicPortal=o.ChopLogicPortal;exports.ChopLogicSelect=o.ChopLogicSelect;exports.ChopLogicTabs=o.ChopLogicTabs;exports.ChopLogicTextInput=o.ChopLogicTextInput;exports.ChopLogicThemeContext=o.ChopLogicThemeContext;exports.ChopLogicThemeMode=o.ChopLogicThemeMode;exports.ChopLogicTooltip=o.ChopLogicTooltip;exports.ChopLogicTooltipContainer=o.ChopLogicTooltipContainer;exports.useChopLogicTheme=o.useChopLogicTheme;exports.useClickOutside=o.useClickOutside;exports.useContainerDimensions=o.useContainerDimensions;exports.useElementIds=o.useElementIds;exports.useKeyPress=o.useKeyPress;exports.useModalFocusTrap=o.useModalFocusTrap;exports.useMount=o.useMount;exports.useResetFormInput=o.useResetFormInput;exports.useTooltipPosition=o.useTooltipPosition;exports.useWindowDimensions=o.useWindowDimensions;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { n as e, t as i, C as a, u as p, a as c, f as t, q as C, h, o as g, i as L, r as n, v as u, I as r, s as l, w as m, k as d, b as I, c as T, x as M, l as x, d as F, m as b, e as w, p as B, y as D, g as k, z as A, A as E, B as P, D as f, E as y, F as G, G as K, H as N, J as O, K as S, L as V } from "./index-CL5Yr-gF.js";
+import { n as e, t as i, C as a, u as p, a as c, f as t, q as C, h, o as g, i as L, r as n, v as u, I as r, s as l, w as m, k as d, b as I, c as T, x as M, l as x, d as F, m as b, e as w, p as B, y as D, g as k, z as A, A as E, B as P, D as f, E as y, F as G, G as K, H as N, J as O, K as S, L as V } from "./index-Dg2AZXfT.js";
 export {
   e as ChopLogicAlert,
   i as ChopLogicAlertMode,

package/dist/models/chop-logic-theme.d.ts

@@ -1,5 +1,4 @@
 import { ChopLogicThemeMode } from '../enums';
-
 export interface ChopLogicTheme {
     fontColorBase: string;
     fontColorLight: string;

package/dist/models/common.d.ts

@@ -1,5 +1,4 @@
 import { CSSProperties } from 'react';
-
 export interface ChopLogicComponentProps {
     id?: string;
     className?: string;

package/dist/models/components/alert.d.ts

@@ -1,6 +1,5 @@
 import { ChopLogicAlertMode, ChopLogicIconName } from '../../enums';
 import { ChopLogicComponentProps } from '../common.ts';
-
 export interface ChopLogicAlertProps extends ChopLogicComponentProps {
     isOpened: boolean;
     onClose: () => void;

package/dist/models/components/button.d.ts

@@ -1,7 +1,6 @@
 import { FocusEventHandler, MouseEventHandler } from 'react';
 import { ChopLogicButtonView, ChopLogicIconName } from '../../enums';
 import { ChopLogicInputProps } from '../common.ts';
-
 export interface ChopLogicButtonProps extends Partial<ChopLogicInputProps> {
     onClick?: MouseEventHandler<HTMLButtonElement>;
     onFocus?: FocusEventHandler<HTMLButtonElement>;

package/dist/models/components/checkbox.d.ts

@@ -1,6 +1,5 @@
 import { ChangeEventHandler } from 'react';
 import { ChopLogicInputProps } from '../common.ts';
-
 export interface ChopLogicCheckboxProps extends ChopLogicInputProps {
     noLabel?: boolean;
     iconPosition?: 'left' | 'right';

package/dist/models/components/dialog.d.ts

@@ -1,6 +1,5 @@
 import { PropsWithChildren } from 'react';
 import { ChopLogicComponentProps } from '../common.ts';
-
 export interface ChopLogicDialogProps extends ChopLogicComponentProps, PropsWithChildren {
     isOpened: boolean;
     onClose: () => void;

package/dist/models/components/form.d.ts

@@ -1,6 +1,5 @@
 import { FormEventHandler, PropsWithChildren } from 'react';
 import { ChopLogicComponentProps } from '../common.ts';
-
 export type ChopLogicFormData = {
     [key: string]: unknown;
 };

package/dist/models/components/grid.d.ts

@@ -1,6 +1,5 @@
 import { ReactElement } from 'react';
 import { ChopLogicComponentProps } from '../common.ts';
-
 export interface ChopLogicGridProps extends ChopLogicComponentProps {
     columns: ChopLogicGridColumn[];
     data: ChopLogicGridItem[];

package/dist/models/components/icon.d.ts

@@ -1,6 +1,5 @@
 import { ChopLogicIconName } from '../../enums';
 import { ChopLogicComponentProps } from '../common.ts';
-
 export interface ChopLogicIconProps extends ChopLogicComponentProps {
     name?: ChopLogicIconName;
     testId?: string;

package/dist/models/components/loader.d.ts

@@ -1,6 +1,5 @@
 import { ChopLogicLoaderView } from '../../enums';
 import { ChopLogicComponentProps } from '../common.ts';
-
 export interface ChopLogicLoaderProps extends ChopLogicComponentProps {
     view: ChopLogicLoaderView;
 }

package/dist/models/components/menu.d.ts

@@ -1,6 +1,5 @@
 import { ChopLogicIconName, ChopLogicOrientationMode } from '../../enums';
 import { ChopLogicComponentProps } from '../common';
-
 export interface ChopLogicMenuProps extends ChopLogicComponentProps {
     items: ChopLogicMenuItem[];
     mode?: ChopLogicOrientationMode;

package/dist/models/components/multi-select.d.ts

@@ -1,5 +1,4 @@
 import { ChopLogicInputProps, ChopLogicSelectValue } from '../common.ts';
-
 export interface ChopLogicMultiSelectProps extends ChopLogicInputProps {
     options: ChopLogicSelectValue[];
     onChange?: (values?: ChopLogicSelectValue[]) => void;

package/dist/models/components/numeric.d.ts

@@ -1,6 +1,5 @@
 import { ChangeEventHandler, FocusEventHandler } from 'react';
 import { ChopLogicInputProps, ChopLogicNumericInputValidator } from '../common.ts';
-
 export interface ChopLogicNumericInputProps extends ChopLogicInputProps {
     errorMessage?: string;
     validator?: ChopLogicNumericInputValidator;

package/dist/models/components/select.d.ts

@@ -1,5 +1,4 @@
 import { ChopLogicInputProps, ChopLogicSelectValue } from '../common.ts';
-
 export interface ChopLogicSelectProps extends ChopLogicInputProps {
     options: ChopLogicSelectValue[];
     onChange?: (value?: ChopLogicSelectValue) => void;

package/dist/models/components/tabs.d.ts

@@ -1,7 +1,6 @@
 import { ReactElement } from 'react';
 import { ChopLogicOrientationMode } from '../../enums';
 import { ChopLogicComponentProps } from '../common.ts';
-
 export interface ChopLogicTabsProps extends ChopLogicComponentProps {
     tabs: ChopLogicTabItem[];
     defaultTabId?: string;

package/dist/models/components/text.d.ts

@@ -1,6 +1,5 @@
 import { ChangeEventHandler, FocusEventHandler, HTMLInputAutoCompleteAttribute } from 'react';
 import { ChopLogicInputProps, ChopLogicRegExpWithFlags, ChopLogicTextInputValidator } from '../common.ts';
-
 export interface ChopLogicTextInputProps extends ChopLogicInputProps {
     errorMessage?: string;
     clearable?: boolean;

package/dist/models/components/tooltip.d.ts

@@ -1,7 +1,6 @@
 import { PropsWithChildren, ReactElement } from 'react';
 import { ChopLogicTooltipContainer } from '../../enums';
 import { ChopLogicComponentProps } from '../common.ts';
-
 export interface ChopLogicTooltipProps extends PropsWithChildren, ChopLogicComponentProps {
     tooltipContent: string | ReactElement;
     containerTag?: ChopLogicTooltipContainer;

package/dist/utils/get-chop-logic-theme.d.ts

@@ -1,3 +1,2 @@
 import { ChopLogicTheme } from '../models';
-
 export declare function getChopLogicTheme(mode?: 'dark' | 'light', customTheme?: Partial<ChopLogicTheme>): ChopLogicTheme;

package/dist/utils/handle-dropdown-list-key-press.d.ts

@@ -1,6 +1,5 @@
 import { KeyboardEvent } from 'react';
 import { ChopLogicSelectValue } from '../models';
-
 export declare function handleDropdownListKeyPress({ e, options, onClose, }: {
     e: KeyboardEvent<HTMLUListElement>;
     options: ChopLogicSelectValue[];

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "git+https://github.com/SavouryGin/chop-logic-components.git"
   },
-  "version": "1.3.0",
+  "version": "2.0.0",
   "description": "React UI components library for Chop Logic project",
   "type": "module",
   "main": "dist/index.cjs.js",
@@ -14,21 +14,22 @@
     "/dist"
   ],
   "scripts": {
+    "start": "storybook dev -p 6006 --no-open",
+    "build:storybook": "storybook build  -- -o storybook-static --quiet",
+    "prepare": "npm run build && husky",
     "format": "prettier --write --parser typescript '**/*.{ts,tsx}'",
-    "lint": "eslint . --ext .ts,.tsx --ignore-path .gitignore --fix",
-    "check-types": "tsc --pretty --noEmit",
+    "lint": "npx eslint",
+    "lint:fix": "npx eslint --fix --quiet",
+    "types": "tsc --pretty --noEmit",
     "build": "tsc && vite build",
     "test": "vitest",
     "test:ci": "vitest run --passWithNoTests",
-    "coverage": "vitest run --coverage",
-    "storybook": "storybook dev -p 6006 --no-open",
-    "build-storybook": "storybook build  -- -o storybook-static --quiet",
-    "prepare": "npm run build && husky install"
+    "coverage": "vitest run --coverage"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx,json,css,scss,md}": [
+      "npm run lint:fix",
       "prettier --write",
-      "eslint --fix",
       "npm run test:ci"
     ]
   },
@@ -45,49 +46,47 @@
     "url": "https://github.com/SavouryGin/chop-logic-components/issues"
   },
   "homepage": "https://savourygin.github.io/chop-logic-components",
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.1.0",
-    "@commitlint/cli": "^19.3.0",
-    "@commitlint/config-conventional": "^19.2.2",
-    "@storybook/addon-essentials": "^8.4.6",
-    "@storybook/addon-interactions": "^8.4.6",
-    "@storybook/addon-links": "^8.4.6",
-    "@storybook/addon-mdx-gfm": "^8.4.6",
-    "@storybook/blocks": "^8.4.6",
-    "@storybook/manager-api": "^8.4.6",
-    "@storybook/react": "^8.4.6",
-    "@storybook/react-vite": "^8.4.6",
-    "@storybook/test": "^8.4.6",
-    "@storybook/theming": "^8.4.6",
-    "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^15.0.6",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/node": "^20.12.8",
-    "@types/react": "^18.3.1",
-    "@typescript-eslint/eslint-plugin": "^7.8.0",
-    "@typescript-eslint/parser": "^7.8.0",
-    "@vitest/coverage-v8": "^3.0.0",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
-    "eslint-plugin-storybook": "^0.11.0",
-    "husky": "^8.0.0",
+    "@chromatic-com/storybook": "^3.2.4",
+    "@commitlint/cli": "^19.7.1",
+    "@commitlint/config-conventional": "^19.7.1",
+    "@eslint/js": "^9.20.0",
+    "@storybook/addon-docs": "^8.5.3",
+    "@storybook/addon-essentials": "^8.5.3",
+    "@storybook/addon-interactions": "^8.5.3",
+    "@storybook/addon-links": "^8.5.3",
+    "@storybook/addon-mdx-gfm": "^8.5.3",
+    "@storybook/blocks": "^8.5.3",
+    "@storybook/manager-api": "^8.5.3",
+    "@storybook/react": "^8.5.3",
+    "@storybook/react-vite": "^8.5.3",
+    "@storybook/test": "^8.5.3",
+    "@storybook/theming": "^8.5.3",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "@types/node": "^22.13.0",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "@vitest/coverage-v8": "^3.0.5",
+    "eslint": "^9.20.0",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.18",
+    "globals": "^15.14.0",
+    "husky": "^9.1.7",
     "husky-init": "^8.0.0",
-    "jsdom": "^24.0.0",
-    "lint-staged": "^15.2.2",
-    "prettier": "^3.2.5",
-    "storybook": "^8.4.6",
-    "styled-components": "^6.1.12",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.10",
-    "vite-plugin-dts": "^3.9.0",
-    "vitest": "^3.0.0"
-  },
-  "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "jsdom": "^26.0.0",
+    "prettier": "^3.4.2",
+    "storybook": "^8.5.3",
+    "styled-components": "^6.1.14",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.23.0",
+    "vite": "^6.0.11",
+    "vite-plugin-dts": "^4.5.0",
+    "vitest": "^3.0.5"
   }
 }