@tecsinapse/cortex-react 1.11.1 → 1.12.0-beta.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.
- package/dist/cjs/components/Menubar/IconControlSubItem.js +10 -2
- package/dist/cjs/components/Menubar/ItemLink.js +3 -3
- package/dist/cjs/components/Menubar/MostUsedItem.js +1 -1
- package/dist/cjs/styles/menubar.js +2 -2
- package/dist/esm/components/Menubar/IconControlSubItem.js +10 -2
- package/dist/esm/components/Menubar/ItemLink.js +3 -3
- package/dist/esm/components/Menubar/MostUsedItem.js +1 -1
- package/dist/esm/styles/menubar.js +2 -2
- package/dist/types/components/Menubar/ItemLink.d.ts +1 -1
- package/dist/types/components/Menubar/types.d.ts +1 -1
- package/package.json +2 -2
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var menubar = require('../../styles/menubar.js');
|
|
5
4
|
var io5 = require('react-icons/io5');
|
|
5
|
+
var menubar = require('../../styles/menubar.js');
|
|
6
6
|
|
|
7
7
|
const { icon } = menubar.item();
|
|
8
8
|
const IconControlSubItem = ({ show, setShow }) => {
|
|
@@ -10,7 +10,15 @@ const IconControlSubItem = ({ show, setShow }) => {
|
|
|
10
10
|
e.stopPropagation();
|
|
11
11
|
setShow(!show);
|
|
12
12
|
};
|
|
13
|
-
return /* @__PURE__ */ React.createElement(
|
|
13
|
+
return /* @__PURE__ */ React.createElement(
|
|
14
|
+
"div",
|
|
15
|
+
{
|
|
16
|
+
onClick: handleClick,
|
|
17
|
+
"data-testid": "icon-sub-item-menubar",
|
|
18
|
+
className: "flex"
|
|
19
|
+
},
|
|
20
|
+
show ? /* @__PURE__ */ React.createElement(io5.IoCaretUpCircleOutline, { className: icon() }) : /* @__PURE__ */ React.createElement(io5.IoCaretDownCircleOutline, { className: icon() })
|
|
21
|
+
);
|
|
14
22
|
};
|
|
15
23
|
|
|
16
24
|
module.exports = IconControlSubItem;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var React = require('react');
|
|
4
3
|
var clsx = require('clsx');
|
|
4
|
+
var React = require('react');
|
|
5
5
|
|
|
6
|
-
const ItemLink = ({ anchorProps, children }) => {
|
|
7
|
-
return /* @__PURE__ */ React.createElement("div",
|
|
6
|
+
const ItemLink = ({ anchorProps, children, ...rest }) => {
|
|
7
|
+
return /* @__PURE__ */ React.createElement("div", { ...rest }, anchorProps ? /* @__PURE__ */ React.createElement(
|
|
8
8
|
"a",
|
|
9
9
|
{
|
|
10
10
|
target: "_blank",
|
|
@@ -16,7 +16,7 @@ const MostUsedItem = ({
|
|
|
16
16
|
anchorProps,
|
|
17
17
|
...rest
|
|
18
18
|
}) => {
|
|
19
|
-
return /* @__PURE__ */ React.createElement(ItemLink, { anchorProps }, /* @__PURE__ */ React.createElement(
|
|
19
|
+
return /* @__PURE__ */ React.createElement(ItemLink, { anchorProps, className: "flex flex-grow" }, /* @__PURE__ */ React.createElement(
|
|
20
20
|
Card.Card,
|
|
21
21
|
{
|
|
22
22
|
...rest,
|
|
@@ -28,8 +28,8 @@ const mostUsed = tailwindVariants.tv({
|
|
|
28
28
|
const mostUsedItem = tailwindVariants.tv({
|
|
29
29
|
slots: {
|
|
30
30
|
container: "flex-1 py-mili",
|
|
31
|
-
title: "text-primary-medium font-bold",
|
|
32
|
-
category: "text-secondary-medium"
|
|
31
|
+
title: "text-primary-medium font-bold text-base",
|
|
32
|
+
category: "text-secondary-medium text-label"
|
|
33
33
|
}
|
|
34
34
|
});
|
|
35
35
|
const item = tailwindVariants.tv({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
-
import { item } from '../../styles/menubar.js';
|
|
3
2
|
import { IoCaretUpCircleOutline, IoCaretDownCircleOutline } from 'react-icons/io5';
|
|
3
|
+
import { item } from '../../styles/menubar.js';
|
|
4
4
|
|
|
5
5
|
const { icon } = item();
|
|
6
6
|
const IconControlSubItem = ({ show, setShow }) => {
|
|
@@ -8,7 +8,15 @@ const IconControlSubItem = ({ show, setShow }) => {
|
|
|
8
8
|
e.stopPropagation();
|
|
9
9
|
setShow(!show);
|
|
10
10
|
};
|
|
11
|
-
return /* @__PURE__ */ React__default.createElement(
|
|
11
|
+
return /* @__PURE__ */ React__default.createElement(
|
|
12
|
+
"div",
|
|
13
|
+
{
|
|
14
|
+
onClick: handleClick,
|
|
15
|
+
"data-testid": "icon-sub-item-menubar",
|
|
16
|
+
className: "flex"
|
|
17
|
+
},
|
|
18
|
+
show ? /* @__PURE__ */ React__default.createElement(IoCaretUpCircleOutline, { className: icon() }) : /* @__PURE__ */ React__default.createElement(IoCaretDownCircleOutline, { className: icon() })
|
|
19
|
+
);
|
|
12
20
|
};
|
|
13
21
|
|
|
14
22
|
export { IconControlSubItem as default };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
1
|
import clsx from 'clsx';
|
|
2
|
+
import React__default from 'react';
|
|
3
3
|
|
|
4
|
-
const ItemLink = ({ anchorProps, children }) => {
|
|
5
|
-
return /* @__PURE__ */ React__default.createElement("div",
|
|
4
|
+
const ItemLink = ({ anchorProps, children, ...rest }) => {
|
|
5
|
+
return /* @__PURE__ */ React__default.createElement("div", { ...rest }, anchorProps ? /* @__PURE__ */ React__default.createElement(
|
|
6
6
|
"a",
|
|
7
7
|
{
|
|
8
8
|
target: "_blank",
|
|
@@ -14,7 +14,7 @@ const MostUsedItem = ({
|
|
|
14
14
|
anchorProps,
|
|
15
15
|
...rest
|
|
16
16
|
}) => {
|
|
17
|
-
return /* @__PURE__ */ React__default.createElement(ItemLink, { anchorProps }, /* @__PURE__ */ React__default.createElement(
|
|
17
|
+
return /* @__PURE__ */ React__default.createElement(ItemLink, { anchorProps, className: "flex flex-grow" }, /* @__PURE__ */ React__default.createElement(
|
|
18
18
|
Card,
|
|
19
19
|
{
|
|
20
20
|
...rest,
|
|
@@ -26,8 +26,8 @@ const mostUsed = tv({
|
|
|
26
26
|
const mostUsedItem = tv({
|
|
27
27
|
slots: {
|
|
28
28
|
container: "flex-1 py-mili",
|
|
29
|
-
title: "text-primary-medium font-bold",
|
|
30
|
-
category: "text-secondary-medium"
|
|
29
|
+
title: "text-primary-medium font-bold text-base",
|
|
30
|
+
category: "text-secondary-medium text-label"
|
|
31
31
|
}
|
|
32
32
|
});
|
|
33
33
|
const item = tv({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ItemLinkProps } from './types';
|
|
3
|
-
declare const ItemLink: ({ anchorProps, children }: ItemLinkProps) => React.JSX.Element;
|
|
3
|
+
declare const ItemLink: ({ anchorProps, children, ...rest }: ItemLinkProps) => React.JSX.Element;
|
|
4
4
|
export default ItemLink;
|
|
@@ -26,7 +26,7 @@ export type CategoryType<T> = {
|
|
|
26
26
|
export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
27
27
|
children?: ReactNode;
|
|
28
28
|
}
|
|
29
|
-
export interface ItemLinkProps {
|
|
29
|
+
export interface ItemLinkProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
30
30
|
anchorProps?: React.AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
31
31
|
children?: React.ReactNode;
|
|
32
32
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tecsinapse/cortex-react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.12.0-beta.0",
|
|
4
4
|
"description": "React components based in @tecsinapse/cortex-core",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/esm/index.js",
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"react-icons": ">=5.2.0",
|
|
48
48
|
"tailwind": ">=3.3.0"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "5a4d3ed47fe0d6fe6de6b4623cb7971428d5d3f7"
|
|
51
51
|
}
|