@kkcompany/app-ui 0.1.24 → 0.1.25

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 (5) hide show
  1. package/dist/index.cjs +13 -6
  2. package/dist/index.d.cts +5 -5
  3. package/dist/index.d.mts +5 -5
  4. package/dist/index.mjs +13 -6
  5. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -236,12 +236,19 @@ const Menu = ({ menuTitle, items, activeIndex = -1, onClickItem, onClickClose })
236
236
  children: items.map((item, index) => {
237
237
  const { id, label, route, value } = item;
238
238
  const isActive = activeIndex === index;
239
- return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("a", {
240
- href: route || "#",
241
- onClick: onClickItem(item, index),
242
- "data-value": value,
243
- children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("span", { children: label || value }), isActive && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("span", {})]
244
- }) }, `item_${id || value || index}`);
239
+ return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("li", {
240
+ className: isActive ? "kks-dropdown__menu-item--active" : "",
241
+ children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("a", {
242
+ className: "item-row kks-dropdown__menu-link",
243
+ href: route || "#",
244
+ onClick: onClickItem(item, index),
245
+ "data-value": value,
246
+ children: [/* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("span", {
247
+ className: "font text-truncate",
248
+ children: label || value
249
+ }), isActive && /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)("span", { className: "icon kks-dropdown__check-icon" })]
250
+ })
251
+ }, `item_${id || value || index}`);
245
252
  })
246
253
  })]
247
254
  })
package/dist/index.d.cts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ElementType, MouseEventHandler, ReactElement, ReactNode } from "react";
2
- import * as _emotion_react_jsx_runtime1 from "@emotion/react/jsx-runtime";
2
+ import * as _emotion_react_jsx_runtime0 from "@emotion/react/jsx-runtime";
3
3
  import { CSSObject } from "@emotion/react";
4
4
  import Link from "next/link";
5
5
 
@@ -54,7 +54,7 @@ declare const HiddenToggle: ({
54
54
  defaultEnabled?: boolean;
55
55
  children: any;
56
56
  onChange: any;
57
- }) => _emotion_react_jsx_runtime1.JSX.Element;
57
+ }) => _emotion_react_jsx_runtime0.JSX.Element;
58
58
  //#endregion
59
59
  //#region src/Icon.d.ts
60
60
  declare const Icon: ({
@@ -63,7 +63,7 @@ declare const Icon: ({
63
63
  }: {
64
64
  style?: {};
65
65
  src: any;
66
- }) => _emotion_react_jsx_runtime1.JSX.Element;
66
+ }) => _emotion_react_jsx_runtime0.JSX.Element;
67
67
  //#endregion
68
68
  //#region src/SeeMore.d.ts
69
69
  declare const defaultMessages: {
@@ -79,7 +79,7 @@ declare const SeeMore: ({
79
79
  style?: CSSObject;
80
80
  messages?: typeof defaultMessages;
81
81
  children?: ReactNode;
82
- }) => _emotion_react_jsx_runtime1.JSX.Element;
82
+ }) => _emotion_react_jsx_runtime0.JSX.Element;
83
83
  //#endregion
84
84
  //#region src/VideoItem.d.ts
85
85
  type VideoDetail = {
@@ -143,6 +143,6 @@ declare const VideoThumbnail: ({
143
143
  Image?: ElementType;
144
144
  };
145
145
  onClick?: MouseEventHandler<HTMLAnchorElement>;
146
- }) => _emotion_react_jsx_runtime1.JSX.Element;
146
+ }) => _emotion_react_jsx_runtime0.JSX.Element;
147
147
  //#endregion
148
148
  export { Dropdown, HiddenToggle, Icon, SeeMore, VideoItem, VideoThumbnail };
package/dist/index.d.mts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { CSSObject } from "@emotion/react";
2
2
  import { ElementType, MouseEventHandler, ReactElement, ReactNode } from "react";
3
- import * as _emotion_react_jsx_runtime0 from "@emotion/react/jsx-runtime";
3
+ import * as _emotion_react_jsx_runtime1 from "@emotion/react/jsx-runtime";
4
4
  import Link from "next/link";
5
5
 
6
6
  //#region src/Dropdown.d.ts
@@ -54,7 +54,7 @@ declare const HiddenToggle: ({
54
54
  defaultEnabled?: boolean;
55
55
  children: any;
56
56
  onChange: any;
57
- }) => _emotion_react_jsx_runtime0.JSX.Element;
57
+ }) => _emotion_react_jsx_runtime1.JSX.Element;
58
58
  //#endregion
59
59
  //#region src/Icon.d.ts
60
60
  declare const Icon: ({
@@ -63,7 +63,7 @@ declare const Icon: ({
63
63
  }: {
64
64
  style?: {};
65
65
  src: any;
66
- }) => _emotion_react_jsx_runtime0.JSX.Element;
66
+ }) => _emotion_react_jsx_runtime1.JSX.Element;
67
67
  //#endregion
68
68
  //#region src/SeeMore.d.ts
69
69
  declare const defaultMessages: {
@@ -79,7 +79,7 @@ declare const SeeMore: ({
79
79
  style?: CSSObject;
80
80
  messages?: typeof defaultMessages;
81
81
  children?: ReactNode;
82
- }) => _emotion_react_jsx_runtime0.JSX.Element;
82
+ }) => _emotion_react_jsx_runtime1.JSX.Element;
83
83
  //#endregion
84
84
  //#region src/VideoItem.d.ts
85
85
  type VideoDetail = {
@@ -143,6 +143,6 @@ declare const VideoThumbnail: ({
143
143
  Image?: ElementType;
144
144
  };
145
145
  onClick?: MouseEventHandler<HTMLAnchorElement>;
146
- }) => _emotion_react_jsx_runtime0.JSX.Element;
146
+ }) => _emotion_react_jsx_runtime1.JSX.Element;
147
147
  //#endregion
148
148
  export { Dropdown, HiddenToggle, Icon, SeeMore, VideoItem, VideoThumbnail };
package/dist/index.mjs CHANGED
@@ -236,12 +236,19 @@ const Menu = ({ menuTitle, items, activeIndex = -1, onClickItem, onClickClose })
236
236
  children: items.map((item, index) => {
237
237
  const { id, label, route, value } = item;
238
238
  const isActive = activeIndex === index;
239
- return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("a", {
240
- href: route || "#",
241
- onClick: onClickItem(item, index),
242
- "data-value": value,
243
- children: [/* @__PURE__ */ jsx("span", { children: label || value }), isActive && /* @__PURE__ */ jsx("span", {})]
244
- }) }, `item_${id || value || index}`);
239
+ return /* @__PURE__ */ jsx("li", {
240
+ className: isActive ? "kks-dropdown__menu-item--active" : "",
241
+ children: /* @__PURE__ */ jsxs("a", {
242
+ className: "item-row kks-dropdown__menu-link",
243
+ href: route || "#",
244
+ onClick: onClickItem(item, index),
245
+ "data-value": value,
246
+ children: [/* @__PURE__ */ jsx("span", {
247
+ className: "font text-truncate",
248
+ children: label || value
249
+ }), isActive && /* @__PURE__ */ jsx("span", { className: "icon kks-dropdown__check-icon" })]
250
+ })
251
+ }, `item_${id || value || index}`);
245
252
  })
246
253
  })]
247
254
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kkcompany/app-ui",
3
- "version": "0.1.24",
3
+ "version": "0.1.25",
4
4
  "module": "dist/index.mjs",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.mts",