@tecsinapse/cortex-react 1.3.0-beta.23 → 1.3.0-beta.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.
package/dist/cjs/index.js CHANGED
@@ -44,6 +44,8 @@ var useOutsideClickListener = require('./hooks/useOutsideClickListener.js');
44
44
  var useRangeCalendar = require('./hooks/useRangeCalendar.js');
45
45
  var useFloatingLogic = require('./hooks/useFloatingLogic.js');
46
46
  var SnackbarSonner = require('./service/SnackbarSonner.js');
47
+ var MenubarProvider = require('./provider/MenubarProvider.js');
48
+ var SnackbarProvider = require('./provider/SnackbarProvider.js');
47
49
 
48
50
 
49
51
 
@@ -99,3 +101,7 @@ exports.useOutsideClickListener = useOutsideClickListener.useOutsideClickListene
99
101
  exports.useRangeCalendar = useRangeCalendar.useRangeCalendar;
100
102
  exports.useFloatingLogic = useFloatingLogic.useFloatingLogic;
101
103
  exports.SnackbarSonner = SnackbarSonner.SnackbarSonner;
104
+ exports.MenubarProvider = MenubarProvider.MenubarProvider;
105
+ exports.useMenubar = MenubarProvider.useMenubar;
106
+ exports.SnackbarProvider = SnackbarProvider.SnackbarProvider;
107
+ exports.useSnackbar = SnackbarProvider.useSnackbar;
@@ -1,56 +1,21 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- require('sonner');
5
- require('clsx');
6
- require('@internationalized/date');
7
- require('../components/Badge.js');
8
- require('react-icons/md');
9
- require('../components/Card.js');
10
- require('../components/Button.js');
11
- require('react-aria');
12
- require('react-stately');
13
- require('@floating-ui/react');
14
- require('../components/Calendar/CalendarCell.js');
15
- require('@tecsinapse/cortex-core');
16
- require('react-icons/fa');
17
- require('react-icons/lia');
18
- require('../components/Input/Box.js');
19
- require('../components/Input/Face.js');
20
- require('../components/Input/Left.js');
21
- require('../components/Input/Mask.js');
22
- require('../components/Input/Right.js');
23
- require('../components/Input/Root.js');
24
- require('../components/Input/Search.js');
25
- require('../components/GroupButton.js');
26
- require('../components/Hint.js');
27
- require('./MenubarProvider.js');
28
- require('../components/Menubar/Left.js');
29
- require('../styles/menubar.js');
30
- require('../components/Menubar/Right.js');
31
- require('../components/Menubar/Dropdown.js');
32
- require('../components/Menubar/MostUsed.js');
33
- require('../components/Menubar/MostUsedItem.js');
34
- require('../components/Menubar/Header.js');
35
- require('../components/Menubar/Item.js');
36
- require('../components/Menubar/SubItem.js');
37
- require('../components/Modal.js');
38
- require('../components/Popover/Context.js');
39
- require('../styles/calendar-cell.js');
40
- require('../styles/groupButton.js');
41
- require('../styles/progressBar.js');
42
- require('../components/RadioButton.js');
43
- require('../components/Select/GroupedOptions.js');
44
- require('../components/Select/context.js');
45
- require('../components/Select/MultiGroupedOptions.js');
46
- require('../components/Select/MultiOptions.js');
47
- require('../components/Select/Options.js');
48
- require('../components/Select/Trigger.js');
49
- require('../components/Snackbar/BaseSnackbar.js');
50
- require('react-icons/io');
51
- require('../components/Tag.js');
52
- require('../components/TextArea.js');
53
- require('../components/Toggle.js');
54
- require('../components/Tooltip.js');
4
+ var SnackbarSonner = require('../service/SnackbarSonner.js');
5
+ var sonner = require('sonner');
55
6
 
56
- React.createContext(null);
7
+ const SnackbarContext = React.createContext(null);
8
+ const SnackbarProvider = ({ children }) => {
9
+ const snackbar = new SnackbarSonner.SnackbarSonner();
10
+ return /* @__PURE__ */ React.createElement(SnackbarContext.Provider, { value: { snackbar } }, children, /* @__PURE__ */ React.createElement(sonner.Toaster, null));
11
+ };
12
+ const useSnackbar = () => {
13
+ const context = React.useContext(SnackbarContext);
14
+ if (!context) {
15
+ throw new Error("useSnackbar must be used within a SnackbarProvider");
16
+ }
17
+ return context;
18
+ };
19
+
20
+ exports.SnackbarProvider = SnackbarProvider;
21
+ exports.useSnackbar = useSnackbar;
package/dist/esm/index.js CHANGED
@@ -42,3 +42,5 @@ export { useOutsideClickListener } from './hooks/useOutsideClickListener.js';
42
42
  export { useRangeCalendar } from './hooks/useRangeCalendar.js';
