@cleartrip/ct-design-rating 2.0.0-TEST.3 → 4.0.0-SNAPSHOT-rnfinaltest.0

package/README.md

@@ -0,0 +1,88 @@
+# Rating
+
+A component for displaying and collecting star ratings.
+
+---
+
+## Installation
+
+```bash
+npm install @cleartrip/ct-design-rating
+# or
+pnpm add @cleartrip/ct-design-rating
+```
+
+### Peer dependencies
+
+```bash
+# Required for all targets
+npm install react
+
+# Web only
+npm install react-dom
+
+# React Native only
+npm install react-native
+```
+
+---
+
+## Usage
+
+### Basic
+
+```tsx
+import { Rating } from '@cleartrip/ct-design-rating';
+
+function Example() {
+  return (
+    <Rating>
+      {/* Basic usage */}
+    </Rating>
+  );
+}
+```
+
+---
+
+## Props
+
+| Prop | Type | Default | Required | Description |
+|------|------|---------|----------|-------------|
+| `rating` | `number` | — | Yes | rating property |
+| `maxRating` | `number` | — | No | maxRating property |
+| `size` | `RatingSizeType` | — | No | size property |
+| `activeColor` | `string` | — | No | activeColor property |
+| `inActiveColor` | `string` | — | No | inActiveColor property |
+| `styleConfig` | `{` | — | No | styleConfig property |
+| `root` | `Styles[]` | — | No | root property |
+| `ratingContainer` | `Styles[]` | — | No | ratingContainer property |
+
+---
+
+## RatingSize
+
+- `XS` — xs
+- `SM` — sm
+- `MD` — md
+- `LG` — lg
+- `XL` — xl
+- `XXL` — xxl
+---
+
+## Accessibility
+
+- The component follows accessibility best practices
+- Ensure proper ARIA attributes are provided where needed
+- Test with screen readers to ensure usability
+
+---
+
+## Migration
+
+If migrating from a previous version:
+
+```diff
+- import { Rating } from 'yagami/core/components';
++ import { Rating } from '@cleartrip/ct-design-rating';
+```

package/dist/Rating.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-import { RatingProps } from './type';
-declare const Rating: React.FC<RatingProps>;
+import React from 'react';
+import type { ContainerRef } from '@cleartrip/ct-design-container';
+import { IRatingProps } from './type';
+declare const Rating: React.ForwardRefExoticComponent<IRatingProps & React.RefAttributes<ContainerRef>>;
 export default Rating;
 //# sourceMappingURL=Rating.d.ts.map

package/dist/Rating.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../packages/components/Rating/src/Rating.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAoB,MAAM,QAAQ,CAAC;AAGvD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwCjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../packages/components/Rating/src/Rating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAMnE,OAAO,EAAE,YAAY,EAAc,MAAM,QAAQ,CAAC;AAalD,QAAA,MAAM,MAAM,mFAwBV,CAAC;AAIH,eAAe,MAAM,CAAC"}

