@televet/kibble-ui 5.0.5 → 5.0.7-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/dist/chunks/{avatar.component-Bi0lMCsC.js → avatar.component-BGgZoVJS.js} +2 -2
  2. package/dist/chunks/avatar.component-BGgZoVJS.js.map +1 -0
  3. package/dist/chunks/{avatar.component-DUZc5iXT.js → avatar.component-CzutRWy6.js} +2 -2
  4. package/dist/chunks/avatar.component-CzutRWy6.js.map +1 -0
  5. package/dist/chunks/{avatarGroup.component-BwrjkSJn.js → avatarGroup.component-Dx94P94w.js} +2 -2
  6. package/dist/chunks/{avatarGroup.component-BwrjkSJn.js.map → avatarGroup.component-Dx94P94w.js.map} +1 -1
  7. package/dist/chunks/{avatarGroup.component-BdhUT7n5.js → avatarGroup.component-N2vYrtiD.js} +2 -2
  8. package/dist/chunks/{avatarGroup.component-BdhUT7n5.js.map → avatarGroup.component-N2vYrtiD.js.map} +1 -1
  9. package/dist/chunks/{button.recipe-Bb0lptGi.js → button.recipe-CZ-PlRrK.js} +40 -6
  10. package/dist/chunks/button.recipe-CZ-PlRrK.js.map +1 -0
  11. package/dist/chunks/button.recipe-DyIe5w68.js +2 -0
  12. package/dist/chunks/button.recipe-DyIe5w68.js.map +1 -0
  13. package/dist/chunks/{button.types-C9PpvmYR.js → button.types-BjfcUcMn.js} +8 -5
  14. package/dist/chunks/button.types-BjfcUcMn.js.map +1 -0
  15. package/dist/chunks/button.types-DXP4uRV8.js +2 -0
  16. package/dist/chunks/button.types-DXP4uRV8.js.map +1 -0
  17. package/dist/chunks/{calendar.component-CsOKKu1B.js → calendar.component-DPmU0M_d.js} +2 -2
  18. package/dist/chunks/{calendar.component-CsOKKu1B.js.map → calendar.component-DPmU0M_d.js.map} +1 -1
  19. package/dist/chunks/{calendar.component-BI8rM2b7.js → calendar.component-DtDSHf9e.js} +2 -2
  20. package/dist/chunks/{calendar.component-BI8rM2b7.js.map → calendar.component-DtDSHf9e.js.map} +1 -1
  21. package/dist/chunks/{conversationCard.component-8-HSmE3v.js → conversationCard.component-CXKQyfAl.js} +2 -2
  22. package/dist/chunks/{conversationCard.component-8-HSmE3v.js.map → conversationCard.component-CXKQyfAl.js.map} +1 -1
  23. package/dist/chunks/{conversationCard.component-FMq9PY8T.js → conversationCard.component-GOl51Avf.js} +2 -2
  24. package/dist/chunks/{conversationCard.component-FMq9PY8T.js.map → conversationCard.component-GOl51Avf.js.map} +1 -1
  25. package/dist/chunks/{datePicker.component-DwOyIbZk.js → datePicker.component-B-99fArB.js} +2 -2
  26. package/dist/chunks/{datePicker.component-DwOyIbZk.js.map → datePicker.component-B-99fArB.js.map} +1 -1
  27. package/dist/chunks/{datePicker.component-CcSzO2cP.js → datePicker.component-sCN3AhPl.js} +2 -2
  28. package/dist/chunks/{datePicker.component-CcSzO2cP.js.map → datePicker.component-sCN3AhPl.js.map} +1 -1
  29. package/dist/chunks/{datePicker.provider-B3423SaO.js → datePicker.provider-CPz9-swu.js} +518 -518
  30. package/dist/chunks/datePicker.provider-CPz9-swu.js.map +1 -0
  31. package/dist/chunks/datePicker.provider-u-5-DbM1.js +15 -0
  32. package/dist/chunks/datePicker.provider-u-5-DbM1.js.map +1 -0
  33. package/dist/chunks/dateTimePicker.component-BYVUKa8U.js +2 -0
  34. package/dist/chunks/{dateTimePicker.component-CTx_6MBi.js.map → dateTimePicker.component-BYVUKa8U.js.map} +1 -1
  35. package/dist/chunks/{dateTimePicker.component-COryQU_H.js → dateTimePicker.component-gMo_DSQp.js} +68 -68
  36. package/dist/chunks/{dateTimePicker.component-COryQU_H.js.map → dateTimePicker.component-gMo_DSQp.js.map} +1 -1
  37. package/dist/chunks/{radioGroup.types-C-JQsOXh.js → radioGroup.types--Is8KTII.js} +2 -2
  38. package/dist/chunks/{radioGroup.types-C-JQsOXh.js.map → radioGroup.types--Is8KTII.js.map} +1 -1
  39. package/dist/chunks/{radioGroup.types-sigpU7JZ.js → radioGroup.types-ClfoT_Sw.js} +2 -2
  40. package/dist/chunks/{radioGroup.types-sigpU7JZ.js.map → radioGroup.types-ClfoT_Sw.js.map} +1 -1
  41. package/dist/chunks/{rating.component-Btdd7tMX.js → rating.component-BANdN2LL.js} +2 -2
  42. package/dist/chunks/rating.component-BANdN2LL.js.map +1 -0
  43. package/dist/chunks/rating.component-DEVRcfgE.js +2 -0
  44. package/dist/chunks/rating.component-DEVRcfgE.js.map +1 -0
  45. package/dist/chunks/{styledAvatar.types-CUweBJqA.js → styledAvatar.types-BG2G_U-W.js} +2 -2
  46. package/dist/chunks/{styledAvatar.types-CUweBJqA.js.map → styledAvatar.types-BG2G_U-W.js.map} +1 -1
  47. package/dist/chunks/{styledAvatar.types-C9Oi9C2U.js → styledAvatar.types-Dd3tKh-E.js} +2 -2
  48. package/dist/chunks/{styledAvatar.types-C9Oi9C2U.js.map → styledAvatar.types-Dd3tKh-E.js.map} +1 -1
  49. package/dist/chunks/{theme.provider-Biof0UdB.js → theme.provider-LjHgUHK9.js} +233 -212
  50. package/dist/chunks/{theme.provider-Biof0UdB.js.map → theme.provider-LjHgUHK9.js.map} +1 -1
  51. package/dist/chunks/{theme.provider-BbKLlnGi.js → theme.provider-Q3WVYCOR.js} +2 -2
  52. package/dist/chunks/{theme.provider-BbKLlnGi.js.map → theme.provider-Q3WVYCOR.js.map} +1 -1
  53. package/dist/cjs/components/Avatar/index.cjs +1 -1
  54. package/dist/cjs/components/AvatarGroup/index.cjs +1 -1
  55. package/dist/cjs/components/Button/index.cjs +1 -1
  56. package/dist/cjs/components/Calendar/index.cjs +1 -1
  57. package/dist/cjs/components/ConversationCard/index.cjs +1 -1
  58. package/dist/cjs/components/DatePicker/index.cjs +1 -1
  59. package/dist/cjs/components/DateTimePicker/index.cjs +1 -1
  60. package/dist/cjs/components/RadioGroup/index.cjs +1 -1
  61. package/dist/cjs/components/Rating/index.cjs +1 -1
  62. package/dist/cjs/components/StyledAvatar/index.cjs +1 -1
  63. package/dist/cjs/components/index.cjs +1 -1
  64. package/dist/cjs/index.cjs +1 -1
  65. package/dist/cjs/theme/index.cjs +1 -1
  66. package/dist/esm/components/Avatar/index.js +1 -1
  67. package/dist/esm/components/AvatarGroup/index.js +1 -1
  68. package/dist/esm/components/Button/index.js +1 -1
  69. package/dist/esm/components/Calendar/index.js +1 -1
  70. package/dist/esm/components/ConversationCard/index.js +1 -1
  71. package/dist/esm/components/DatePicker/index.js +2 -2
  72. package/dist/esm/components/DateTimePicker/index.js +1 -1
  73. package/dist/esm/components/RadioGroup/index.js +1 -1
  74. package/dist/esm/components/Rating/index.js +1 -1
  75. package/dist/esm/components/StyledAvatar/index.js +1 -1
  76. package/dist/esm/components/index.js +11 -11
  77. package/dist/esm/index.js +12 -12
  78. package/dist/esm/theme/index.js +1 -1
  79. package/dist/types/components/Button/button.recipe.d.ts +1 -1
  80. package/dist/types/components/Button/button.types.d.ts +2 -2
  81. package/dist/types/components/DatePicker/context/datePicker.context.d.ts +1 -1
  82. package/dist/types/theme/semanticTokens/semanticTokens.config.d.ts +2 -0
  83. package/dist/types/theme/semanticTokens/semanticTokens.records.d.ts +4 -0
  84. package/package.json +1 -1
  85. package/dist/chunks/avatar.component-Bi0lMCsC.js.map +0 -1
  86. package/dist/chunks/avatar.component-DUZc5iXT.js.map +0 -1
  87. package/dist/chunks/button.recipe-Bb0lptGi.js.map +0 -1
  88. package/dist/chunks/button.recipe-flk0XJTS.js +0 -2
  89. package/dist/chunks/button.recipe-flk0XJTS.js.map +0 -1
  90. package/dist/chunks/button.types-3lHElsln.js +0 -2
  91. package/dist/chunks/button.types-3lHElsln.js.map +0 -1
  92. package/dist/chunks/button.types-C9PpvmYR.js.map +0 -1
  93. package/dist/chunks/datePicker.provider-B3423SaO.js.map +0 -1
  94. package/dist/chunks/datePicker.provider-Bi_9Q7nm.js +0 -15
  95. package/dist/chunks/datePicker.provider-Bi_9Q7nm.js.map +0 -1
  96. package/dist/chunks/dateTimePicker.component-CTx_6MBi.js +0 -2
  97. package/dist/chunks/rating.component-23y0uvWf.js +0 -2
  98. package/dist/chunks/rating.component-23y0uvWf.js.map +0 -1
  99. package/dist/chunks/rating.component-Btdd7tMX.js.map +0 -1
