@vchasno/ui-kit 0.2.6 → 0.2.8

package/dist/types/components/BubbleBox/BubbleBox.d.ts

@@ -0,0 +1,17 @@
+import React, { HTMLAttributes } from 'react';
+import './BubbleBox.global.css';
+export interface BubbleBoxProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    controlClassName?: string;
+    svgClassName?: string;
+    control?: React.ReactNode;
+    shadow?: boolean;
+    bubbleSize?: number | [number, number];
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+    borderColor?: React.CSSProperties['borderColor'];
+    innerOffset?: number;
+    radiusOffset?: number;
+    borderWith?: 1 | 2 | 3 | 4 | 5;
+}
+declare const BubbleBox: React.FC<BubbleBoxProps>;
+export default BubbleBox;

package/dist/types/components/BubbleBox/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './BubbleBox';
+export type { BubbleBoxProps } from './BubbleBox';

package/dist/types/components/BubbleBox/useClientRect.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const useClientRect: () => {
+    rect: DOMRect | null;
+    ref: React.RefObject<HTMLDivElement>;
+};

package/dist/types/components/BubbleBox/utils.d.ts

@@ -0,0 +1 @@
+export declare const composeBubblePath: (width: number, height: number, bubble: number, radiusOffset: number) => string;

package/dist/types/components/PulseDot/PulseDot.d.ts

@@ -0,0 +1,22 @@
+import React, { HTMLAttributes } from 'react';
+import './PulseDot.css';
+export interface PulseDotProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Color of the dot
+     */
+    color?: string;
+    /**
+     * CSS width/height values like  10em | 10px | 50%
+     */
+    size?: React.CSSProperties['width'];
+    /**
+     * CSS style object for overriding default styling
+     */
+    style?: React.CSSProperties;
+    /**
+     * className for overriding default styling
+     */
+    className?: string;
+}
+declare const PulseDot: React.FC<PulseDotProps>;
+export default PulseDot;

package/dist/types/components/PulseDot/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './PulseDot';
+export type { PulseDotProps } from './PulseDot';

package/dist/types/components/index.d.ts

@@ -30,3 +30,7 @@ export { default as Tabs } from './Tabs';
 export type { TabsProps } from './Tabs';
 export { default as Checkbox } from './Checkbox';
 export type { CheckboxProps } from './Checkbox';
+export { default as PulseDot } from './PulseDot';
+export type { PulseDotProps } from './PulseDot';
+export { default as BubbleBox } from './BubbleBox';
+export type { BubbleBoxProps } from './BubbleBox';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vchasno/ui-kit",
-    "version": "0.2.6",
+    "version": "0.2.8",
     "description": "React UI components for Vchasno applications",
     "main": "dist/index.js",
     "module": "dist/index.js",
@@ -12,19 +12,27 @@
     "exports": {
         ".": {
             "types": "./dist/index.d.ts",
-            "import": "./dist/index.js"
+            "require": "./dist/index.cjs.js",
+            "import": "./dist/index.js",
+            "default": "./dist/index.js"
         },
         "./Datepicker": {
             "types": "./dist/Datepicker/index.d.ts",
-            "import": "./dist/Datepicker/index.js"
+            "require": "./dist/Datepicker/index.cjs.js",
+            "import": "./dist/Datepicker/index.js",
+            "default": "./dist/Datepicker/index.js"
         },
         "./Select": {
             "types": "./dist/Select/index.d.ts",
-            "import": "./dist/Select/index.js"
+            "require": "./dist/Select/index.cjs.js",
+            "import": "./dist/Select/index.js",
+            "default": "./dist/Select/index.js"
         },
         "./SelectCreatable": {
             "types": "./dist/SelectCreatable/index.d.ts",
-            "import": "./dist/SelectCreatable/index.js"
+            "require": "./dist/SelectCreatable/index.cjs.js",
+            "import": "./dist/SelectCreatable/index.js",
+            "default": "./dist/SelectCreatable/index.js"
         },
         "./dist/css/*.css": "./dist/css/*.css"
     },
@@ -34,6 +42,7 @@
         "lint": "npm run lint:js && npm run lint:css",
         "lint:js": "eslint 'src/**/*.{js,jsx,ts,tsx,json}'",
         "lint:css": "stylelint \"src/**/*.css\"",
