chop-logic-components 0.8.0 → 0.10.0

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "git+https://github.com/SavouryGin/chop-logic-components.git"
   },
-  "version": "0.8.0",
+  "version": "0.10.0",
   "description": "React UI components library for Chop Logic project",
   "type": "module",
   "main": "dist/index.cjs.js",
@@ -23,7 +23,7 @@
     "coverage": "vitest run --coverage",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "prepare": "npm run build"
+    "prepare": "npm run build && husky install"
   },
   "lint-staged": {
     "*.{ts,tsx}": [
@@ -47,14 +47,14 @@
     "@chromatic-com/storybook": "^1.6.1",
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
-    "@storybook/addon-essentials": "^8.2.6",
-    "@storybook/addon-interactions": "^8.2.6",
-    "@storybook/addon-links": "^8.2.6",
-    "@storybook/addon-onboarding": "^8.2.6",
-    "@storybook/blocks": "^8.2.6",
-    "@storybook/react": "^8.2.6",
-    "@storybook/react-vite": "^8.2.6",
-    "@storybook/test": "^8.2.6",
+    "@storybook/addon-essentials": "^8.2.8",
+    "@storybook/addon-interactions": "^8.2.8",
+    "@storybook/addon-links": "^8.2.8",
+    "@storybook/addon-onboarding": "^8.2.8",
+    "@storybook/blocks": "^8.2.8",
+    "@storybook/react": "^8.2.8",
+    "@storybook/react-vite": "^8.2.8",
+    "@storybook/test": "^8.2.8",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^15.0.6",
     "@testing-library/user-event": "^14.5.2",
@@ -69,17 +69,17 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-storybook": "^0.8.0",
-    "husky": "^9.0.11",
+    "husky-init": "^8.0.0",
     "jsdom": "^24.0.0",
     "lint-staged": "^15.2.2",
     "prettier": "^3.2.5",
-    "sass": "^1.77.8",
-    "storybook": "^8.2.6",
+    "storybook": "^8.2.8",
     "styled-components": "^6.1.12",
     "typescript": "^5.4.5",
     "vite": "^5.2.10",
     "vite-plugin-dts": "^3.9.0",
-    "vitest": "^1.5.3"
+    "vitest": "^1.5.3",
+    "husky": "^8.0.0"
   },
   "peerDependencies": {
     "react": "^18.3.1"

package/dist/__mocks__/select-values.d.ts

@@ -1,5 +0,0 @@
-import { MultiSelectValue } from '../../../../../../../src/components/inputs/multi-select/types';
-import { SelectValue } from '../../../../../../../src/components/inputs/select/types';
-
-export declare const SELECT_LANGUAGES: SelectValue[];
-export declare const MULTI_SELECT_VALUES: MultiSelectValue[];

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

@@ -1,11 +0,0 @@
-import { MouseEventHandler } from 'react';
-import { CLIcon } from '../../../../../../../../../src/components/misc/icon/types';
-
-export type ChopLogicButtonView = 'primary' | 'secondary' | 'danger' | 'icon';
-export type ChopLogicButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    onClick?: MouseEventHandler<HTMLButtonElement> | (() => void);
-    view?: ChopLogicButtonView;
-    label?: string;
-    icon?: CLIcon;
-    text?: string;
-};

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

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-export type MultiSelectValue = {
-    id: string;
-    label: string;
-    selected: boolean;
-};
-export type ChopLogicMultiSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
-    id: string;
-    name: string;
-    label: string;
-    values: MultiSelectValue[];
-    onSelectChange?: (values?: MultiSelectValue[]) => void;
-    placeholder?: string;
-};
-export type MultiSelectDropdownProps = {
-    values: MultiSelectValue[];
-    isOpened: boolean;
-    dropdownId: string;
-    onClose: () => void;
-    onSelect: (id: string) => void;
-};

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export type ChopLogicSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
-    id: string;
-    name: string;
-    label: string;
-    values: SelectValue[];
-    onSelectChange?: (value?: SelectValue) => void;
-    placeholder?: string;
-};
-export type SelectValue = {
-    id: string;
-    label: string;
-};

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export type ChopLogicTextInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
-    id: string;
-    name: string;
-    label: string;
-    valid?: boolean;
-    errorMessage?: string;
-};

package/dist/components/misc/icon/types.d.ts

@@ -1,22 +0,0 @@
-export declare enum CLIcon {
-    ArrowDown = "arrow-down",
-    ArrowUp = "arrow-up",
-    Back = "back",
-    Cancel = "cancel",
-    CheckboxChecked = "checkbox-checked",
-    CheckboxUnchecked = "checkbox-unchecked",
-    CheckMark = "check-mark",
-    Copy = "copy",
-    Cut = "cut",
-    Delete = "delete",
-    Download = "download",
-    Error = "error",
-    Forward = "forward",
-    Help = "help",
-    Info = "info",
-    Paste = "paste",
-    Question = "question",
-    Save = "save",
-    Upload = "upload",
-    Warning = "warning"
-}

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

@@ -1,11 +0,0 @@
-import { CLIcon } from '../../../../../../../../../src/components/misc/icon/types';
-
-export type ChopLogicAlertMode = 'success' | 'error' | 'warning' | 'info' | 'help';
-export type ChopLogicAlertProps = React.HTMLAttributes<HTMLDivElement> & {
-    isOpened: boolean;
-    onClose: () => void;
-    message: string;
-    title?: string;
-    mode?: ChopLogicAlertMode;
-    icon?: CLIcon;
-};

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

@@ -1,7 +0,0 @@
-import { PropsWithChildren } from 'react';
-
-export type ChopLogicModalProps = PropsWithChildren & React.HTMLAttributes<HTMLDivElement> & {
-    isOpened: boolean;
-    onClose: () => void;
-    title: string;
-};

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

@@ -1,8 +0,0 @@
-import { PropsWithChildren } from 'react';
-
-export type ChopLogicTooltipProps = PropsWithChildren & React.HTMLAttributes<HTMLElement> & {
-    tooltipContent: string | React.ReactElement;
-    id: string;
-    containerTag?: 'span' | 'div' | 'p' | 'strong' | 'em';
-    visibleOn?: 'hover' | 'click' | 'focus' | 'contextmenu';
-};