package/dist/ct-design-rating.browser.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var r,i,o=require("tslib"),e=require("react/jsx-runtime"),l=require("@cleartrip/ct-design-theme"),t=require("@cleartrip/ct-design-container"),n=require("@cleartrip/ct-design-icons");exports.StarSizeProps=void 0,(r=exports.StarSizeProps||(exports.StarSizeProps={})).sm="sm",r.md="md",r.lg="lg",r.xl="xl",r.xxl="xxl",exports.StarVariantProps=void 0,(i=exports.StarVariantProps||(exports.StarVariantProps={})).DEFAULT="default",i.DISABLED="disabled";var a=function(r,i){switch(r){case"sm":return{width:8,height:8};case"md":return{width:12,height:12};case"lg":return{width:16,height:16};case"xl":return{width:18,height:18};case"xxl":return{width:20,height:20}}},s=function(r){var i=r.variant,o=r.size,e=r.theme,l=r.activeColor,t=r.inActiveColor;return i===exports.StarVariantProps.DISABLED?function(r,i,o,e){var l,t;return{color:o||r.color.background.primary,unfilled:e||r.color.background.grey,fill:o||r.color.background.primary,stroke:o||r.color.background.primary,width:null===(l=a(i))||void 0===l?void 0:l.width,height:null===(t=a(i))||void 0===t?void 0:t.height,cursor:"default"}}(e,o,l,t):function(r,i,o,e){var l,t;return{color:o||r.color.background.primary,unfilled:e||r.color.background.grey,fill:o||r.color.background.primary,stroke:o||r.color.background.primary,width:null===(l=a(i))||void 0===l?void 0:l.width,height:null===(t=a(i))||void 0===t?void 0:t.height,cursor:"pointer"}}(e,o,l,t)};exports.Rating=function(r){var i=r.maxRating,a=void 0===i?5:i,d=r.rating,c=r.variant,u=void 0===c?exports.StarVariantProps.DISABLED:c,v=r.size,h=void 0===v?"xl":v,g=r.styleConfig;r.onChange;var p=l.useTheme(),m=g||{},x=m.root,f=m.starWrapperContainer,S=m.starContainer,w=m.activeColor,y=void 0===w?"":w,C=m.inActiveColor,k=s({variant:u,size:h,theme:p,activeColor:y,inActiveColor:void 0===C?"":C});return e.jsx(t.Container,o.__assign({className:null==x?void 0:x.className,style:null==x?void 0:x.css},{children:Array.from({length:a},(function(r,i){var l,a,s,c,u=i<d,v=u?null==k?void 0:k.color:null==k?void 0:k.unfilled,h=u?null==k?void 0:k.color:null==k?void 0:k.unfilled,g=(null===(l=null==S?void 0:S.css)||void 0===l?void 0:l.width)?null===(a=null==S?void 0:S.css)||void 0===a?void 0:a.width:null==k?void 0:k.width,p=(null===(s=null==S?void 0:S.css)||void 0===s?void 0:s.height)?null===(c=null==S?void 0:S.css)||void 0===c?void 0:c.height:null==k?void 0:k.height;return e.jsx(t.Container,o.__assign({display:"inline-flex",className:null==f?void 0:f.className,style:null==f?void 0:f.css},{children:e.jsx(n.StarIcon,{className:null==S?void 0:S.className,stroke:v,fill:h,height:p,width:g})}),i)}))}))};
+"use strict";var e,i=require("react/jsx-runtime"),t=require("react"),r=require("@cleartrip/ct-design-container"),n=require("@cleartrip/ct-design-icons"),s=require("@cleartrip/ct-design-theme"),o=require("@cleartrip/ct-design-style-manager");exports.RatingSize=void 0,(e=exports.RatingSize||(exports.RatingSize={})).XS="xs",e.SM="sm",e.MD="md",e.LG="lg",e.XL="xl",e.XXL="xxl";const a=(e,i)=>Object.assign(Object.assign({},((e,i)=>{switch(i){case exports.RatingSize.XS:return{width:e.size[2],height:e.size[2]};case exports.RatingSize.SM:return{width:e.size[4],height:e.size[4]};case exports.RatingSize.MD:return{width:e.size[5],height:e.size[5]};case exports.RatingSize.LG:return{width:e.size[6],height:e.size[6]};case exports.RatingSize.XL:return{width:e.size[8],height:e.size[8]};case exports.RatingSize.XXL:return{width:e.size[10],height:e.size[10]};default:return{width:e.size[4],height:e.size[4]}}})(e,i)),(e=>({activeColor:e.color.text.primary,inActiveColor:e.color.text.tertiary}))(e)),g=o.makeStyles(e=>({root:{flexDirection:"row",padding:null==e?void 0:e.spacing[1],width:"100%"},ratingContainer:{flexDirection:"row"}})),c=t.forwardRef((e,o)=>{const{rating:c=2,maxRating:h=5,size:l=exports.RatingSize.LG,activeColor:z,inActiveColor:d,styleConfig:x}=e,u=s.useTheme(),p=t.useMemo(()=>a(u,l),[u,l]),{root:S=[],ratingContainer:w=[]}=x||{};return i.jsx(r.Container,{ref:o,styleConfig:{root:[g.root,...S]},children:Array.from({length:h},(e,t)=>{const s=t+1<=c?z||p.activeColor:d||p.inActiveColor;return i.jsx(r.Container,{styleConfig:{root:[g.ratingContainer,...w]},children:i.jsx(n.StarIcon,{fill:s,stroke:s,width:p.width,height:p.height})},`rating_${t}`)})})});c.displayName="Rating",exports.Rating=c;
 //# sourceMappingURL=ct-design-rating.browser.cjs.js.map