43
43
  export { useFloatingLogic } from './hooks/useFloatingLogic.js';
44
44
  export { SnackbarSonner } from './service/SnackbarSonner.js';
45
+ export { MenubarProvider, useMenubar } from './provider/MenubarProvider.js';
46
+ export { SnackbarProvider, useSnackbar } from './provider/SnackbarProvider.js';
@@ -1,54 +1,18 @@
1
- import { createContext } from 'react';
2
- import 'sonner';
3
- import 'clsx';
4
- import '@internationalized/date';
5
- import '../components/Badge.js';
6
- import 'react-icons/md';
7
- import '../components/Card.js';
8
- import '../components/Button.js';
9
- import 'react-aria';
10
- import 'react-stately';
11
- import '@floating-ui/react';
12
- import '../components/Calendar/CalendarCell.js';
13
- import '@tecsinapse/cortex-core';
14
- import 'react-icons/fa';
15
- import 'react-icons/lia';
16
- import '../components/Input/Box.js';
17
- import '../components/Input/Face.js';
18
- import '../components/Input/Left.js';
19
- import '../components/Input/Mask.js';
20
- import '../components/Input/Right.js';
21
- import '../components/Input/Root.js';
22
- import '../components/Input/Search.js';
23
- import '../components/GroupButton.js';
24
- import '../components/Hint.js';
25
- import './MenubarProvider.js';
26
- import '../components/Menubar/Left.js';
27
- import '../styles/menubar.js';
28
- import '../components/Menubar/Right.js';
29
- import '../components/Menubar/Dropdown.js';
30
- import '../components/Menubar/MostUsed.js';
31
- import '../components/Menubar/MostUsedItem.js';
32
- import '../components/Menubar/Header.js';
33
- import '../components/Menubar/Item.js';
34
- import '../components/Menubar/SubItem.js';
35
- import '../components/Modal.js';
36
- import '../components/Popover/Context.js';
37
- import '../styles/calendar-cell.js';
38
- import '../styles/groupButton.js';
39
- import '../styles/progressBar.js';
40
- import '../components/RadioButton.js';
41
- import '../components/Select/GroupedOptions.js';
42
- import '../components/Select/context.js';
43
- import '../components/Select/MultiGroupedOptions.js';
44
- import '../components/Select/MultiOptions.js';
45
- import '../components/Select/Options.js';
46
- import '../components/Select/Trigger.js';
47
- import '../components/Snackbar/BaseSnackbar.js';
48
- import 'react-icons/io';
49
- import '../components/Tag.js';
50
- import '../components/TextArea.js';
51
- import '../components/Toggle.js';
52
- import '../components/Tooltip.js';
1
+ import React, { createContext, useContext } from 'react';
2
+ import { SnackbarSonner } from '../service/SnackbarSonner.js';
3
+ import { Toaster } from 'sonner';
53
4
 
54
- createContext(null);
5
+ const SnackbarContext = createContext(null);
6
+ const SnackbarProvider = ({ children }) => {
7
+ const snackbar = new SnackbarSonner();
8
+ return /* @__PURE__ */ React.createElement(SnackbarContext.Provider, { value: { snackbar } }, children, /* @__PURE__ */ React.createElement(Toaster, null));
9
+ };
10
+ const useSnackbar = () => {
11
+ const context = useContext(SnackbarContext);
12
+ if (!context) {
13
+ throw new Error("useSnackbar must be used within a SnackbarProvider");
14
+ }
15
+ return context;
16
+ };
17
+
18
+ export { SnackbarProvider, useSnackbar };
@@ -1,6 +1,2 @@
1
- import { ReactNode } from 'react';
2
- interface ContentProps {
3
- children: ReactNode;
4
- }
1
+ import { ContentProps } from './types';
5
2
  export declare const Content: ({ children }: ContentProps) => JSX.Element;
6
- export {};
@@ -1,6 +1,2 @@
1
- export interface SelectGroupedOptionsProps<T> {
2
- onSelect: (value: T) => void;
3
- options?: Map<string, T[]>;
4
- groupedLabelExtractor: (value: string) => string;
5
- }
1
+ import { SelectGroupedOptionsProps } from '.';
6
2
  export declare const SelectGroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, }: SelectGroupedOptionsProps<T>) => JSX.Element;
@@ -1,4 +1,2 @@
1
- export interface SelectMultiCheckAllOptionsProps {
2
- checkAllLabel?: string;
3
- }
1
+ import { SelectMultiCheckAllOptionsProps } from './types';
4
2
  export declare const SelectMultiCheckAllOptions: <T>({ checkAllLabel, }: SelectMultiCheckAllOptionsProps) => JSX.Element;