+        "lint:css:fix": "stylelint \"src/**/*.css\" --fix",
         "build": "rollup -c",
         "pub": "npm run build && npm publish --access public --scope=@vchasno",
         "storybook": "storybook dev -p 6006",
@@ -57,24 +66,24 @@
         "@vchasno:registry": "https://registry.npmjs.org/"
     },
     "devDependencies": {
-        "@babel/preset-env": "~7.22.20",
-        "@babel/preset-react": "7.22.15",
-        "@babel/preset-typescript": "~7.22.15",
-        "@jest/globals": "~29.7.0",
-        "@rollup/plugin-commonjs": "25.0.4",
-        "@rollup/plugin-node-resolve": "15.2.1",
-        "@rollup/plugin-terser": "~0.4.3",
-        "@rollup/plugin-typescript": "11.1.3",
-        "@storybook/addon-essentials": "~7.4.5",
-        "@storybook/addon-interactions": "~7.4.5",
-        "@storybook/addon-links": "~7.4.5",
-        "@storybook/addon-onboarding": "~1.0.8",
-        "@storybook/blocks": "~7.4.5",
-        "@storybook/react": "~7.4.5",
-        "@storybook/react-webpack5": "~7.4.5",
-        "@storybook/testing-library": "~0.2.1",
-        "@trivago/prettier-plugin-sort-imports": "~4.2.0",
-        "@types/jest": "~29.5.5",
+        "@babel/preset-env": "7.24.0",
+        "@babel/preset-react": "7.23.3",
+        "@babel/preset-typescript": "7.23.3",
+        "@jest/globals": "29.7.0",
+        "@rollup/plugin-commonjs": "25.0.7",
+        "@rollup/plugin-node-resolve": "15.2.3",
+        "@rollup/plugin-terser": "0.4.4",
+        "@rollup/plugin-typescript": "11.1.6",
+        "@storybook/addon-essentials": "7.6.17",
+        "@storybook/addon-interactions": "7.6.17",
+        "@storybook/addon-links": "7.6.17",
+        "@storybook/addon-onboarding": "1.0.11",
+        "@storybook/blocks": "7.6.17",
+        "@storybook/react": "7.6.17",
+        "@storybook/react-webpack5": "7.6.17",
+        "@storybook/testing-library": "0.2.2",
+        "@trivago/prettier-plugin-sort-imports": "4.3.0",
+        "@types/jest": "29.5.12",
         "@types/react": "~17.0.75",
         "@types/react-dom": "~17.0.25",
         "@typescript-eslint/eslint-plugin": "~6.7.3",
@@ -85,29 +94,29 @@
         "eslint-plugin-prettier": "~5.0.0",
         "eslint-plugin-react": "~7.33.2",
         "eslint-plugin-react-hooks": "~4.6.0",
-        "jest": "~29.7.0",
-        "jest-environment-jsdom": "~29.7.0",
+        "jest": "29.7.0",
+        "jest-environment-jsdom": "29.7.0",
         "postcss": "8.4.31",
         "prettier": "~3.0.3",
         "react": "~17.0.2",
         "react-dom": "~17.0.2",
-        "rimraf": "5.0.1",
-        "rollup": "~3.29.4",
-        "rollup-plugin-copy": "^3.5.0",
-        "rollup-plugin-dts": "6.0.2",
+        "rimraf": "5.0.5",
+        "rollup": "3.29.4",
+        "rollup-plugin-copy": "3.5.0",
+        "rollup-plugin-dts": "6.1.0",
         "rollup-plugin-multi-input": "~1.4.1",
         "rollup-plugin-peer-deps-external": "2.2.4",
         "rollup-plugin-postcss": "4.0.2",
         "rollup-plugin-sourcemaps": "^0.6.3",
-        "storybook": "~7.4.5",
+        "storybook": "7.6.17",
         "stylelint": "~15.10.3",
         "stylelint-config-idiomatic-order": "~9.0.0",
         "stylelint-config-standard": "~34.0.0",
-        "ts-jest": "~29.1.1",
-        "ts-node": "~10.9.1",
+        "ts-jest": "29.1.2",
+        "ts-node": "10.9.2",
         "tslib": "2.6.2",
-        "typescript": "5.2.2",
-        "webpack": "^5.88.2"
+        "typescript": "5.3.3",
+        "webpack": "5.90.3"
     },
     "peerDependencies": {
         "react": "^16.8.0 || ^17 || ^18",