package/dist/ct-design-rating.browser.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-rating.browser.cjs.js","sources":["../packages/components/Rating/src/type.ts","../packages/components/Rating/src/style.ts","../packages/components/Rating/src/Rating.tsx"],"sourcesContent":[null,null,null],"names":["StarSizeProps","StarVariantProps","getStarSize","size","theme","width","height","getStarStyles","_a","variant","activeColor","inActiveColor","DISABLED","color","background","primary","unfilled","grey","fill","stroke","_b","cursor","getDisabledStarStyles","getDefaultStarStyles","maxRating","rating","_c","_d","styleConfig","onChange","useTheme","_e","root","starWrapperContainer","starContainer","_f","_g","starStyles","_jsx","Container","__assign","className","style","css","children","Array","from","length","_","index","isActive","strokeColor","fillColor","display","jsx","StarIcon"],"mappings":"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"}
+{"version":3,"file":"ct-design-rating.browser.cjs.js","sources":["../packages/components/Rating/src/type.ts","../packages/components/Rating/src/style.ts","../packages/components/Rating/src/Rating.tsx"],"sourcesContent":[null,null,null],"names":["RatingSize","getRatingTokens","theme","size","Object","assign","XS","width","height","SM","MD","LG","XL","XXL","getRatingSizeTokens","activeColor","color","text","primary","inActiveColor","tertiary","getRatingColorTokens","staticRatingStyles","makeStyles","root","flexDirection","padding","spacing","ratingContainer","Rating","forwardRef","props","ref","rating","maxRating","styleConfig","useTheme","tokens","useMemo","customRootStyles","customRatingContainer","_jsx","jsx","Container","children","Array","from","length","_","index","fill","StarIcon","stroke","displayName"],"mappings":"iBAGYA,gOAAAA,QAOXA,gBAAA,GAPWA,EAAAA,QAAUA,aAAVA,mBAOX,CAAA,IANC,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,IAAA,MCKK,MAwBMC,EAAkB,CAACC,EAAcC,IAA+DC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAxB1E,EAACH,EAAcC,KAChD,OAAQA,GACN,KAAKH,QAAUA,WAACM,GACd,MAAO,CAAEC,MAAOL,EAAMC,KAAK,GAAIK,OAAQN,EAAMC,KAAK,IACpD,KAAKH,QAAUA,WAACS,GACd,MAAO,CAAEF,MAAOL,EAAMC,KAAK,GAAIK,OAAQN,EAAMC,KAAK,IACpD,KAAKH,QAAUA,WAACU,GACd,MAAO,CAAEH,MAAOL,EAAMC,KAAK,GAAIK,OAAQN,EAAMC,KAAK,IACpD,KAAKH,QAAUA,WAACW,GACd,MAAO,CAAEJ,MAAOL,EAAMC,KAAK,GAAIK,OAAQN,EAAMC,KAAK,IACpD,KAAKH,QAAUA,WAACY,GACd,MAAO,CAAEL,MAAOL,EAAMC,KAAK,GAAIK,OAAQN,EAAMC,KAAK,IACpD,KAAKH,QAAUA,WAACa,IACd,MAAO,CAAEN,MAAOL,EAAMC,KAAK,IAAKK,OAAQN,EAAMC,KAAK,KACrD,QACE,MAAO,CAAEI,MAAOL,EAAMC,KAAK,GAAIK,OAAQN,EAAMC,KAAK,MAUnDW,CAAoBZ,EAAOC,IANI,CAACD,IAAqC,CACxEa,YAAab,EAAMc,MAAMC,KAAKC,QAC9BC,cAAejB,EAAMc,MAAMC,KAAKG,WAK7BC,CAAqBnB,IC7BpBoB,EAAqBC,EAAAA,WAAYrB,IAAW,CAChDsB,KAAM,CACJC,cAAe,MACfC,QAASxB,aAAK,EAALA,EAAOyB,QAAQ,GACxBpB,MAAO,QAETqB,gBAAiB,CACfH,cAAe,UAIbI,EAASC,EAAUA,WAA6B,CAACC,EAAOC,KAC5D,MAAMC,OAAEA,EAAS,EAACC,UAAEA,EAAY,EAAC/B,KAAEA,EAAOH,mBAAWW,GAAEI,YAAEA,EAAWI,cAAEA,EAAagB,YAAEA,GAAgBJ,EAC/F7B,EAAQkC,EAAAA,WAERC,EAASC,UAAQ,IAAMrC,EAAgBC,EAAOC,GAAO,CAACD,EAAOC,KAE3DqB,KAAMe,EAAmB,GAAIX,gBAAiBY,EAAwB,IAAOL,GAAe,GAEpG,OACEM,EAACC,IAAAC,YAAU,CAAAX,IAAKA,EAAKG,YAAa,CAAEX,KAAM,CAACF,EAAmBE,QAASe,IACpEK,SAAAC,MAAMC,KAAK,CAAEC,OAAQb,GAAa,CAACc,EAAGC,KACrC,MACMC,EADWD,EAAQ,GAAKhB,EACNlB,GAAesB,EAAOtB,YAAcI,GAAiBkB,EAAOlB,cACpF,OACEsB,MAACE,EAASA,UAAA,CAERR,YAAa,CAAEX,KAAM,CAACF,EAAmBM,mBAAoBY,IAE7DI,SAAAH,EAAAC,IAACS,EAAQA,SAAA,CAACD,KAAMA,EAAME,OAAQF,EAAM3C,MAAO8B,EAAO9B,MAAOC,OAAQ6B,EAAO7B,UAHnE,UAAUyC,WAW3BpB,EAAOwB,YAAc"}

package/dist/ct-design-rating.browser.esm.js

