@tecsinapse/cortex-react 1.5.8 → 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.
Files changed (4) hide show
  1. package/dist/cjs/components/Accordion.js +14 -4
  2. package/dist/esm/components/Accordion.js +14 -4
  3. package/dist/types/components/Accordion.d.ts +3 -2
  4. package/package.json +2 -2
package/dist/cjs/components/Accordion.js CHANGED
@@ -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,
package/dist/esm/components/Accordion.js CHANGED
@@ -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,
package/dist/types/components/Accordion.d.ts CHANGED
@@ -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.8",
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": "3b88babf66b4655d271619835a2a8932121731fb"
49
+ "gitHead": "5b4fa2a4efcfb2682a99a409619c6b80f94585b0"
50
50
  }