@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 +6 -0
- package/dist/cjs/provider/SnackbarProvider.js +17 -52
- package/dist/esm/index.js +2 -0
- package/dist/esm/provider/SnackbarProvider.js +17 -53
- package/dist/types/components/Select/Content.d.ts +1 -5
- package/dist/types/components/Select/GroupedOptions.d.ts +1 -5
- package/dist/types/components/Select/MultiCheckAllOptions.d.ts +1 -3
- package/dist/types/components/Select/MultiGroupedOptions.d.ts +1 -7
- package/dist/types/components/Select/MultiOption.d.ts +1 -5
- package/dist/types/components/Select/MultiOptions.d.ts +1 -6
- package/dist/types/components/Select/Option.d.ts +1 -5
- package/dist/types/components/Select/Options.d.ts +1 -4
- package/dist/types/components/Select/Popover.d.ts +1 -4
- package/dist/types/components/Select/Root.d.ts +1 -7
- package/dist/types/components/Select/Trigger.d.ts +1 -4
- package/dist/types/components/Select/index.d.ts +11 -10
- package/dist/types/components/Select/types.d.ts +50 -0
- package/dist/types/index.d.ts +1 -0
- package/package.json +2 -2
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('
|
|
5
|
-
require('
|
|
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 '
|
|
3
|
-
import '
|
|
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
|
-
|
|
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,8 +1,2 @@
|
|
|
1
|
-
import
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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,8 +1,2 @@
|
|
|
1
|
-
import {
|
|
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,12 +1,13 @@
|
|
|
1
1
|
export declare const Select: {
|
|
2
|
-
Root: <T>({ children, value, keyExtractor, labelExtractor, }: import("./
|
|
3
|
-
Trigger: ({ label, disabled }: import("./
|
|
4
|
-
Popover: ({ children }: import("./
|
|
5
|
-
Options: <T_1>({ onSelect, options, }: import("./
|
|
6
|
-
GroupedOptions: <T_2>({ onSelect, groupedLabelExtractor, options, }: import("./
|
|
7
|
-
Option: <T_3>({ onSelectOption, option, grouped, }: import("./
|
|
8
|
-
MultiOptions: <T_4>({ onSelect, options, children, }: import("./
|
|
9
|
-
MultiGroupedOptions: <T_5>({ onSelect, groupedLabelExtractor, options, children, }: import("./
|
|
10
|
-
MultiOption: <T_6>({ onSelectOption, option, grouped, }: import("./
|
|
11
|
-
MultiCheckAllOptions: <T_7>({ checkAllLabel, }: import("./
|
|
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
|
+
}
|
package/dist/types/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tecsinapse/cortex-react",
|
|
3
|
-
"version": "1.3.0-beta.
|
|
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": "
|
|
46
|
+
"gitHead": "154d47f69ddd700160f54b381724ac02279a63aa"
|
|
47
47
|
}
|