@@ -1,2 +1,2 @@
-import{__assign as i}from"tslib";import{jsx as o}from"react/jsx-runtime";import{useTheme as r}from"@cleartrip/ct-design-theme";import{Container as l}from"@cleartrip/ct-design-container";import{StarIcon as t}from"@cleartrip/ct-design-icons";var n,e;!function(i){i.sm="sm",i.md="md",i.lg="lg",i.xl="xl",i.xxl="xxl"}(n||(n={})),function(i){i.DEFAULT="default",i.DISABLED="disabled"}(e||(e={}));var d=function(i,o){switch(i){case"sm":return{width:8,height:8};case"md":return{width:12,height:12};case"lg":return{width:16,height:16};case"xl":return{width:18,height:18};case"xxl":return{width:20,height:20}}},a=function(i){var o=i.variant,r=i.size,l=i.theme,t=i.activeColor,n=i.inActiveColor;return o===e.DISABLED?function(i,o,r,l){var t,n;return{color:r||i.color.background.primary,unfilled:l||i.color.background.grey,fill:r||i.color.background.primary,stroke:r||i.color.background.primary,width:null===(t=d(o))||void 0===t?void 0:t.width,height:null===(n=d(o))||void 0===n?void 0:n.height,cursor:"default"}}(l,r,t,n):function(i,o,r,l){var t,n;return{color:r||i.color.background.primary,unfilled:l||i.color.background.grey,fill:r||i.color.background.primary,stroke:r||i.color.background.primary,width:null===(t=d(o))||void 0===t?void 0:t.width,height:null===(n=d(o))||void 0===n?void 0:n.height,cursor:"pointer"}}(l,r,t,n)},c=function(n){var d=n.maxRating,c=void 0===d?5:d,u=n.rating,s=n.variant,v=void 0===s?e.DISABLED:s,h=n.size,g=void 0===h?"xl":h,m=n.styleConfig;n.onChange;var f=r(),p=m||{},w=p.root,x=p.starWrapperContainer,y=p.starContainer,k=p.activeColor,b=void 0===k?"":k,C=p.inActiveColor,A=a({variant:v,size:g,theme:f,activeColor:b,inActiveColor:void 0===C?"":C});return o(l,i({className:null==w?void 0:w.className,style:null==w?void 0:w.css},{children:Array.from({length:c},(function(r,n){var e,d,a,c,s=n<u,v=s?null==A?void 0:A.color:null==A?void 0:A.unfilled,h=s?null==A?void 0:A.color:null==A?void 0:A.unfilled,g=(null===(e=null==y?void 0:y.css)||void 0===e?void 0:e.width)?null===(d=null==y?void 0:y.css)||void 0===d?void 0:d.width:null==A?void 0:A.width,m=(null===(a=null==y?void 0:y.css)||void 0===a?void 0:a.height)?null===(c=null==y?void 0:y.css)||void 0===c?void 0:c.height:null==A?void 0:A.height;return o(l,i({display:"inline-flex",className:null==x?void 0:x.className,style:null==x?void 0:x.css},{children:o(t,{className:null==y?void 0:y.className,stroke:v,fill:h,height:m,width:g})}),n)}))}))};export{c as Rating,n as StarSizeProps,e as StarVariantProps};
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as i,useMemo as e}from"react";import{Container as r}from"@cleartrip/ct-design-container";import{StarIcon as o}from"@cleartrip/ct-design-icons";import{useTheme as n}from"@cleartrip/ct-design-theme";import{makeStyles as s}from"@cleartrip/ct-design-style-manager";var a;!function(t){t.XS="xs",t.SM="sm",t.MD="md",t.LG="lg",t.XL="xl",t.XXL="xxl"}(a||(a={}));const c=(t,i)=>Object.assign(Object.assign({},((t,i)=>{switch(i){case a.XS:return{width:t.size[2],height:t.size[2]};case a.SM:return{width:t.size[4],height:t.size[4]};case a.MD:return{width:t.size[5],height:t.size[5]};case a.LG:return{width:t.size[6],height:t.size[6]};case a.XL:return{width:t.size[8],height:t.size[8]};case a.XXL:return{width:t.size[10],height:t.size[10]};default:return{width:t.size[4],height:t.size[4]}}})(t,i)),(t=>({activeColor:t.color.text.primary,inActiveColor:t.color.text.tertiary}))(t)),h=s(t=>({root:{flexDirection:"row",padding:null==t?void 0:t.spacing[1],width:"100%"},ratingContainer:{flexDirection:"row"}})),g=i((i,s)=>{const{rating:g=2,maxRating:l=5,size:d=a.LG,activeColor:m,inActiveColor:f,styleConfig:p}=i,z=n(),u=e(()=>c(z,d),[z,d]),{root:w=[],ratingContainer:C=[]}=p||{};return t(r,{ref:s,styleConfig:{root:[h.root,...w]},children:Array.from({length:l},(i,e)=>{const n=e+1<=g?m||u.activeColor:f||u.inActiveColor;return t(r,{styleConfig:{root:[h.ratingContainer,...C]},children:t(o,{fill:n,stroke:n,width:u.width,height:u.height})},`rating_${e}`)})})});g.displayName="Rating";export{g as Rating,a as RatingSize};
 //# sourceMappingURL=ct-design-rating.browser.esm.js.map

