@neovici/cosmoz-rating 1.2.0 → 1.2.1

package/dist/hooks/use-rating.d.ts

@@ -1,7 +1,7 @@
-import { CosmozRatingElement } from '../types';
-declare const useRating: (host: CosmozRatingElement) => {
+import { Props } from '../types';
+declare const useRating: (props: Props) => {
     rating: number | null;
-    disabled: boolean;
+    disabled: boolean | undefined;
     maxRating: number;
     handleComponentLeave: () => void;
     renderStar: (index: number) => import("lit-html").TemplateResult<1>;

package/dist/hooks/use-rating.js

@@ -1,12 +1,14 @@
 import { useState, html, useEffect } from '@pionjs/pion';
 import { svg } from 'lit-html';
-const useRating = (host) => {
+import { useHost } from '@neovici/cosmoz-utils/hooks/use-host';
+const useRating = (props) => {
+    const host = useHost();
     const [hoveredRating, setHoveredRating] = useState(null);
-    const ratingAttr = host.getAttribute('rating');
-    const rating = ratingAttr ? parseFloat(ratingAttr) : null;
-    const disabled = host.hasAttribute('disabled');
-    const maxRatingAttr = host.getAttribute('max-rating');
-    const maxRating = maxRatingAttr ? parseInt(maxRatingAttr, 10) : 5;
+    const ratingRaw = props.rating;
+    const rating = ratingRaw ? parseFloat(ratingRaw) : null;
+    const disabled = props.disabled;
+    const maxRatingRaw = props.maxRating;
+    const maxRating = maxRatingRaw ? parseInt(maxRatingRaw, 10) : 5;
     useEffect(() => {
         // Set appropriate tabIndex for accessibility
         if (!disabled && host.tabIndex === -1) {

package/dist/rating.d.ts

@@ -1,4 +1,4 @@
-import { CosmozRatingElement } from './types';
-declare const CosmozRating: import("@pionjs/pion/lib/component").ComponentConstructor<CosmozRatingElement>;
+import { Props } from './types';
+declare const CosmozRating: import("@pionjs/pion/lib/component").ComponentConstructor<Props>;
 export { CosmozRating };
 export default CosmozRating;

package/dist/rating.js

@@ -1,8 +1,8 @@
 import { component, html } from '@pionjs/pion';
 import useRating from './hooks/use-rating';
 import { styles } from './rating.css';
-const Rating = (host) => {
-    const { maxRating, renderStar, handleComponentLeave } = useRating(host);
+const Rating = (props) => {
+    const { maxRating, renderStar, handleComponentLeave } = useRating(props);
     return html `
 		<div class="rating-container" @mouseleave=${handleComponentLeave}>
 			${Array.from({ length: maxRating }, (_, index) => renderStar(index))}

package/dist/types.d.ts

@@ -3,10 +3,8 @@ export interface RatingEvent extends CustomEvent {
         rating: number;
     };
 }
-export interface CosmozRatingProps {
-    rating?: number | null;
+export interface Props {
+    rating?: string;
     disabled?: boolean;
-    maxRating?: number;
-}
-export interface CosmozRatingElement extends HTMLElement, CosmozRatingProps {
+    maxRating?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-rating",
-	"version": "1.2.0",
+	"version": "1.2.1",
 	"description": "A simple rating web component",
 	"keywords": [
 		"web-components",
@@ -9,13 +9,13 @@
 		"pion",
 		"lit-html"
 	],
-	"homepage": "https://github.com/neovici/cosmoz-rating#readme",
+	"homepage": "https://github.com/Neovici/cosmoz-rating#readme",
 	"bugs": {
-		"url": "https://github.com/neovici/cosmoz-rating/issues"
+		"url": "https://github.com/Neovici/cosmoz-rating/issues"
 	},
 	"repository": {
 		"type": "git",
-		"url": "git+https://github.com/neovici/cosmoz-rating.git"
+		"url": "git+https://github.com/Neovici/cosmoz-rating.git"
 	},
 	"license": "Apache-2.0",
 	"author": "",
@@ -34,19 +34,8 @@
 		"storybook:build": "storybook build",
 		"storybook:deploy": "storybook-to-ghpages",
 		"storybook:preview": "npm run storybook:build && http-server -d ./storybook-static/",
-		"prepare": "husky"
-	},
-	"release": {
-		"plugins": [
-			"@semantic-release/commit-analyzer",
-			"@semantic-release/release-notes-generator",
-			"@semantic-release/changelog",
-			"@semantic-release/github",
-			"@semantic-release/npm",
-			"@semantic-release/git"
-		],
-		"branch": "master",
-		"preset": "conventionalcommits"
+		"prepare": "husky",
+		"changeset": "changeset"
 	},
 	"publishConfig": {
 		"access": "public"
@@ -59,31 +48,27 @@
 		".": "./dist/index.js"
 	},
 	"dependencies": {
+		"@neovici/cosmoz-utils": "^6.14.2",
 		"@pionjs/pion": "^2.5.2",
 		"lit-html": "^3.3.1"
 	},
 	"devDependencies": {
+		"@changesets/cli": "^2.27.0",
 		"@commitlint/cli": "^19.2.1",
 		"@commitlint/config-conventional": "^19.1.0",
 		"@eslint/eslintrc": "^2.0.0",
 		"@neovici/cfg": "^2.0.0",
 		"@open-wc/testing": "^4.0.0",
-		"@semantic-release/changelog": "^6.0.0",
-		"@semantic-release/git": "^10.0.0",
-		"@storybook/addon-essentials": "^7.0.0",
-		"@storybook/addon-links": "^7.0.0",
-		"@storybook/web-components": "7.6.17",
+		"@playwright/test": "1.60.0",
+		"@storybook/web-components-vite": "^9.1.5",
 		"@types/mocha": "^10.0.6",
 		"@types/node": "^22.10.2",
-		"@web/storybook-builder": "^0.1.9",
-		"@web/storybook-framework-web-components": "^0.1.1",
 		"esbuild": "^0.24.0",
 		"http-server": "^14.1.1",
 		"husky": "^9.0.11",
 		"rollup-plugin-esbuild": "^6.1.1",
-		"semantic-release": "^24.0.0",
 		"sinon": "^19.0.0",
-		"storybook": "^7.0.0",
+		"storybook": "^9.1.5",
 		"typescript": "^5.4.3"
 	},
 	"overrides": {