@@ -1,8 +1,2 @@
1
- import React from 'react';
2
- export interface SelectMultiGroupedOptionsProps<T> {
3
- onSelect: (value: T[]) => void;
4
- options?: Map<string, T[]>;
5
- groupedLabelExtractor: (value: string) => string;
6
- children?: React.ReactNode;
7
- }
1
+ import { SelectMultiGroupedOptionsProps } from '.';
8
2
  export declare const SelectMultiGroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, children, }: SelectMultiGroupedOptionsProps<T>) => JSX.Element;
@@ -1,6 +1,2 @@
1
- export interface SelectMultiOptionProps<T> {
2
- option: T;
3
- onSelectOption: (option: T) => void;
4
- grouped?: boolean;
5
- }
1
+ import { SelectMultiOptionProps } from './types';
6
2
  export declare const SelectMultiOption: <T>({ onSelectOption, option, grouped, }: SelectMultiOptionProps<T>) => JSX.Element;
@@ -1,7 +1,2 @@
1
- import React from 'react';
2
- export interface SelectMultiOptionsProps<T> {
3
- options?: T[];
4
- onSelect: (value: T[]) => void;
5
- children?: React.ReactNode;
6
- }
1
+ import { SelectMultiOptionsProps } from '.';
7
2
  export declare const SelectMultiOptions: <T>({ onSelect, options, children, }: SelectMultiOptionsProps<T>) => JSX.Element;
@@ -1,6 +1,2 @@
1
- export interface SelectOptionProps<T> {
2
- option: T;
3
- onSelectOption: (option: T) => void;
4
- grouped?: boolean;
5
- }
1
+ import { SelectOptionProps } from './types';
6
2
  export declare const SelectOption: <T>({ onSelectOption, option, grouped, }: SelectOptionProps<T>) => JSX.Element;
@@ -1,5 +1,2 @@
1
- export interface SelectOptionsProps<T> {
2
- options?: T[];
3
- onSelect: (value: T) => void;
4
- }
1
+ import { SelectOptionsProps } from '.';
5
2
  export declare const SelectOptions: <T>({ onSelect, options, }: SelectOptionsProps<T>) => JSX.Element;
@@ -1,5 +1,2 @@
1
- import { ReactNode } from 'react';
2
- export interface SelectPopoverProps {
3
- children: ReactNode;
4
- }
1
+ import { SelectPopoverProps } from './types';
5
2
  export declare const SelectPopover: ({ children }: SelectPopoverProps) => JSX.Element;
@@ -1,8 +1,2 @@
1
- import { ReactNode } from 'react';
2
- export interface SelectRootProps<T> {
3
- children: ReactNode;
4
- value?: T | T[];
5
- keyExtractor: (value: T) => string;
6
- labelExtractor: (value: T) => string;
7
- }
1
+ import { SelectRootProps } from './types';
8
2
  export declare const SelectRoot: <T>({ children, value, keyExtractor, labelExtractor, }: SelectRootProps<T>) => JSX.Element;
@@ -1,5 +1,2 @@
1
- export interface SelectTriggerProps {
2
- label: string;
3
- disabled?: boolean;
4
- }
1
+ import { SelectTriggerProps } from './types';
5
2
  export declare const SelectTrigger: ({ label, disabled }: SelectTriggerProps) => JSX.Element;