package/dist/ct-design-rating.browser.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-rating.browser.esm.js","sources":["../packages/components/Rating/src/type.ts","../packages/components/Rating/src/style.ts","../packages/components/Rating/src/Rating.tsx"],"sourcesContent":[null,null,null],"names":["StarSizeProps","StarVariantProps","getStarSize","size","theme","width","height","getStarStyles","_a","variant","activeColor","inActiveColor","DISABLED","color","background","primary","unfilled","grey","fill","stroke","_b","cursor","getDisabledStarStyles","getDefaultStarStyles","Rating","maxRating","rating","_c","_d","styleConfig","onChange","useTheme","_e","root","starWrapperContainer","starContainer","_f","_g","starStyles","_jsx","Container","__assign","className","style","css","children","Array","from","length","_","index","isActive","strokeColor","fillColor","display","StarIcon"],"mappings":"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"}
+{"version":3,"file":"ct-design-rating.browser.esm.js","sources":["../packages/components/Rating/src/type.ts","../packages/components/Rating/src/style.ts","../packages/components/Rating/src/Rating.tsx"],"sourcesContent":[null,null,null],"names":["RatingSize","getRatingTokens","theme","size","Object","assign","XS","width","height","SM","MD","LG","XL","XXL","getRatingSizeTokens","activeColor","color","text","primary","inActiveColor","tertiary","getRatingColorTokens","staticRatingStyles","makeStyles","root","flexDirection","padding","spacing","ratingContainer","Rating","forwardRef","props","ref","rating","maxRating","styleConfig","useTheme","tokens","useMemo","customRootStyles","customRatingContainer","_jsx","Container","children","Array","from","length","_","index","fill","StarIcon","stroke","displayName"],"mappings":"mUAGYA,GAAZ,SAAYA,GACVA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,IAAA,KACD,CAPD,CAAYA,IAAAA,EAOX,CAAA,ICIM,MAwBMC,EAAkB,CAACC,EAAcC,IAA+DC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAxB1E,EAACH,EAAcC,KAChD,OAAQA,GACN,KAAKH,EAAWM,GACd,MAAO,CAAEC,MAAOL,EAAMC,KAAK,GAAIK,OAAQN,EAAMC,KAAK,IACpD,KAAKH,EAAWS,GACd,MAAO,CAAEF,MAAOL,EAAMC,KAAK,GAAIK,OAAQN,EAAMC,KAAK,IACpD,KAAKH,EAAWU,GACd,MAAO,CAAEH,MAAOL,EAAMC,KAAK,GAAIK,OAAQN,EAAMC,KAAK,IACpD,KAAKH,EAAWW,GACd,MAAO,CAAEJ,MAAOL,EAAMC,KAAK,GAAIK,OAAQN,EAAMC,KAAK,IACpD,KAAKH,EAAWY,GACd,MAAO,CAAEL,MAAOL,EAAMC,KAAK,GAAIK,OAAQN,EAAMC,KAAK,IACpD,KAAKH,EAAWa,IACd,MAAO,CAAEN,MAAOL,EAAMC,KAAK,IAAKK,OAAQN,EAAMC,KAAK,KACrD,QACE,MAAO,CAAEI,MAAOL,EAAMC,KAAK,GAAIK,OAAQN,EAAMC,KAAK,MAUnDW,CAAoBZ,EAAOC,IANI,CAACD,IAAqC,CACxEa,YAAab,EAAMc,MAAMC,KAAKC,QAC9BC,cAAejB,EAAMc,MAAMC,KAAKG,WAK7BC,CAAqBnB,IC7BpBoB,EAAqBC,EAAYrB,IAAW,CAChDsB,KAAM,CACJC,cAAe,MACfC,QAASxB,aAAK,EAALA,EAAOyB,QAAQ,GACxBpB,MAAO,QAETqB,gBAAiB,CACfH,cAAe,UAIbI,EAASC,EAAuC,CAACC,EAAOC,KAC5D,MAAMC,OAAEA,EAAS,EAACC,UAAEA,EAAY,EAAC/B,KAAEA,EAAOH,EAAWW,GAAEI,YAAEA,EAAWI,cAAEA,EAAagB,YAAEA,GAAgBJ,EAC/F7B,EAAQkC,IAERC,EAASC,EAAQ,IAAMrC,EAAgBC,EAAOC,GAAO,CAACD,EAAOC,KAE3DqB,KAAMe,EAAmB,GAAIX,gBAAiBY,EAAwB,IAAOL,GAAe,GAEpG,OACEM,EAACC,EAAU,CAAAV,IAAKA,EAAKG,YAAa,CAAEX,KAAM,CAACF,EAAmBE,QAASe,IACpEI,SAAAC,MAAMC,KAAK,CAAEC,OAAQZ,GAAa,CAACa,EAAGC,KACrC,MACMC,EADWD,EAAQ,GAAKf,EACNlB,GAAesB,EAAOtB,YAAcI,GAAiBkB,EAAOlB,cACpF,OACEsB,EAACC,EAAS,CAERP,YAAa,CAAEX,KAAM,CAACF,EAAmBM,mBAAoBY,IAE7DG,SAAAF,EAACS,EAAQ,CAACD,KAAMA,EAAME,OAAQF,EAAM1C,MAAO8B,EAAO9B,MAAOC,OAAQ6B,EAAO7B,UAHnE,UAAUwC,WAW3BnB,EAAOuB,YAAc"}

package/dist/ct-design-rating.cjs.js

@@ -1,106 +1,68 @@
 'use strict';
 
-var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
-var ctDesignTheme = require('@cleartrip/ct-design-theme');
+var react = require('react');
 var ctDesignContainer = require('@cleartrip/ct-design-container');
 var ctDesignIcons = require('@cleartrip/ct-design-icons');
+var ctDesignTheme = require('@cleartrip/ct-design-theme');
+var ctDesignStyleManager = require('@cleartrip/ct-design-style-manager');
 
-exports.StarSizeProps = void 0;
-(function (StarSizeProps) {
-    StarSizeProps["sm"] = "sm";
-    StarSizeProps["md"] = "md";
-    StarSizeProps["lg"] = "lg";
-    StarSizeProps["xl"] = "xl";
-    StarSizeProps["xxl"] = "xxl";
-})(exports.StarSizeProps || (exports.StarSizeProps = {}));
-exports.StarVariantProps = void 0;
-(function (StarVariantProps) {
-    StarVariantProps["DEFAULT"] = "default";
-    StarVariantProps["DISABLED"] = "disabled";
-})(exports.StarVariantProps || (exports.StarVariantProps = {}));
+exports.RatingSize = void 0;
+(function (RatingSize) {
+    RatingSize["XS"] = "xs";
+    RatingSize["SM"] = "sm";
+    RatingSize["MD"] = "md";
+    RatingSize["LG"] = "lg";
+    RatingSize["XL"] = "xl";
+    RatingSize["XXL"] = "xxl";
+})(exports.RatingSize || (exports.RatingSize = {}));
 
