kupos-ui-components-lib 9.0.12 → 9.1.0

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 (3) hide show
  1. package/dist/ui/BottomAmenities/BottomAmenities.js +2 -1
  2. package/package.json +1 -1
  3. package/src/ui/BottomAmenities/BottomAmenities.tsx +2 -1
package/dist/ui/BottomAmenities/BottomAmenities.js CHANGED
@@ -3,6 +3,7 @@ import LottiePlayer from "../../assets/LottiePlayer";
3
3
  import FlexibleBlock from "../FlexibleBlock";
4
4
  import PetBlock from "../PetBlock";
5
5
  function BottomAmenities({ otherItems, serviceItem, grayscaleClass, isSoldOut, isItemExpanded, colors, translation, getAnimationIcon, downArrowIcon, onToggleExpand, }) {
6
+ console.log("🚀 ~ BottomAmenities ~ isItemExpanded:", isItemExpanded);
6
7
  const hasPetInfo = serviceItem.pet_seat_info &&
7
8
  Object.keys(serviceItem.pet_seat_info).length > 0;
8
9
  const showDownArrow = ((serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_change_ticket) && serviceItem.pet_seat_info) ||
@@ -18,6 +19,6 @@ function BottomAmenities({ otherItems, serviceItem, grayscaleClass, isSoldOut, i
18
19
  React.createElement(LottiePlayer, { animationData: getAnimationIcon("locationAnim"), width: "20px", height: "20px" }))),
19
20
  serviceItem.is_change_ticket && (React.createElement(FlexibleBlock, { translation: translation, getAnimationIcon: getAnimationIcon, colors: colors, serviceItem: serviceItem, isSoldOut: isSoldOut })),
20
21
  hasPetInfo && (React.createElement(PetBlock, { translation: translation, getAnimationIcon: getAnimationIcon, colors: colors, isSoldOut: isSoldOut })),
21
- React.createElement("div", { className: `flex items-center cursor-pointer ml-[4px] transition-transform duration-300 w-[14px] h-[14px] `, onClick: onToggleExpand }, downArrowIcon))));
22
+ React.createElement("div", { className: `flex items-center cursor-pointer ml-[4px] transition-transform duration-300 w-[14px] h-[14px] ${isItemExpanded ? "rotate-180" : ""}`, onClick: onToggleExpand }, downArrowIcon))));
22
23
  }
23
24
  export default BottomAmenities;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "9.0.12",
3
+ "version": "9.1.0",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/ui/BottomAmenities/BottomAmenities.tsx CHANGED
@@ -38,6 +38,7 @@ function BottomAmenities({
38
38
  downArrowIcon,
39
39
  onToggleExpand,
40
40
  }: BottomAmenitiesProps): React.ReactElement {
41
+ console.log("🚀 ~ BottomAmenities ~ isItemExpanded:", isItemExpanded);
41
42
  const hasPetInfo =
42
43
  serviceItem.pet_seat_info &&
43
44
  Object.keys(serviceItem.pet_seat_info).length > 0;
@@ -96,7 +97,7 @@ function BottomAmenities({
96
97
  {/* DOWN ARROW ICON */}
97
98
  {/* {showDownArrow ? ( */}
98
99
  <div
99
- className={`flex items-center cursor-pointer ml-[4px] transition-transform duration-300 w-[14px] h-[14px] `}
100
+ className={`flex items-center cursor-pointer ml-[4px] transition-transform duration-300 w-[14px] h-[14px] ${isItemExpanded ? "rotate-180" : ""}`}
100
101
  onClick={onToggleExpand}
101
102
  >
102
103
  {downArrowIcon}