@tecsinapse/cortex-react 1.5.7 → 1.5.9

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.
@@ -19,7 +19,8 @@ const Trigger = ({
19
19
  * Only applied to trigger arrow
20
20
  */
21
21
  className,
22
- onOpen
22
+ onOpen,
23
+ invertedArrow = false
23
24
  }) => {
24
25
  const { open, toggle } = useAccordionContext();
25
26
  if (!floating && !label) {
@@ -59,7 +60,7 @@ const Trigger = ({
59
60
  className: clsx(
60
61
  "text-secondary-medium transition-transform duration-200",
61
62
  {
62
- "rotate-180": open
63
+ "rotate-180": invertedArrow ? !open : open
63
64
  }
64
65
  )
65
66
  }
@@ -105,9 +106,18 @@ const Root = ({
105
106
  defaultOpen,
106
107
  label,
107
108
  floating,
108
- onOpen
109
+ onOpen,
110
+ invertedArrow
109
111
  }) => {
110
- return /* @__PURE__ */ React.createElement(Face, { defaultOpen }, /* @__PURE__ */ React.createElement(Trigger, { label, floating, onOpen }), /* @__PURE__ */ React.createElement(Content, null, children));
112
+ return /* @__PURE__ */ React.createElement(Face, { defaultOpen }, /* @__PURE__ */ React.createElement(
113
+ Trigger,
114
+ {
115
+ label,
116
+ floating,
117
+ onOpen,
118
+ invertedArrow
119
+ }
120
+ ), /* @__PURE__ */ React.createElement(Content, null, children));
111
121
  };
112
122
  const Accordion = {
113
123
  Face,
@@ -2,9 +2,35 @@
2
2
 
3
3
  var React = require('react');
4
4
  var clsx = require('clsx');
5
+ require('@internationalized/date');
6
+ require('react-aria');
7
+ require('react-stately');
8
+ require('@floating-ui/react');
9
+ require('currency.js');
10
+ require('../../provider/MenubarContext.js');
11
+ require('../../provider/SnackbarProvider.js');
12
+ var useMenubar = require('../../provider/useMenubar.js');
5
13
 
6
14
  const ItemLink = ({ anchorProps, children }) => {
7
- return /* @__PURE__ */ React.createElement(React.Fragment, null, anchorProps ? /* @__PURE__ */ React.createElement("a", { ...anchorProps, className: clsx("w-full", anchorProps?.className) }, children) : children);
15
+ const [, setShow] = useMenubar.useMenubar();
16
+ return /* @__PURE__ */ React.createElement(
17
+ "div",
18
+ {
19
+ onClick: () => {
20
+ setShow(false);
21
+ }
22
+ },
23
+ anchorProps ? /* @__PURE__ */ React.createElement(
24
+ "a",
25
+ {
26
+ ...anchorProps,
27
+ target: "_blank",
28
+ rel: "noopener noreferrer",
29
+ className: clsx("w-full", anchorProps?.className)
30
+ },
31
+ children
32
+ ) : children
33
+ );
8
34
  };
9
35
 
10
36
  module.exports = ItemLink;
@@ -17,7 +17,8 @@ const Trigger = ({
17
17
  * Only applied to trigger arrow
18
18
  */
19
19
  className,
20
- onOpen
20
+ onOpen,
21
+ invertedArrow = false
21
22
  }) => {
22
23
  const { open, toggle } = useAccordionContext();
23
24
  if (!floating && !label) {
@@ -57,7 +58,7 @@ const Trigger = ({
57
58
  className: clsx(
58
59
  "text-secondary-medium transition-transform duration-200",
59
60
  {
60
- "rotate-180": open
61
+ "rotate-180": invertedArrow ? !open : open
61
62
  }
62
63
  )
63
64
  }
@@ -103,9 +104,18 @@ const Root = ({
103
104
  defaultOpen,
104
105
  label,
105
106
  floating,
106
- onOpen
107
+ onOpen,
108
+ invertedArrow
107
109
  }) => {
108
- return /* @__PURE__ */ React__default.createElement(Face, { defaultOpen }, /* @__PURE__ */ React__default.createElement(Trigger, { label, floating, onOpen }), /* @__PURE__ */ React__default.createElement(Content, null, children));
110
+ return /* @__PURE__ */ React__default.createElement(Face, { defaultOpen }, /* @__PURE__ */ React__default.createElement(
111
+ Trigger,
112
+ {
113
+ label,
114
+ floating,
115
+ onOpen,
116
+ invertedArrow
117
+ }
118
+ ), /* @__PURE__ */ React__default.createElement(Content, null, children));
109
119
  };
110
120
  const Accordion = {
111
121
  Face,
@@ -1,8 +1,34 @@
1
1
  import React__default from 'react';
2
2
  import clsx from 'clsx';
3
+ import '@internationalized/date';
4
+ import 'react-aria';
5
+ import 'react-stately';
6
+ import '@floating-ui/react';
7
+ import 'currency.js';
8
+ import '../../provider/MenubarContext.js';
9
+ import '../../provider/SnackbarProvider.js';
10
+ import { useMenubar } from '../../provider/useMenubar.js';
3
11
 
4
12
  const ItemLink = ({ anchorProps, children }) => {
5
- return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, anchorProps ? /* @__PURE__ */ React__default.createElement("a", { ...anchorProps, className: clsx("w-full", anchorProps?.className) }, children) : children);
13
+ const [, setShow] = useMenubar();
14
+ return /* @__PURE__ */ React__default.createElement(
15
+ "div",
16
+ {
17
+ onClick: () => {
18
+ setShow(false);
19
+ }
20
+ },
21
+ anchorProps ? /* @__PURE__ */ React__default.createElement(
22
+ "a",
23
+ {
24
+ ...anchorProps,
25
+ target: "_blank",
26
+ rel: "noopener noreferrer",
27
+ className: clsx("w-full", anchorProps?.className)
28
+ },
29
+ children
30
+ ) : children
31
+ );
6
32
  };
7
33
 
8
34
  export { ItemLink as default };
@@ -5,6 +5,7 @@ interface AccordionProps {
5
5
  label?: string;
6
6
  floating?: boolean;
7
7
  onOpen?: () => void;
8
+ invertedArrow?: boolean;
8
9
  }
9
10
  export declare const useAccordionContext: () => {
10
11
  open: boolean;
@@ -12,8 +13,8 @@ export declare const useAccordionContext: () => {
12
13
  };
13
14
  export declare const Accordion: {
14
15
  Face: ({ children, defaultOpen, }: Pick<AccordionProps, 'children' | 'defaultOpen'>) => JSX.Element;
15
- Root: ({ children, defaultOpen, label, floating, onOpen, }: AccordionProps) => JSX.Element;
16
- Trigger: ({ label, floating, className, onOpen, }: Pick<AccordionProps, 'floating' | 'label' | 'onOpen'> & {
16
+ Root: ({ children, defaultOpen, label, floating, onOpen, invertedArrow, }: AccordionProps) => JSX.Element;
17
+ Trigger: ({ label, floating, className, onOpen, invertedArrow, }: Pick<AccordionProps, 'floating' | 'label' | 'onOpen' | 'invertedArrow'> & {
17
18
  className?: string;
18
19
  }) => JSX.Element;
19
20
  Content: ({ children }: Pick<AccordionProps, 'children'>) => JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tecsinapse/cortex-react",
3
- "version": "1.5.7",
3
+ "version": "1.5.9",
4
4
  "description": "React components based in @tecsinapse/cortex-core",
5
5
  "license": "MIT",
6
6
  "main": "dist/esm/index.js",
@@ -46,5 +46,5 @@
46
46
  "react-dom": ">=18.0.0",
47
47
  "tailwind": ">=3.3.0"
48
48
  },
49
- "gitHead": "4b9b6e63f11ae61a5cd71b0a311bf5bc9a70126e"
49
+ "gitHead": "5b4fa2a4efcfb2682a99a409619c6b80f94585b0"
50
50
  }