-var getStarSize = function (size, theme) {
+const getRatingSizeTokens = (theme, size) => {
     switch (size) {
-        case 'sm': {
-            return {
-                width: 8,
-                height: 8,
-            };
-        }
-        case 'md': {
-            return {
-                width: 12,
-                height: 12,
-            };
-        }
-        case 'lg': {
-            return {
-                width: 16,
-                height: 16,
-            };
-        }
-        case 'xl': {
-            return {
-                width: 18,
-                height: 18,
-            };
-        }
-        case 'xxl': {
-            return {
-                width: 20,
-                height: 20,
-            };
-        }
+        case exports.RatingSize.XS:
+            return { width: theme.size[2], height: theme.size[2] };
+        case exports.RatingSize.SM:
+            return { width: theme.size[4], height: theme.size[4] };
+        case exports.RatingSize.MD:
+            return { width: theme.size[5], height: theme.size[5] };
+        case exports.RatingSize.LG:
+            return { width: theme.size[6], height: theme.size[6] };
+        case exports.RatingSize.XL:
+            return { width: theme.size[8], height: theme.size[8] };
+        case exports.RatingSize.XXL:
+            return { width: theme.size[10], height: theme.size[10] };
+        default:
+            return { width: theme.size[4], height: theme.size[4] };
     }
 };
-var getDisabledStarStyles = function (theme, size, activeColor, inActiveColor) {
-    var _a, _b;
-    return {
-        color: activeColor || theme.color.background.primary,
-        unfilled: inActiveColor || theme.color.background.grey,
-        fill: activeColor || theme.color.background.primary,
-        stroke: activeColor || theme.color.background.primary,
-        width: (_a = getStarSize(size)) === null || _a === void 0 ? void 0 : _a.width,
-        height: (_b = getStarSize(size)) === null || _b === void 0 ? void 0 : _b.height,
-        cursor: 'default',
-    };
-};
-var getDefaultStarStyles = function (theme, size, activeColor, inActiveColor) {
-    var _a, _b;
-    return {
-        color: activeColor || theme.color.background.primary,
-        unfilled: inActiveColor || theme.color.background.grey,
-        fill: activeColor || theme.color.background.primary,
-        stroke: activeColor || theme.color.background.primary,
-        width: (_a = getStarSize(size)) === null || _a === void 0 ? void 0 : _a.width,
-        height: (_b = getStarSize(size)) === null || _b === void 0 ? void 0 : _b.height,
-        cursor: 'pointer',
-    };
-};
-var getStarStyles = function (_a) {
-    var variant = _a.variant, size = _a.size, theme = _a.theme, activeColor = _a.activeColor, inActiveColor = _a.inActiveColor;
-    if (variant === exports.StarVariantProps.DISABLED) {
-        return getDisabledStarStyles(theme, size, activeColor, inActiveColor);
-    }
-    return getDefaultStarStyles(theme, size, activeColor, inActiveColor);
-};
+const getRatingColorTokens = (theme) => ({
+    activeColor: theme.color.text.primary,
+    inActiveColor: theme.color.text.tertiary,
+});
+const getRatingTokens = (theme, size) => (Object.assign(Object.assign({}, getRatingSizeTokens(theme, size)), getRatingColorTokens(theme)));
 
-var Rating = function (_a) {
-    var _b = _a.maxRating, maxRating = _b === void 0 ? 5 : _b, rating = _a.rating, _c = _a.variant, variant = _c === void 0 ? exports.StarVariantProps.DISABLED : _c, _d = _a.size, size = _d === void 0 ? 'xl' : _d, styleConfig = _a.styleConfig; _a.onChange;
-    var theme = ctDesignTheme.useTheme();
-    var _e = styleConfig || {}, root = _e.root, starWrapperContainer = _e.starWrapperContainer, starContainer = _e.starContainer, _f = _e.activeColor, activeColor = _f === void 0 ? '' : _f, _g = _e.inActiveColor, inActiveColor = _g === void 0 ? '' : _g;
-    var starStyles = getStarStyles({ variant: variant, size: size, theme: theme, activeColor: activeColor, inActiveColor: inActiveColor });
-    return (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ className: root === null || root === void 0 ? void 0 : root.className, style: root === null || root === void 0 ? void 0 : root.css }, { children: Array.from({ length: maxRating }, function (_, index) {
-            var _a, _b, _c, _d;
-            var isActive = index < rating;
-            var strokeColor = isActive ? starStyles === null || starStyles === void 0 ? void 0 : starStyles.color : starStyles === null || starStyles === void 0 ? void 0 : starStyles.unfilled;
-            var fillColor = isActive ? starStyles === null || starStyles === void 0 ? void 0 : starStyles.color : starStyles === null || starStyles === void 0 ? void 0 : starStyles.unfilled;
-            var width = ((_a = starContainer === null || starContainer === void 0 ? void 0 : starContainer.css) === null || _a === void 0 ? void 0 : _a.width) ? (_b = starContainer === null || starContainer === void 0 ? void 0 : starContainer.css) === null || _b === void 0 ? void 0 : _b.width : starStyles === null || starStyles === void 0 ? void 0 : starStyles.width;
-            var height = ((_c = starContainer === null || starContainer === void 0 ? void 0 : starContainer.css) === null || _c === void 0 ? void 0 : _c.height) ? (_d = starContainer === null || starContainer === void 0 ? void 0 : starContainer.css) === null || _d === void 0 ? void 0 : _d.height : starStyles === null || starStyles === void 0 ? void 0 : starStyles.height;
-            return (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ display: 'inline-flex', className: starWrapperContainer === null || starWrapperContainer === void 0 ? void 0 : starWrapperContainer.className, style: starWrapperContainer === null || starWrapperContainer === void 0 ? void 0 : starWrapperContainer.css }, { children: jsxRuntime.jsx(ctDesignIcons.StarIcon, { className: starContainer === null || starContainer === void 0 ? void 0 : starContainer.className, stroke: strokeColor, fill: fillColor, height: height, width: width }) }), index));
-        }) })));
-};
+const staticRatingStyles = ctDesignStyleManager.makeStyles((theme) => ({
+    root: {
+        flexDirection: 'row',
+        padding: theme === null || theme === void 0 ? void 0 : theme.spacing[1],
+        width: '100%',
+    },
+    ratingContainer: {
+        flexDirection: 'row',
+    },
+}));
+const Rating = react.forwardRef((props, ref) => {
+    const { rating = 2, maxRating = 5, size = exports.RatingSize.LG, activeColor, inActiveColor, styleConfig } = props;
+    const theme = ctDesignTheme.useTheme();
+    const tokens = react.useMemo(() => getRatingTokens(theme, size), [theme, size]);
+    const { root: customRootStyles = [], ratingContainer: customRatingContainer = [] } = styleConfig || {};
+    return (jsxRuntime.jsx(ctDesignContainer.Container, { ref: ref, styleConfig: { root: [staticRatingStyles.root, ...customRootStyles] }, children: Array.from({ length: maxRating }, (_, index) => {
+            const isActive = index + 1 <= rating;
+            const fill = isActive ? activeColor || tokens.activeColor : inActiveColor || tokens.inActiveColor;
+            return (jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: [staticRatingStyles.ratingContainer, ...customRatingContainer] }, children: jsxRuntime.jsx(ctDesignIcons.StarIcon, { fill: fill, stroke: fill, width: tokens.width, height: tokens.height }) }, `rating_${index}`));
+        }) }));
+});
+Rating.displayName = 'Rating';
 
 exports.Rating = Rating;
 //# sourceMappingURL=ct-design-rating.cjs.js.map

