groovinads-ui 1.2.75 → 1.9.1
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/README.md +628 -236
- package/dist/index.es.js +2 -15
- package/dist/index.js +2 -15
- package/index.d.ts +364 -0
- package/package.json +87 -79
- package/.babelrc +0 -3
- package/.eslintignore +0 -2
- package/.eslintrc.cjs +0 -32
- package/.prettierignore +0 -9
- package/.prettierrc +0 -7
- package/.storybook/main.js +0 -19
- package/.storybook/preview-head.html +0 -6
- package/.storybook/preview.js +0 -13
- package/.yarn/releases/yarn-4.1.1.cjs +0 -893
- package/.yarnrc.yml +0 -3
- package/rollup.config.mjs +0 -42
- package/src/components/Button/Button.jsx +0 -78
- package/src/components/Button/index.js +0 -3
- package/src/components/Dropdowns/DropdownComponent.jsx +0 -135
- package/src/components/Dropdowns/DropdownFilter.jsx +0 -304
- package/src/components/Dropdowns/DropdownMultiSelect.jsx +0 -304
- package/src/components/Dropdowns/DropdownSimpleDatePicker.jsx +0 -175
- package/src/components/Dropdowns/DropdownsDatePicker/DropdownDatePicker.jsx +0 -313
- package/src/components/Dropdowns/DropdownsDatePicker/PeriodAndDetailDropdowns.tsx +0 -351
- package/src/components/Dropdowns/DropdownsDatePicker/index.js +0 -3
- package/src/components/Dropdowns/index.js +0 -7
- package/src/components/Inputs/Checkbox.jsx +0 -55
- package/src/components/Inputs/Input.jsx +0 -155
- package/src/components/Inputs/InputChip.jsx +0 -168
- package/src/components/Inputs/InputEmail.jsx +0 -175
- package/src/components/Inputs/Radio.jsx +0 -57
- package/src/components/Inputs/Switch.jsx +0 -70
- package/src/components/Inputs/Textarea.jsx +0 -68
- package/src/components/Inputs/index.js +0 -9
- package/src/components/Labels/Alert.jsx +0 -62
- package/src/components/Labels/Icon.jsx +0 -76
- package/src/components/Labels/LoginSource.jsx +0 -19
- package/src/components/Labels/PillComponent.jsx +0 -47
- package/src/components/Labels/Spinner.jsx +0 -35
- package/src/components/Labels/StatusIcon.jsx +0 -66
- package/src/components/Labels/index.js +0 -8
- package/src/components/Navigation/Dropdowns/DeckDropdown.jsx +0 -210
- package/src/components/Navigation/Dropdowns/DropdownClient.jsx +0 -171
- package/src/components/Navigation/Dropdowns/UserDropdown.jsx +0 -69
- package/src/components/Navigation/Dropdowns/index.js +0 -5
- package/src/components/Navigation/Navbar.jsx +0 -81
- package/src/components/Navigation/Sidebar.jsx +0 -201
- package/src/components/Navigation/Stepper.jsx +0 -22
- package/src/components/Navigation/Tabnav.jsx +0 -73
- package/src/components/Navigation/index.js +0 -6
- package/src/components/Toasts/Toast/ToastCardComponent.jsx +0 -47
- package/src/components/Toasts/ToastComponent.jsx +0 -45
- package/src/components/Toasts/ToastProgress.jsx +0 -118
- package/src/components/Toasts/index.js +0 -4
- package/src/components/index.js +0 -50
- package/src/hooks/index.js +0 -4
- package/src/hooks/useGetBaseDomain.jsx +0 -9
- package/src/hooks/useTextFormatter.jsx +0 -48
- package/src/index.js +0 -51
- package/src/services/components.services.js +0 -29
- package/src/services/helpers.js +0 -32
- package/src/services/index.jsx +0 -10
- package/src/services/url.path.js +0 -29
- package/src/stories/Alert.stories.jsx +0 -11
- package/src/stories/Button.stories.jsx +0 -20
- package/src/stories/Checkbox.stories.jsx +0 -17
- package/src/stories/DropdownComponent.stories.jsx +0 -89
- package/src/stories/DropdownDatePicker.stories.jsx +0 -69
- package/src/stories/DropdownFilter.stories.jsx +0 -60
- package/src/stories/DropdownMultiSelect.stories.jsx +0 -72
- package/src/stories/DropdownSimpleDatePicker.stories.jsx +0 -64
- package/src/stories/Icon.stories.jsx +0 -11
- package/src/stories/Input.stories.jsx +0 -20
- package/src/stories/InputChip.stories.jsx +0 -44
- package/src/stories/InputEmail.stories.jsx +0 -27
- package/src/stories/Layout.stories.jsx +0 -73
- package/src/stories/LoginSource.stories.jsx +0 -11
- package/src/stories/Navbar.stories.jsx +0 -24
- package/src/stories/PillComponent.stories.jsx +0 -22
- package/src/stories/Radio.stories.jsx +0 -18
- package/src/stories/Sidebar.stories.jsx +0 -169
- package/src/stories/Spinner.stories.jsx +0 -11
- package/src/stories/StatusIcon.stories.jsx +0 -11
- package/src/stories/Stepper.stories.jsx +0 -16
- package/src/stories/Switch.stories.jsx +0 -17
- package/src/stories/Tabnav.stories.jsx +0 -55
- package/src/stories/Textarea.stories.jsx +0 -20
- package/src/stories/ToastComponent.stories.jsx +0 -62
- package/src/stories/ToastProgress.stories.jsx +0 -11
- package/version.js +0 -8
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import Tabnav from '../components/Navigation/Tabnav';
|
|
3
|
-
import { Button } from 'react-bootstrap';
|
|
4
|
-
|
|
5
|
-
export default {
|
|
6
|
-
title: 'Navigation/Tabnav',
|
|
7
|
-
component: Tabnav,
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
const Template = (args) => {
|
|
11
|
-
const tabs = [
|
|
12
|
-
{ tab: 'Tab', badgeNumber: '', url: '/com', warningIcon: true },
|
|
13
|
-
{ tab: 'Tab 1', badgeNumber: '1', url: '/abc', warningIcon: false },
|
|
14
|
-
{ tab: 'Tab 2', badgeNumber: '2', url: '/www', warningIcon: false },
|
|
15
|
-
];
|
|
16
|
-
|
|
17
|
-
const [activeTab, setActiveTab] = useState(1);
|
|
18
|
-
|
|
19
|
-
return (
|
|
20
|
-
<>
|
|
21
|
-
{/* test: external Buttons to change */}
|
|
22
|
-
<Button onClick={() => setActiveTab(1)}>1</Button>
|
|
23
|
-
<Button onClick={() => setActiveTab(2)}>2</Button>
|
|
24
|
-
<Button onClick={() => setActiveTab(3)}>3</Button>
|
|
25
|
-
|
|
26
|
-
<Tabnav
|
|
27
|
-
{...args}
|
|
28
|
-
tabs={tabs}
|
|
29
|
-
activeTab={activeTab} // Send the external state
|
|
30
|
-
setActiveTab={setActiveTab} // Send the setter of the external state
|
|
31
|
-
/>
|
|
32
|
-
<Tabnav
|
|
33
|
-
{...args}
|
|
34
|
-
tabs={tabs}
|
|
35
|
-
activeTab={2} // Test with the activeTab prop
|
|
36
|
-
|
|
37
|
-
/>
|
|
38
|
-
|
|
39
|
-
<Tabnav
|
|
40
|
-
{...args}
|
|
41
|
-
tabs={tabs} // Test without the activeTab prop
|
|
42
|
-
/>
|
|
43
|
-
|
|
44
|
-
<Tabnav
|
|
45
|
-
{...args}
|
|
46
|
-
tabs={tabs}
|
|
47
|
-
activeTab={activeTab}
|
|
48
|
-
setActiveTab={setActiveTab}
|
|
49
|
-
navigateTab={true} // Test with navigateTab prop
|
|
50
|
-
/>
|
|
51
|
-
</>
|
|
52
|
-
);
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
export const Default = Template.bind({});
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import Textarea from '../components/Inputs/Textarea';
|
|
3
|
-
|
|
4
|
-
export default {
|
|
5
|
-
title: 'Inputs/Textarea',
|
|
6
|
-
component: Textarea,
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
const Template = (args) => {
|
|
10
|
-
const [showError, setShowError] = useState(false);
|
|
11
|
-
|
|
12
|
-
return (
|
|
13
|
-
<>
|
|
14
|
-
<button onClick={()=>setShowError(true)}>False</button>
|
|
15
|
-
<Textarea {...args} setShowError={setShowError} showError={showError} />
|
|
16
|
-
</>
|
|
17
|
-
)
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export const Default = Template.bind({});
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import ToastComponent from '../components/Toasts/ToastComponent';
|
|
3
|
-
|
|
4
|
-
import Button from '../components/Button/Button';
|
|
5
|
-
|
|
6
|
-
export default {
|
|
7
|
-
title: 'Toasts/ToastComponent',
|
|
8
|
-
component: ToastComponent,
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
const Template = (args) => {
|
|
12
|
-
|
|
13
|
-
const [selected, setSelected] = useState(null);
|
|
14
|
-
|
|
15
|
-
const toasts = [
|
|
16
|
-
{
|
|
17
|
-
variant: 'info',
|
|
18
|
-
autoClose: true,
|
|
19
|
-
children: 'Se eliminó',
|
|
20
|
-
// className,
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
variant: 'success',
|
|
24
|
-
autoClose: true,
|
|
25
|
-
children: 'Se guardó',
|
|
26
|
-
// className,
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
variant: 'warning',
|
|
30
|
-
autoClose: true,
|
|
31
|
-
children: 'Se modificó',
|
|
32
|
-
// className,
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
variant: 'error',
|
|
36
|
-
autoClose: true,
|
|
37
|
-
children: 'Error',
|
|
38
|
-
// className,
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
variant: 'info',
|
|
42
|
-
autoClose: false,
|
|
43
|
-
children: 'No se puede eliminar',
|
|
44
|
-
// className,
|
|
45
|
-
}
|
|
46
|
-
]
|
|
47
|
-
|
|
48
|
-
const pushToast = () => {
|
|
49
|
-
setSelected(toasts[Math.floor(Math.random() * toasts.length)]);
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
return (
|
|
53
|
-
<>
|
|
54
|
-
<Button onClick={pushToast}>Nuevo toast</Button>
|
|
55
|
-
<ToastComponent toast={selected} {...args}>
|
|
56
|
-
ToastComponent
|
|
57
|
-
</ToastComponent>
|
|
58
|
-
</>
|
|
59
|
-
);
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
export const Default = Template.bind({});
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import ToastProgress from '../components/Toasts/ToastProgress';
|
|
3
|
-
|
|
4
|
-
export default {
|
|
5
|
-
title: 'Toasts/ToastProgress',
|
|
6
|
-
component: ToastProgress,
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
const Template = (args) => <ToastProgress {...args} />;
|
|
10
|
-
|
|
11
|
-
export const Default = Template.bind({});
|