@@ -1,12 +1,13 @@
1
1
  export declare const Select: {
2
- Root: <T>({ children, value, keyExtractor, labelExtractor, }: import("./Root").SelectRootProps<T>) => JSX.Element;
3
- Trigger: ({ label, disabled }: import("./Trigger").SelectTriggerProps) => JSX.Element;
4
- Popover: ({ children }: import("./Popover").SelectPopoverProps) => JSX.Element;
5
- Options: <T_1>({ onSelect, options, }: import("./Options").SelectOptionsProps<T_1>) => JSX.Element;
6
- GroupedOptions: <T_2>({ onSelect, groupedLabelExtractor, options, }: import("./GroupedOptions").SelectGroupedOptionsProps<T_2>) => JSX.Element;
7
- Option: <T_3>({ onSelectOption, option, grouped, }: import("./Option").SelectOptionProps<T_3>) => JSX.Element;
8
- MultiOptions: <T_4>({ onSelect, options, children, }: import("./MultiOptions").SelectMultiOptionsProps<T_4>) => JSX.Element;
9
- MultiGroupedOptions: <T_5>({ onSelect, groupedLabelExtractor, options, children, }: import("./MultiGroupedOptions").SelectMultiGroupedOptionsProps<T_5>) => JSX.Element;
10
- MultiOption: <T_6>({ onSelectOption, option, grouped, }: import("./MultiOption").SelectMultiOptionProps<T_6>) => JSX.Element;
11
- MultiCheckAllOptions: <T_7>({ checkAllLabel, }: import("./MultiCheckAllOptions").SelectMultiCheckAllOptionsProps) => JSX.Element;
2
+ Root: <T>({ children, value, keyExtractor, labelExtractor, }: import("./types").SelectRootProps<T>) => JSX.Element;
3
+ Trigger: ({ label, disabled }: import("./types").SelectTriggerProps) => JSX.Element;
4
+ Popover: ({ children }: import("./types").SelectPopoverProps) => JSX.Element;
5
+ Options: <T_1>({ onSelect, options, }: import("./types").SelectOptionsProps<T_1>) => JSX.Element;
6
+ GroupedOptions: <T_2>({ onSelect, groupedLabelExtractor, options, }: import("./types").SelectGroupedOptionsProps<T_2>) => JSX.Element;
7
+ Option: <T_3>({ onSelectOption, option, grouped, }: import("./types").SelectOptionProps<T_3>) => JSX.Element;
8
+ MultiOptions: <T_4>({ onSelect, options, children, }: import("./types").SelectMultiOptionsProps<T_4>) => JSX.Element;
9
+ MultiGroupedOptions: <T_5>({ onSelect, groupedLabelExtractor, options, children, }: import("./types").SelectMultiGroupedOptionsProps<T_5>) => JSX.Element;
10
+ MultiOption: <T_6>({ onSelectOption, option, grouped, }: import("./types").SelectMultiOptionProps<T_6>) => JSX.Element;
11
+ MultiCheckAllOptions: <T_7>({ checkAllLabel, }: import("./types").SelectMultiCheckAllOptionsProps) => JSX.Element;
12
12
  };
13
+ export * from './types';
@@ -0,0 +1,50 @@
1
+ import { ReactNode } from 'react';
2
+ export interface ContentProps {
3
+ children: ReactNode;
4
+ }
5
+ export interface SelectGroupedOptionsProps<T> {
6
+ onSelect: (value: T) => void;
7
+ options?: Map<string, T[]>;
8
+ groupedLabelExtractor: (value: string) => string;
9
+ }
10
+ export interface SelectMultiCheckAllOptionsProps {
11
+ checkAllLabel?: string;
12
+ }
13
+ export interface SelectMultiGroupedOptionsProps<T> {
14
+ onSelect: (value: T[]) => void;
15
+ options?: Map<string, T[]>;
16
+ groupedLabelExtractor: (value: string) => string;
17
+ children?: React.ReactNode;
18
+ }
19
+ export interface SelectMultiOptionProps<T> {
20
+ option: T;
21
+ onSelectOption: (option: T) => void;
22
+ grouped?: boolean;
23
+ }
24
+ export interface SelectMultiOptionsProps<T> {
25
+ options?: T[];
26
+ onSelect: (value: T[]) => void;
27
+ children?: React.ReactNode;
28
+ }
29
+ export interface SelectOptionProps<T> {
30
+ option: T;
31
+ onSelectOption: (option: T) => void;
32
+ grouped?: boolean;
33
+ }
34
+ export interface SelectOptionsProps<T> {
35
+ options?: T[];
36
+ onSelect: (value: T) => void;
37
+ }
38
+ export interface SelectPopoverProps {
39
+ children: ReactNode;
40
+ }
41
+ export interface SelectRootProps<T> {
42
+ children: ReactNode;
43
+ value?: T | T[];
44
+ keyExtractor: (value: T) => string;
45
+ labelExtractor: (value: T) => string;
46
+ }
47
+ export interface SelectTriggerProps {
48
+ label: string;
49
+ disabled?: boolean;
50
+ }
@@ -1,3 +1,4 @@
1
1
  export * from './components';
2
2
  export * from './hooks';
3
3
  export * from './service';
4
+ export * from './provider';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tecsinapse/cortex-react",
3
- "version": "1.3.0-beta.23",
3
+ "version": "1.3.0-beta.25",
4
4
  "description": "React components based in @tecsinapse/cortex-core",
5
5
  "license": "MIT",
6
6
  "main": "dist/esm/index.js",
@@ -43,5 +43,5 @@
43
43
  "react-dom": ">=18.0.0",
44
44
  "tailwind": ">=3.3.0"
45
45
  },
46
- "gitHead": "51b45071d2ed294e4730031f44470b1f1a0a3f63"
46
+ "gitHead": "154d47f69ddd700160f54b381724ac02279a63aa"
47
47
  }