package/dist/ct-design-rating.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-rating.cjs.js","sources":["../packages/components/Rating/src/type.ts","../packages/components/Rating/src/style.ts","../packages/components/Rating/src/Rating.tsx"],"sourcesContent":[null,null,null],"names":["StarSizeProps","StarVariantProps","useTheme","_jsx","Container","__assign","StarIcon"],"mappings":"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"}
+{"version":3,"file":"ct-design-rating.cjs.js","sources":["../packages/components/Rating/src/type.ts","../packages/components/Rating/src/style.ts","../packages/components/Rating/src/Rating.tsx"],"sourcesContent":[null,null,null],"names":["RatingSize","makeStyles","forwardRef","useTheme","useMemo","_jsx","Container","StarIcon"],"mappings":"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"}

package/dist/ct-design-rating.esm.js

@@ -1,104 +1,66 @@
-import { __assign } from 'tslib';
 import { jsx } from 'react/jsx-runtime';
-import { useTheme } from '@cleartrip/ct-design-theme';
+import { forwardRef, useMemo } from 'react';
 import { Container } from '@cleartrip/ct-design-container';
 import { StarIcon } from '@cleartrip/ct-design-icons';
+import { useTheme } from '@cleartrip/ct-design-theme';
+import { makeStyles } from '@cleartrip/ct-design-style-manager';
 
-var StarSizeProps;
-(function (StarSizeProps) {
-    StarSizeProps["sm"] = "sm";
-    StarSizeProps["md"] = "md";
-    StarSizeProps["lg"] = "lg";
-    StarSizeProps["xl"] = "xl";
-    StarSizeProps["xxl"] = "xxl";
-})(StarSizeProps || (StarSizeProps = {}));
-var StarVariantProps;
-(function (StarVariantProps) {
-    StarVariantProps["DEFAULT"] = "default";
-    StarVariantProps["DISABLED"] = "disabled";
-})(StarVariantProps || (StarVariantProps = {}));
+var RatingSize;
+(function (RatingSize) {
+    RatingSize["XS"] = "xs";
+    RatingSize["SM"] = "sm";
+    RatingSize["MD"] = "md";
+    RatingSize["LG"] = "lg";
+    RatingSize["XL"] = "xl";
+    RatingSize["XXL"] = "xxl";
+})(RatingSize || (RatingSize = {}));
 