@@ -1,2 +0,0 @@
1
- "use strict";const s=require("./jsx-runtime-BjDatQAs.js"),d=require("react"),O=require("./button.component-DjdgBXDC.js"),u=require("./datePicker.provider-Bi_9Q7nm.js"),N=require("./usePortalContentRef-CTrvBQ7I.js"),I=require("./popover.recipe-NDvOfG9X.js"),l=require("./format-CK7Imh-5.js"),v=require("./isToday-BgNkHh5t.js"),Y=require("./popover-root-provider-CZDbUJ2K.js"),y=require("./flex-BOU6tYUd.js"),L=require("../cjs/hooks/useBreakpoint/index.cjs"),j=require("./index-BQRnVsAg.js"),B=require("./text.component-BDDz5KQP.js"),H=require("./textInput.component-CWbv8giH.js"),$=require("./timePicker.component-B750WQHA.js"),f=require("./grid-item-CH3dbZHL.js"),G=require("./divider.component-BX3zyB7O.js"),z=require("./create-slot-recipe-context-HXE1VazG.js"),A=require("./index-Ts8g8jZd.js"),R=require("./popover-C7aj8Iwj.js");var r=(e=>(e.Today="Today",e.Yesterday="Yesterday",e.ThisWeek="ThisWeek",e.LastWeek="LastWeek",e.ThisMonth="ThisMonth",e.LastMonth="LastMonth",e.Custom="Custom",e))(r||{});const Q=["single","double"],V=[{label:"Today",value:r.Today},{label:"Yesterday",value:r.Yesterday},{label:"This Week",value:r.ThisWeek},{label:"Last Week",value:r.LastWeek},{label:"This Month",value:r.ThisMonth},{label:"Last Month",value:r.LastMonth},{label:"Custom",value:r.Custom,iconName:"calendarPen"}],J={single:1,double:2};function K(e){return l.startOfDay(Date.now(),e)}function U(e){return u.endOfDay(Date.now(),e)}function X(e){const t=v.constructNow(e?.in),n=t.getFullYear(),o=t.getMonth(),a=t.getDate(),i=v.constructNow(e?.in);return i.setFullYear(n,o,a-1),i.setHours(0,0,0,0),i}function Z(e){const t=v.constructNow(e?.in),n=l.constructFrom(e?.in,0);return n.setFullYear(t.getFullYear(),t.getMonth(),t.getDate()-1),n.setHours(23,59,59,999),n}function M(e,t){const n=l.getDefaultOptions(),o=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??n.weekStartsOn??n.locale?.options?.weekStartsOn??0,a=l.toDate(e,t?.in),i=a.getDay(),m=(i<o?-7:0)+6-(i-o);return a.setDate(a.getDate()+m),a.setHours(23,59,59,999),a}function P(e,t){const n=l.toDate(e,t?.in);return n.setDate(1),n.setHours(0,0,0,0),n}function _(e,t){const n=l.toDate(e,t?.in),o=n.getMonth();return n.setFullYear(n.getFullYear(),o+1,0),n.setHours(23,59,59,999),n}function ee(e,t,n){return u.addDays(e,t*7,n)}function te(e,t,n){return ee(e,-1,n)}function ne(e,t,n){return u.addMonths(e,-1,n)}function w(e,t){return+l.toDate(e)==+l.toDate(t)}const W=e=>{const t=new Date;switch(e){case r.Today:return{startDate:K(),endDate:U()};case r.Yesterday:return{startDate:X(),endDate:Z()};case r.ThisWeek:return{startDate:l.startOfWeek(t,{weekStartsOn:1}),endDate:M(t,{weekStartsOn:1})};case r.LastWeek:{const n=te(t);return{startDate:l.startOfWeek(n,{weekStartsOn:1}),endDate:M(n,{weekStartsOn:1})}}case r.ThisMonth:return{startDate:P(t),endDate:_(t)};case r.LastMonth:{const n=ne(t);return{startDate:P(n),endDate:_(n)}}default:return null}},se=(e,t)=>{if(!e||!t)return r.Today;const n=[r.Today,r.Yesterday,r.ThisWeek,r.LastWeek,r.ThisMonth,r.LastMonth];for(const o of n){const a=W(o);if(a&&w(e,a.startDate)&&w(t,a.endDate))return o}return r.Custom},re=({selectedQuickOption:e,setSelectedQuickOption:t,["data-testid"]:n="kibble-datetime-picker-quick-options"})=>{const{setFocusedInput:o,onQuickOptionSelect:a}=u.useDatePickerContext(),{setOpen:i}=Y.usePopoverContext(),m=c=>{if(t(c),c===r.Custom){o(u.FocusedInput.StartDate);return}const p=W(c);p&&(a(p),i(!1))};return s.jsxRuntimeExports.jsx(y.Flex,{className:"DateTimePicker__QuickFilters",flexDirection:"column",gap:2,w:"100%",maxW:"120px",children:V.map(c=>s.jsxRuntimeExports.jsx(O.Button,{className:"DateTimePicker__Option","data-testid":`${n}-option-${c.value}`,variant:"secondarySubtle",...c.iconName&&{iconName:c.iconName,iconPosition:"right"},...e===c.value&&{active:!0},onClick:()=>m(c.value),children:c.label},c.value))})},S=({label:e,rangeType:t})=>{const{startDate:n,endDate:o,dateFormat:a,focusedInput:i,setFocusedInput:m,onTimeChange:c}=u.useDatePickerContext(),p=d.useMemo(()=>(t===u.FocusedInput.StartDate?n:o)||new Date,[n,o,t]),g=d.useMemo(()=>l.format(p,a),[p,a]),D=x=>{x&&c(x)};return s.jsxRuntimeExports.jsxs(f.Grid,{alignItems:"center",templateColumns:"repeat(5, 1fr)",gap:1,bgColor:"background.secondaryAlpha",borderRadius:"md",p:1,flex:"0 0 50%",children:[s.jsxRuntimeExports.jsx(f.GridItem,{colSpan:1,children:s.jsxRuntimeExports.jsx(B.WrappedText,{size:"sm",fontWeight:"semibold",textAlign:"center",children:e})}),s.jsxRuntimeExports.jsx(f.GridItem,{colSpan:2,children:s.jsxRuntimeExports.jsx(H.WrappedTextInput,{readOnly:!0,value:g,onClick:()=>m(t),...i===t&&{"data-focus":!0}})}),s.jsxRuntimeExports.jsx(f.GridItem,{colSpan:2,children:s.jsxRuntimeExports.jsx($.TimePicker,{minuteInterval:1,initialTime:p,onClose:x=>D(x),inputProps:{rightElement:void 0,onClick:()=>m(t)}})})]})},oe=({isSingleView:e})=>{const{focusedInput:t,setFocusedInput:n}=u.useDatePickerContext();return d.useEffect(()=>{t||n(u.FocusedInput.StartDate)},[t,n]),s.jsxRuntimeExports.jsxs(j.Box,{className:"DateTimePicker__CustomFilters",mt:-1,children:[s.jsxRuntimeExports.jsxs(y.Flex,{className:"DateTimePicker__CustomFilters__RangeSelectors",flexDirection:e?"column":"row",alignItems:"center",gap:2,justifyContent:"space-between",children:[s.jsxRuntimeExports.jsx(S,{label:"Start",rangeType:u.FocusedInput.StartDate}),s.jsxRuntimeExports.jsx(S,{label:"End",rangeType:u.FocusedInput.EndDate})]}),s.jsxRuntimeExports.jsxs(j.Box,{className:"CalendarView",bgColor:"background.secondaryAlpha",borderRadius:"md",p:1,mt:5,children:[s.jsxRuntimeExports.jsx(j.Box,{className:"CalendarView__Header",bgColor:"background.accent.subtle",borderRadius:"md",children:s.jsxRuntimeExports.jsx(u.DatePickerHeader,{triggerProps:{variant:"ghostNeutral"}})}),s.jsxRuntimeExports.jsx(j.Box,{className:"CalendarView__Body",children:s.jsxRuntimeExports.jsx(u.DatePickerCalendar,{showMonthLabels:!0})})]})]})},ae=({trigger:e,calendarView:t="double",portalled:n=!0,showQuickOptions:o=!0,["data-testid"]:a="kibble-datetime-picker",...i})=>{const m=d.useMemo(()=>{const T=new Date;return{startDate:l.startOfDay(T),endDate:u.endOfDay(T)}},[]),{contentRef:c}=N.usePortalContentRef(),g=z.useSlotRecipe({recipe:I.popoverRecipe})(),D=L.useBreakpoint(),x=d.useMemo(()=>o?se(i.startDate||null,i.endDate||null):r.Custom,[o,i.startDate,i.endDate]),[h,E]=d.useState(x);d.useEffect(()=>{E(x)},[x]);const k=d.useMemo(()=>["base","sm"].includes(D)?"single":t,[t,D]),F=d.useMemo(()=>J[k],[k]),C=d.useMemo(()=>k==="single",[k]),b=d.useMemo(()=>h===r.Custom,[h]),q=d.useMemo(()=>b?"max-content":"160px",[b]);return s.jsxRuntimeExports.jsxs(u.DatePickerProvider,{...i,startDate:i.startDate||m.startDate,endDate:i.endDate||m.endDate,withDateRange:!0,numberOfMonths:F,sameWidth:!0,children:[s.jsxRuntimeExports.jsx(R.PopoverTrigger,{asChild:!0,w:"max-content",children:e||s.jsxRuntimeExports.jsx(O.Button,{variant:"secondarySubtle",iconName:"calendarInfo","data-testid":`${a}-default-trigger`,children:"Date/Time Range"})}),s.jsxRuntimeExports.jsx(A.Portal,{container:c||void 0,disabled:!n,children:s.jsxRuntimeExports.jsx(R.PopoverPositioner,{className:"DateTimePicker","data-testid":a,children:s.jsxRuntimeExports.jsx(R.PopoverContent,{className:"DateTimePicker__Content","data-testid":`${a}-content`,css:{...g.content,"--popover-size":q,maxW:o?C?"550px":"890px":C?"390px":"730px",...b&&{minW:o?"550px":"390px"}},children:s.jsxRuntimeExports.jsx(R.PopoverBody,{css:{"--popover-padding":0},children:s.jsxRuntimeExports.jsxs(y.Flex,{className:"DateTimePicker__Container","data-testid":`${a}-container`,p:5,children:[o&&s.jsxRuntimeExports.jsx(re,{selectedQuickOption:h,setSelectedQuickOption:E}),h===r.Custom&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[o&&s.jsxRuntimeExports.jsx(G.Divider,{orientation:"vertical",my:-5,mx:5}),s.jsxRuntimeExports.jsx(oe,{isSingleView:C})]})]})})})})})]})};exports.DateTimePicker=ae;exports.DateTimePickerDefaultOptionValue=r;exports.calendarViews=Q;
2
- //# sourceMappingURL=dateTimePicker.component-CTx_6MBi.js.map
@@ -1,2 +0,0 @@
1
- "use strict";const n=require("./jsx-runtime-BjDatQAs.js"),l=require("react"),p=require("./withFormControl-CIZOpk9n.js"),g=require("./icon.component-B1hr5lLa.js"),r=require("./rating-group-D8QA23q6.js"),x=t=>t&&t.__esModule?t:{default:t},_=x(l),a=_.default.forwardRef(({count:t=5,size:s="md",highlightColor:c="background.warning.contrast",iconName:u="starSolid",["data-testid"]:i="kibble-rating",inputRef:d,readOnly:o,...m},R)=>n.jsxRuntimeExports.jsxs(r.RatingGroupRoot,{className:"Rating","data-testid":i,count:t,size:s,ref:R,readOnly:o,...m,children:[n.jsxRuntimeExports.jsx(r.RatingGroupHiddenInput,{className:"Rating__HiddenInput","data-testid":`${i}-hidden-input`,ref:d}),n.jsxRuntimeExports.jsx(r.RatingGroupControl,{className:"Rating__Control","data-testid":`${i}-control`,...o&&{cursor:"default"},children:Array.from({length:t}).map((h,e)=>n.jsxRuntimeExports.jsx(r.RatingGroupItem,{className:"Rating__Item","data-testid":`${i}-item-${e}`,index:e+1,children:n.jsxRuntimeExports.jsx(r.RatingGroupItemIndicator,{className:"Rating__ItemIndicator","data-testid":`${i}-item-indicator-${e+1}`,icon:n.jsxRuntimeExports.jsx(g.Icon,{name:u}),_highlighted:{color:c}})},e))})]}));a.displayName="Rating";const j=p.withFormControl(a);exports.WrappedRating=j;
2
- //# sourceMappingURL=rating.component-23y0uvWf.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"rating.component-23y0uvWf.js","sources":["../../src/components/Rating/rating.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RatingGroup } from '@chakra-ui/react/rating-group';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Icon, IconName } from 'components/Icon';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { KibbleSemanticColorToken } from 'theme/semanticTokens/semanticTokens.types';\nimport { ConditionalValue } from '@chakra-ui/react';\n\nexport interface RatingProps extends Omit<RatingGroup.RootProps, 'allowHalf'>, WithFormControlProps {\n /** Total number of ratings.\n * @default 5\n */\n count?: number;\n /**\n * Data test id for the star rating.\n * @default kibble-rating\n */\n 'data-testid'?: string;\n /** Ref to the hidden input element. */\n inputRef?: React.Ref<HTMLInputElement | null>;\n /**\n * Size of the rating.\n * @default md\n */\n size?: FormControlSize;\n /**\n * Name of the icon to display in the rating.\n * @default starSolid\n */\n iconName?: IconName;\n /**\n * Color of the highlighted rating.\n * @default background.warning.contrast\n */\n highlightColor?: ConditionalValue<KibbleSemanticColorToken>;\n}\n\nconst Rating = React.forwardRef<HTMLDivElement, RatingProps>(\n (\n {\n count = 5,\n size = 'md',\n highlightColor = 'background.warning.contrast',\n iconName = 'starSolid',\n ['data-testid']: dataTestId = 'kibble-rating',\n inputRef,\n readOnly,\n ...rest\n },\n ref,\n ) => {\n return (\n <RatingGroup.Root\n className=\"Rating\"\n data-testid={dataTestId}\n count={count}\n size={size}\n ref={ref}\n readOnly={readOnly}\n {...rest}\n >\n <RatingGroup.HiddenInput\n className=\"Rating__HiddenInput\"\n data-testid={`${dataTestId}-hidden-input`}\n ref={inputRef}\n />\n <RatingGroup.Control\n className=\"Rating__Control\"\n data-testid={`${dataTestId}-control`}\n {...(readOnly && { cursor: 'default' })}\n >\n {Array.from({ length: count }).map((_, index) => (\n <RatingGroup.Item\n className=\"Rating__Item\"\n data-testid={`${dataTestId}-item-${index}`}\n key={index}\n index={index + 1}\n >\n <RatingGroup.ItemIndicator\n className=\"Rating__ItemIndicator\"\n data-testid={`${dataTestId}-item-indicator-${index + 1}`}\n icon={<Icon name={iconName} />}\n _highlighted={{ color: highlightColor }}\n />\n </RatingGroup.Item>\n ))}\n </RatingGroup.Control>\n </RatingGroup.Root>\n );\n },\n);\n\nRating.displayName = 'Rating';\nconst WrappedRating = withFormControl<RatingProps>(Rating);\n\nexport { WrappedRating as Rating };\n"],"names":["Rating","React","count","size","highlightColor","iconName","dataTestId","inputRef","readOnly","rest","ref","jsxs","RatingGroup.Root","jsx","RatingGroup.HiddenInput","RatingGroup.Control","_","index","RatingGroup.Item","RatingGroup.ItemIndicator","Icon","WrappedRating","withFormControl"],"mappings":"oPAqCMA,EAASC,EAAM,QAAA,WACnB,CACE,CACE,MAAAC,EAAQ,EACR,KAAAC,EAAO,KACP,eAAAC,EAAiB,8BACjB,SAAAC,EAAW,YACX,CAAC,eAAgBC,EAAa,gBAC9B,SAAAC,EACA,SAAAC,EACA,GAAGC,GAELC,IAGEC,EAAA,kBAAA,KAACC,EAAY,gBAAZ,CACC,UAAU,SACV,cAAaN,EACb,MAAAJ,EACA,KAAAC,EACA,IAAAO,EACA,SAAAF,EACC,GAAGC,EAEJ,SAAA,CAAAI,EAAA,kBAAA,IAACC,EAAY,uBAAZ,CACC,UAAU,sBACV,cAAa,GAAGR,CAAU,gBAC1B,IAAKC,CAAA,CACP,EACAM,EAAA,kBAAA,IAACE,EAAY,mBAAZ,CACC,UAAU,kBACV,cAAa,GAAGT,CAAU,WACzB,GAAIE,GAAY,CAAE,OAAQ,SAAU,EAEpC,SAAA,MAAM,KAAK,CAAE,OAAQN,EAAO,EAAE,IAAI,CAACc,EAAGC,IACrCJ,EAAA,kBAAA,IAACK,EAAY,gBAAZ,CACC,UAAU,eACV,cAAa,GAAGZ,CAAU,SAASW,CAAK,GAExC,MAAOA,EAAQ,EAEf,SAAAJ,EAAA,kBAAA,IAACM,EAAY,yBAAZ,CACC,UAAU,wBACV,cAAa,GAAGb,CAAU,mBAAmBW,EAAQ,CAAC,GACtD,KAAMJ,EAAAA,kBAAAA,IAACO,EAAAA,KAAK,CAAA,KAAMf,CAAU,CAAA,EAC5B,aAAc,CAAE,MAAOD,CAAe,CAAA,CAAA,CACxC,EARKa,CAUR,CAAA,CAAA,CAAA,CACH,CAAA,CACF,CAGN,EAEAjB,EAAO,YAAc,SACf,MAAAqB,EAAgBC,kBAA6BtB,CAAM"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"rating.component-Btdd7tMX.js","sources":["../../src/components/Rating/rating.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RatingGroup } from '@chakra-ui/react/rating-group';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Icon, IconName } from 'components/Icon';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { KibbleSemanticColorToken } from 'theme/semanticTokens/semanticTokens.types';\nimport { ConditionalValue } from '@chakra-ui/react';\n\nexport interface RatingProps extends Omit<RatingGroup.RootProps, 'allowHalf'>, WithFormControlProps {\n /** Total number of ratings.\n * @default 5\n */\n count?: number;\n /**\n * Data test id for the star rating.\n * @default kibble-rating\n */\n 'data-testid'?: string;\n /** Ref to the hidden input element. */\n inputRef?: React.Ref<HTMLInputElement | null>;\n /**\n * Size of the rating.\n * @default md\n */\n size?: FormControlSize;\n /**\n * Name of the icon to display in the rating.\n * @default starSolid\n */\n iconName?: IconName;\n /**\n * Color of the highlighted rating.\n * @default background.warning.contrast\n */\n highlightColor?: ConditionalValue<KibbleSemanticColorToken>;\n}\n\nconst Rating = React.forwardRef<HTMLDivElement, RatingProps>(\n (\n {\n count = 5,\n size = 'md',\n highlightColor = 'background.warning.contrast',\n iconName = 'starSolid',\n ['data-testid']: dataTestId = 'kibble-rating',\n inputRef,\n readOnly,\n ...rest\n },\n ref,\n ) => {\n return (\n <RatingGroup.Root\n className=\"Rating\"\n data-testid={dataTestId}\n count={count}\n size={size}\n ref={ref}\n readOnly={readOnly}\n {...rest}\n >\n <RatingGroup.HiddenInput\n className=\"Rating__HiddenInput\"\n data-testid={`${dataTestId}-hidden-input`}\n ref={inputRef}\n />\n <RatingGroup.Control\n className=\"Rating__Control\"\n data-testid={`${dataTestId}-control`}\n {...(readOnly && { cursor: 'default' })}\n >\n {Array.from({ length: count }).map((_, index) => (\n <RatingGroup.Item\n className=\"Rating__Item\"\n data-testid={`${dataTestId}-item-${index}`}\n key={index}\n index={index + 1}\n >\n <RatingGroup.ItemIndicator\n className=\"Rating__ItemIndicator\"\n data-testid={`${dataTestId}-item-indicator-${index + 1}`}\n icon={<Icon name={iconName} />}\n _highlighted={{ color: highlightColor }}\n />\n </RatingGroup.Item>\n ))}\n </RatingGroup.Control>\n </RatingGroup.Root>\n );\n },\n);\n\nRating.displayName = 'Rating';\nconst WrappedRating = withFormControl<RatingProps>(Rating);\n\nexport { WrappedRating as Rating };\n"],"names":["Rating","React","count","size","highlightColor","iconName","dataTestId","inputRef","readOnly","rest","ref","jsxs","RatingGroup.Root","jsx","RatingGroup.HiddenInput","RatingGroup.Control","_","index","RatingGroup.Item","RatingGroup.ItemIndicator","Icon","WrappedRating","withFormControl"],"mappings":";;;;;AAqCA,MAAMA,IAASC,EAAM;AAAA,EACnB,CACE;AAAA,IACE,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,gBAAAC,IAAiB;AAAA,IACjB,UAAAC,IAAW;AAAA,IACX,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MAGEC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAaN;AAAA,MACb,OAAAJ;AAAA,MACA,MAAAC;AAAA,MACA,KAAAO;AAAA,MACA,UAAAF;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAAI,gBAAAA,EAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAGR,CAAU;AAAA,YAC1B,KAAKC;AAAA,UAAA;AAAA,QACP;AAAA,QACAM,gBAAAA,EAAA;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAGT,CAAU;AAAA,YACzB,GAAIE,KAAY,EAAE,QAAQ,UAAU;AAAA,YAEpC,UAAA,MAAM,KAAK,EAAE,QAAQN,GAAO,EAAE,IAAI,CAACc,GAAGC,MACrCJ,gBAAAA,EAAA;AAAA,cAACK;AAAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,eAAa,GAAGZ,CAAU,SAASW,CAAK;AAAA,gBAExC,OAAOA,IAAQ;AAAA,gBAEf,UAAAJ,gBAAAA,EAAA;AAAA,kBAACM;AAAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,eAAa,GAAGb,CAAU,mBAAmBW,IAAQ,CAAC;AAAA,oBACtD,MAAMJ,gBAAAA,EAAAA,IAACO,GAAK,EAAA,MAAMf,EAAU,CAAA;AAAA,oBAC5B,cAAc,EAAE,OAAOD,EAAe;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACxC;AAAA,cARKa;AAAA,YAUR,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAGN;AAEAjB,EAAO,cAAc;AACf,MAAAqB,IAAgBC,EAA6BtB,CAAM;"}