-var getStarSize = function (size, theme) {
+const getRatingSizeTokens = (theme, size) => {
     switch (size) {
-        case 'sm': {
-            return {
-                width: 8,
-                height: 8,
-            };
-        }
-        case 'md': {
-            return {
-                width: 12,
-                height: 12,
-            };
-        }
-        case 'lg': {
-            return {
-                width: 16,
-                height: 16,
-            };
-        }
-        case 'xl': {
-            return {
-                width: 18,
-                height: 18,
-            };
-        }
-        case 'xxl': {
-            return {
-                width: 20,
-                height: 20,
-            };
-        }
+        case RatingSize.XS:
+            return { width: theme.size[2], height: theme.size[2] };
+        case RatingSize.SM:
+            return { width: theme.size[4], height: theme.size[4] };
+        case RatingSize.MD:
+            return { width: theme.size[5], height: theme.size[5] };
+        case RatingSize.LG:
+            return { width: theme.size[6], height: theme.size[6] };
+        case RatingSize.XL:
+            return { width: theme.size[8], height: theme.size[8] };
+        case RatingSize.XXL:
+            return { width: theme.size[10], height: theme.size[10] };
+        default:
+            return { width: theme.size[4], height: theme.size[4] };
     }
 };
-var getDisabledStarStyles = function (theme, size, activeColor, inActiveColor) {
-    var _a, _b;
-    return {
-        color: activeColor || theme.color.background.primary,
-        unfilled: inActiveColor || theme.color.background.grey,
-        fill: activeColor || theme.color.background.primary,
-        stroke: activeColor || theme.color.background.primary,
-        width: (_a = getStarSize(size)) === null || _a === void 0 ? void 0 : _a.width,
-        height: (_b = getStarSize(size)) === null || _b === void 0 ? void 0 : _b.height,
-        cursor: 'default',
-    };
-};
-var getDefaultStarStyles = function (theme, size, activeColor, inActiveColor) {
-    var _a, _b;
-    return {
-        color: activeColor || theme.color.background.primary,
-        unfilled: inActiveColor || theme.color.background.grey,
-        fill: activeColor || theme.color.background.primary,
-        stroke: activeColor || theme.color.background.primary,
-        width: (_a = getStarSize(size)) === null || _a === void 0 ? void 0 : _a.width,
-        height: (_b = getStarSize(size)) === null || _b === void 0 ? void 0 : _b.height,
-        cursor: 'pointer',
-    };
-};
-var getStarStyles = function (_a) {
-    var variant = _a.variant, size = _a.size, theme = _a.theme, activeColor = _a.activeColor, inActiveColor = _a.inActiveColor;
-    if (variant === StarVariantProps.DISABLED) {
-        return getDisabledStarStyles(theme, size, activeColor, inActiveColor);
-    }
-    return getDefaultStarStyles(theme, size, activeColor, inActiveColor);
-};
+const getRatingColorTokens = (theme) => ({
+    activeColor: theme.color.text.primary,
+    inActiveColor: theme.color.text.tertiary,
+});
+const getRatingTokens = (theme, size) => (Object.assign(Object.assign({}, getRatingSizeTokens(theme, size)), getRatingColorTokens(theme)));
 
-var Rating = function (_a) {
-    var _b = _a.maxRating, maxRating = _b === void 0 ? 5 : _b, rating = _a.rating, _c = _a.variant, variant = _c === void 0 ? StarVariantProps.DISABLED : _c, _d = _a.size, size = _d === void 0 ? 'xl' : _d, styleConfig = _a.styleConfig; _a.onChange;
-    var theme = useTheme();
-    var _e = styleConfig || {}, root = _e.root, starWrapperContainer = _e.starWrapperContainer, starContainer = _e.starContainer, _f = _e.activeColor, activeColor = _f === void 0 ? '' : _f, _g = _e.inActiveColor, inActiveColor = _g === void 0 ? '' : _g;
-    var starStyles = getStarStyles({ variant: variant, size: size, theme: theme, activeColor: activeColor, inActiveColor: inActiveColor });
-    return (jsx(Container, __assign({ className: root === null || root === void 0 ? void 0 : root.className, style: root === null || root === void 0 ? void 0 : root.css }, { children: Array.from({ length: maxRating }, function (_, index) {
-            var _a, _b, _c, _d;
-            var isActive = index < rating;
-            var strokeColor = isActive ? starStyles === null || starStyles === void 0 ? void 0 : starStyles.color : starStyles === null || starStyles === void 0 ? void 0 : starStyles.unfilled;
-            var fillColor = isActive ? starStyles === null || starStyles === void 0 ? void 0 : starStyles.color : starStyles === null || starStyles === void 0 ? void 0 : starStyles.unfilled;
-            var width = ((_a = starContainer === null || starContainer === void 0 ? void 0 : starContainer.css) === null || _a === void 0 ? void 0 : _a.width) ? (_b = starContainer === null || starContainer === void 0 ? void 0 : starContainer.css) === null || _b === void 0 ? void 0 : _b.width : starStyles === null || starStyles === void 0 ? void 0 : starStyles.width;
-            var height = ((_c = starContainer === null || starContainer === void 0 ? void 0 : starContainer.css) === null || _c === void 0 ? void 0 : _c.height) ? (_d = starContainer === null || starContainer === void 0 ? void 0 : starContainer.css) === null || _d === void 0 ? void 0 : _d.height : starStyles === null || starStyles === void 0 ? void 0 : starStyles.height;
-            return (jsx(Container, __assign({ display: 'inline-flex', className: starWrapperContainer === null || starWrapperContainer === void 0 ? void 0 : starWrapperContainer.className, style: starWrapperContainer === null || starWrapperContainer === void 0 ? void 0 : starWrapperContainer.css }, { children: jsx(StarIcon, { className: starContainer === null || starContainer === void 0 ? void 0 : starContainer.className, stroke: strokeColor, fill: fillColor, height: height, width: width }) }), index));
-        }) })));
-};
+const staticRatingStyles = makeStyles((theme) => ({
+    root: {
+        flexDirection: 'row',
+        padding: theme === null || theme === void 0 ? void 0 : theme.spacing[1],
+        width: '100%',
+    },
+    ratingContainer: {
+        flexDirection: 'row',
+    },
+}));
+const Rating = forwardRef((props, ref) => {
+    const { rating = 2, maxRating = 5, size = RatingSize.LG, activeColor, inActiveColor, styleConfig } = props;
+    const theme = useTheme();
+    const tokens = useMemo(() => getRatingTokens(theme, size), [theme, size]);
+    const { root: customRootStyles = [], ratingContainer: customRatingContainer = [] } = styleConfig || {};
+    return (jsx(Container, { ref: ref, styleConfig: { root: [staticRatingStyles.root, ...customRootStyles] }, children: Array.from({ length: maxRating }, (_, index) => {
+            const isActive = index + 1 <= rating;
+            const fill = isActive ? activeColor || tokens.activeColor : inActiveColor || tokens.inActiveColor;
+            return (jsx(Container, { styleConfig: { root: [staticRatingStyles.ratingContainer, ...customRatingContainer] }, children: jsx(StarIcon, { fill: fill, stroke: fill, width: tokens.width, height: tokens.height }) }, `rating_${index}`));
+        }) }));
+});
+Rating.displayName = 'Rating';
 
-export { Rating, StarSizeProps, StarVariantProps };
+export { Rating, RatingSize };
 //# sourceMappingURL=ct-design-rating.esm.js.map