@mohamed-karawia/library 0.1.5 → 0.1.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.
- package/dist/stories/Reusable Components/fakeData.js +24 -4
- package/dist/stories/helpers/util.js +16 -14
- package/package.json +1 -1
- package/src/stories/Reusable Components/fakeData.js +5 -0
- package/src/stories/helpers/util.js +1 -0
- package/.github/workflows/chromatic.yml +0 -26
- package/.storybook/main.js +0 -21
- package/.storybook/middleware.js +0 -28
- package/.storybook/preview.js +0 -9
- package/build-storybook.log +0 -2704
- package/dist/stories/API/API.stories.js +0 -24
- package/dist/stories/Agora/Chat/Chat.stories.js +0 -24
- package/dist/stories/Agora/Room/Room.stories.js +0 -24
- package/dist/stories/Buttons/Buttons/Buttons.stories.js +0 -39
- package/dist/stories/Buttons/ReactModal/ReactModal.stories.js +0 -30
- package/dist/stories/Chat/Chat.stories.js +0 -76
- package/dist/stories/Common Inputs/CheckboxGroup/CheckboxGroup.stories.js +0 -58
- package/dist/stories/Common Inputs/CustomAutoComplete/CustomAutoComplete.stories.js +0 -56
- package/dist/stories/Common Inputs/CustomDropzone/CustomDropzone.stories.js +0 -47
- package/dist/stories/Common Inputs/CustomSelect/CustomSelect.stories.js +0 -61
- package/dist/stories/Common Inputs/CustomTextarea/CustomTextarea.stories.js +0 -48
- package/dist/stories/Common Inputs/DatePicker/DatePicker.stories.js +0 -60
- package/dist/stories/Common Inputs/EditorComponent/EditorComponent.stories.js +0 -62
- package/dist/stories/Common Inputs/Formik/InputField/InputField.stories.js +0 -43
- package/dist/stories/Common Inputs/Formik/RadioField/RadioField.stories.js +0 -60
- package/dist/stories/Common Inputs/RadioInput/RadioInput.stories.js +0 -50
- package/dist/stories/Common Inputs/RichTextInput/RichTextInput.stories.js +0 -51
- package/dist/stories/Common Inputs/TextField/TextField.stories.js +0 -48
- package/dist/stories/Containers/BaseMaterial.stories.js +0 -24
- package/dist/stories/Containers/WidgetExample/WidgetBody.stories.js +0 -24
- package/dist/stories/Containers/WidgetExample/WidgetExample.stories.js +0 -24
- package/dist/stories/Containers/WidgetExample/WidgetHead.stories.js +0 -24
- package/dist/stories/Enrollment/Admin/CreateForm/CreateForm.stories.js +0 -22
- package/dist/stories/Enrollment/Admin/DetailedForm/DetailedForm.stories.js +0 -42
- package/dist/stories/Enrollment/Admin/ViewForms/ViewForms.stories.js +0 -65
- package/dist/stories/Enrollment/Guest/FillForm/FillForm.stories.js +0 -48
- package/dist/stories/Events/CreateEvent/CreateEvent.stories.js +0 -30
- package/dist/stories/Events/Event/Event.stories.js +0 -33
- package/dist/stories/Events/EventsList/EventsList.stories.js +0 -44
- package/dist/stories/Forms/AddPhoto/AddPhoto.stories.js +0 -47
- package/dist/stories/Forms/AddSong/AddSong.stories.js +0 -37
- package/dist/stories/Forms/AddVideo/AddVideo.stories.js +0 -33
- package/dist/stories/Forms/Create-Profile/CreateProfile.stories.js +0 -49
- package/dist/stories/Forms/Create-Profile/subcomponents/LogoUploader.stories.js +0 -42
- package/dist/stories/Forms/Create-Profile/subcomponents/ProfilePhoto.stories.js +0 -41
- package/dist/stories/Forms/Create-Profile/subcomponents/ResetBtn.stories.js +0 -32
- package/dist/stories/Forms/CreateAlbum/CreateAlbum.stories.js +0 -47
- package/dist/stories/Forms/CreateAnnouncementForm/CreateAnnouncementForm.stories.js +0 -58
- package/dist/stories/Forms/CreateMusicAlbum/CreateMusicAlbum.stories.js +0 -47
- package/dist/stories/Forms/CreateProfile/CreateProfile.stories.js +0 -24
- package/dist/stories/Forms/CreateProfile-3/CreateProfile.stories.js +0 -24
- package/dist/stories/Forms/CreateUser/CreateUser.stories.js +0 -26
- package/dist/stories/Forms/CreateVideoAlbum/CreateVideoAlbum.stories.js +0 -37
- package/dist/stories/Forms/Form/Form.stories.js +0 -24
- package/dist/stories/Forms/NewProfile/NewProfile.stories.js +0 -24
- package/dist/stories/Layout/Body/Body.stories.js +0 -30
- package/dist/stories/Layout/Center/Center.stories.js +0 -24
- package/dist/stories/Layout/Head/Head.stories.js +0 -24
- package/dist/stories/Layout/Left/Left.stories.js +0 -24
- package/dist/stories/Layout/Right/Right.stories.js +0 -24
- package/dist/stories/Library/CreateFolder/CreateFolder.stories.js +0 -45
- package/dist/stories/Library/Folders/Folders.stories.js +0 -55
- package/dist/stories/Library/Notes/Notes.stories.js +0 -42
- package/dist/stories/Library/ViewNote/ViewNote.stories.js +0 -24
- package/dist/stories/Music Album/ViewAlbum/ViewAlbum.stories.js +0 -115
- package/dist/stories/Music Album/ViewAlbums/ViewAlbums.stories.js +0 -107
- package/dist/stories/Navbar/Navbar.stories.js +0 -41
- package/dist/stories/Pages/Blank/Blank.stories.js +0 -24
- package/dist/stories/Pages/Centered/Centered.stories.js +0 -24
- package/dist/stories/Pages/Chat/Chat.stories.js +0 -74
- package/dist/stories/Pages/Enrollment/DetailedForm/DetailedForm.stories.js +0 -22
- package/dist/stories/Pages/Enrollment/FillForm/FillForm.stories.js +0 -22
- package/dist/stories/Pages/Enrollment/Forms/Forms.stories.js +0 -22
- package/dist/stories/Pages/Events/Event/Event.stories.js +0 -22
- package/dist/stories/Pages/Events/Events/Events.stories.js +0 -22
- package/dist/stories/Pages/Library/Folders/Library.stories.js +0 -22
- package/dist/stories/Pages/Library/Notes/Notes.stories.js +0 -22
- package/dist/stories/Pages/Music/MusicAlbum/Music.stories.js +0 -22
- package/dist/stories/Pages/Music/MusicAlbums/MusicAlbums.stories.js +0 -22
- package/dist/stories/Pages/Photos/Album/Album.stories.js +0 -22
- package/dist/stories/Pages/Photos/Albums/Albums.stories.js +0 -22
- package/dist/stories/Pages/Video/DetailedVideo/DetailedVideo.stories.js +0 -22
- package/dist/stories/Pages/Video/VideoAlbum/Video.stories.js +0 -22
- package/dist/stories/Pages/ViewWorld/ViewWorld.stories.js +0 -264
- package/dist/stories/Photo Album/DetailedPhoto/DetailedPhoto.stories.js +0 -32
- package/dist/stories/Photo Album/ViewAlbum/ViewAlbum.stories.js +0 -115
- package/dist/stories/Photo Album/ViewAlbums/ViewAlbums.stories.js +0 -102
- package/dist/stories/Reusable Components/Cards/Card-style-1/CardStyle1.stories.js +0 -35
- package/dist/stories/Reusable Components/Cards/Card-style-10/CardStyle10.stories.js +0 -37
- package/dist/stories/Reusable Components/Cards/Card-style-11/CardStyle11.stories.js +0 -40
- package/dist/stories/Reusable Components/Cards/Card-style-2/CardStyle2.stories.js +0 -37
- package/dist/stories/Reusable Components/Cards/Card-style-3/CardStyle3.stories.js +0 -34
- package/dist/stories/Reusable Components/Cards/Card-style-4/CardStyle4.stories.js +0 -39
- package/dist/stories/Reusable Components/Cards/Card-style-6/CardStyle6.stories.js +0 -27
- package/dist/stories/Reusable Components/Cards/Card-style-7/CardStyle7.stories.js +0 -37
- package/dist/stories/Reusable Components/Cards/Card-style-8/CardStyle8.stories.js +0 -44
- package/dist/stories/Reusable Components/Cards/Card-style-9/CardStyle9.stories.js +0 -27
- package/dist/stories/Reusable Components/Cards/Card.stories.js +0 -132
- package/dist/stories/Reusable Components/Controls/Controls.stories.js +0 -49
- package/dist/stories/Reusable Components/Gallery/Gallery.stories.js +0 -56
- package/dist/stories/Reusable Components/Lists/Cards/ListCard-1.stories.js +0 -1
- package/dist/stories/Reusable Components/Lists/List.stories.js +0 -1
- package/dist/stories/Reusable Components/Mention/Mention.stories.js +0 -66
- package/dist/stories/Reusable Components/ReusableForm/ReusableForm.stories.js +0 -207
- package/dist/stories/Reusable Components/ReusableHeader/ReusableHeader.stories.js +0 -35
- package/dist/stories/Reusable Components/ReusableList/ReusableList.stories.js +0 -84
- package/dist/stories/Reusable Components/SearchCard/SearchCard.stories.js +0 -24
- package/dist/stories/Reusable Components/SpaceContainer/SpaceContainer.stories.js +0 -80
- package/dist/stories/Reusable Components/Spinner/Spinner.stories.js +0 -22
- package/dist/stories/Reusable Components/WidgetContainer/WidgetContainer.stories.js +0 -80
- package/dist/stories/Spaces/WelcomeSpace/WelcomeSpace.stories.js +0 -24
- package/dist/stories/VideoAlbum/AlbumsGallery/AlbumsGallery.stories.js +0 -101
- package/dist/stories/VideoAlbum/Comments/Comments.stories.js +0 -45
- package/dist/stories/VideoAlbum/VideoPlayer/VideoPlayer.stories.js +0 -149
- package/dist/stories/VideoAlbum/VideoSpace/VideoSpace.stories.js +0 -49
- package/dist/stories/VideoAlbum/ViewAlbum/ViewAlbum.stories.js +0 -113
- package/dist/stories/Widgets/LogoWidget/LogoWidget.stories.js +0 -26
- package/dist/stories/Widgets/MusicPlayer/MusicPlayer.stories.js +0 -44
- package/dist/stories/Widgets/MusicPlayerWidget/MusicPlayerWidget.stories.js +0 -52
- package/dist/stories/Widgets/SpacesList/SpacesList.stories.js +0 -52
- package/dist/stories/Widgets/SpacesList/SpacesListItem.stories.js +0 -24
- package/public/logo192.png +0 -0
- package/public/logo512.png +0 -0
- package/src/stories/API/API.stories.js +0 -10
- package/src/stories/Agora/Chat/Chat.stories.jsx +0 -10
- package/src/stories/Agora/Room/Room.stories.jsx +0 -10
- package/src/stories/Buttons/Buttons/Buttons.stories.jsx +0 -24
- package/src/stories/Buttons/ReactModal/ReactModal.stories.jsx +0 -18
- package/src/stories/Chat/Chat.stories.jsx +0 -59
- package/src/stories/Common Inputs/CheckboxGroup/CheckboxGroup.stories.jsx +0 -32
- package/src/stories/Common Inputs/CustomAutoComplete/CustomAutoComplete.stories.jsx +0 -35
- package/src/stories/Common Inputs/CustomDropzone/CustomDropzone.stories.jsx +0 -26
- package/src/stories/Common Inputs/CustomSelect/CustomSelect.stories.jsx +0 -36
- package/src/stories/Common Inputs/CustomTextarea/CustomTextarea.stories.jsx +0 -31
- package/src/stories/Common Inputs/DatePicker/DatePicker.stories.jsx +0 -47
- package/src/stories/Common Inputs/EditorComponent/EditorComponent.stories.jsx +0 -60
- package/src/stories/Common Inputs/Formik/InputField/InputField.stories.jsx +0 -27
- package/src/stories/Common Inputs/Formik/RadioField/RadioField.stories.jsx +0 -41
- package/src/stories/Common Inputs/RadioInput/RadioInput.stories.js +0 -30
- package/src/stories/Common Inputs/RichTextInput/RichTextInput.stories.js +0 -45
- package/src/stories/Common Inputs/TextField/TextField.stories.jsx +0 -31
- package/src/stories/Containers/BaseMaterial.stories.js +0 -10
- package/src/stories/Containers/WidgetExample/WidgetBody.stories.js +0 -10
- package/src/stories/Containers/WidgetExample/WidgetExample.stories.js +0 -10
- package/src/stories/Containers/WidgetExample/WidgetHead.stories.js +0 -10
- package/src/stories/Enrollment/Admin/CreateForm/CreateForm.stories.jsx +0 -8
- package/src/stories/Enrollment/Admin/DetailedForm/DetailedForm.stories.jsx +0 -36
- package/src/stories/Enrollment/Admin/ViewForms/ViewForms.stories.jsx +0 -66
- package/src/stories/Enrollment/Guest/FillForm/FillForm.stories.jsx +0 -27
- package/src/stories/Events/CreateEvent/CreateEvent.stories.jsx +0 -19
- package/src/stories/Events/Event/Event.stories.jsx +0 -21
- package/src/stories/Events/EventsList/EventsList.stories.jsx +0 -25
- package/src/stories/Forms/AddPhoto/AddPhoto.stories.jsx +0 -37
- package/src/stories/Forms/AddSong/AddSong.stories.jsx +0 -26
- package/src/stories/Forms/AddVideo/AddVideo.stories.jsx +0 -20
- package/src/stories/Forms/Create-Profile/CreateProfile.stories.jsx +0 -36
- package/src/stories/Forms/Create-Profile/subcomponents/LogoUploader.stories.jsx +0 -27
- package/src/stories/Forms/Create-Profile/subcomponents/ProfilePhoto.stories.jsx +0 -26
- package/src/stories/Forms/Create-Profile/subcomponents/ResetBtn.stories.jsx +0 -18
- package/src/stories/Forms/CreateAlbum/CreateAlbum.stories.jsx +0 -37
- package/src/stories/Forms/CreateAnnouncementForm/CreateAnnouncementForm.stories.jsx +0 -44
- package/src/stories/Forms/CreateMusicAlbum/CreateMusicAlbum.stories.jsx +0 -38
- package/src/stories/Forms/CreateProfile/CreateProfile.stories.js +0 -10
- package/src/stories/Forms/CreateProfile-3/CreateProfile.stories.js +0 -10
- package/src/stories/Forms/CreateUser/CreateUser.stories.js +0 -10
- package/src/stories/Forms/CreateVideoAlbum/CreateVideoAlbum.stories.jsx +0 -23
- package/src/stories/Forms/Form/Form.stories.js +0 -10
- package/src/stories/Forms/NewProfile/NewProfile.stories.jsx +0 -10
- package/src/stories/Layout/Body/Body.stories.js +0 -26
- package/src/stories/Layout/Center/Center.stories.js +0 -14
- package/src/stories/Layout/Head/Head.stories.js +0 -10
- package/src/stories/Layout/Left/Left.stories.js +0 -14
- package/src/stories/Layout/Right/Right.stories.js +0 -14
- package/src/stories/Library/CreateFolder/CreateFolder.stories.jsx +0 -32
- package/src/stories/Library/Folders/Folders.stories.jsx +0 -34
- package/src/stories/Library/Notes/Notes.stories.jsx +0 -24
- package/src/stories/Library/ViewNote/ViewNote.stories.jsx +0 -16
- package/src/stories/Music Album/ViewAlbum/ViewAlbum.stories.jsx +0 -60
- package/src/stories/Music Album/ViewAlbums/ViewAlbums.stories.jsx +0 -57
- package/src/stories/Navbar/Navbar.stories.js +0 -25
- package/src/stories/Pages/Blank/Blank.stories.js +0 -10
- package/src/stories/Pages/Centered/Centered.stories.js +0 -14
- package/src/stories/Pages/Chat/Chat.stories.jsx +0 -53
- package/src/stories/Pages/Enrollment/DetailedForm/DetailedForm.stories.jsx +0 -8
- package/src/stories/Pages/Enrollment/FillForm/FillForm.stories.jsx +0 -8
- package/src/stories/Pages/Enrollment/Forms/Forms.stories.jsx +0 -8
- package/src/stories/Pages/Events/Event/Event.stories.jsx +0 -8
- package/src/stories/Pages/Events/Events/Events.stories.jsx +0 -8
- package/src/stories/Pages/Library/Folders/Library.stories.jsx +0 -8
- package/src/stories/Pages/Library/Notes/Notes.stories.jsx +0 -8
- package/src/stories/Pages/Music/MusicAlbum/Music.stories.jsx +0 -8
- package/src/stories/Pages/Music/MusicAlbums/MusicAlbums.stories.jsx +0 -8
- package/src/stories/Pages/Photos/Album/Album.stories.jsx +0 -8
- package/src/stories/Pages/Photos/Albums/Albums.stories.jsx +0 -8
- package/src/stories/Pages/Video/DetailedVideo/DetailedVideo.stories.jsx +0 -8
- package/src/stories/Pages/Video/VideoAlbum/Video.stories.jsx +0 -8
- package/src/stories/Pages/ViewWorld/ViewWorld.stories.js +0 -270
- package/src/stories/Photo Album/DetailedPhoto/DetailedPhoto.stories.jsx +0 -20
- package/src/stories/Photo Album/ViewAlbum/ViewAlbum.stories.jsx +0 -60
- package/src/stories/Photo Album/ViewAlbums/ViewAlbums.stories.jsx +0 -59
- package/src/stories/Reusable Components/Cards/Card-style-1/CardStyle1.stories.jsx +0 -22
- package/src/stories/Reusable Components/Cards/Card-style-10/CardStyle10.stories.jsx +0 -21
- package/src/stories/Reusable Components/Cards/Card-style-11/CardStyle11.stories.jsx +0 -21
- package/src/stories/Reusable Components/Cards/Card-style-2/CardStyle2.stories.jsx +0 -24
- package/src/stories/Reusable Components/Cards/Card-style-3/CardStyle3.stories.jsx +0 -22
- package/src/stories/Reusable Components/Cards/Card-style-4/CardStyle4.stories.jsx +0 -25
- package/src/stories/Reusable Components/Cards/Card-style-6/CardStyle6.stories.jsx +0 -9
- package/src/stories/Reusable Components/Cards/Card-style-7/CardStyle7.stories.jsx +0 -23
- package/src/stories/Reusable Components/Cards/Card-style-8/CardStyle8.stories.jsx +0 -29
- package/src/stories/Reusable Components/Cards/Card-style-9/CardStyle9.stories.jsx +0 -14
- package/src/stories/Reusable Components/Cards/Card.stories.jsx +0 -118
- package/src/stories/Reusable Components/Controls/Controls.stories.jsx +0 -24
- package/src/stories/Reusable Components/Gallery/Gallery.stories.jsx +0 -43
- package/src/stories/Reusable Components/Lists/Cards/ListCard-1.stories.js +0 -0
- package/src/stories/Reusable Components/Lists/List.stories.js +0 -0
- package/src/stories/Reusable Components/Mention/Mention.stories.jsx +0 -55
- package/src/stories/Reusable Components/ReusableForm/ReusableForm.stories.jsx +0 -167
- package/src/stories/Reusable Components/ReusableHeader/ReusableHeader.stories.jsx +0 -22
- package/src/stories/Reusable Components/ReusableList/ReusableList.stories.jsx +0 -70
- package/src/stories/Reusable Components/SearchCard/SearchCard.stories.js +0 -10
- package/src/stories/Reusable Components/SpaceContainer/SpaceContainer.stories.jsx +0 -78
- package/src/stories/Reusable Components/Spinner/Spinner.stories.jsx +0 -8
- package/src/stories/Reusable Components/WidgetContainer/WidgetContainer.stories.jsx +0 -61
- package/src/stories/Spaces/WelcomeSpace/WelcomeSpace.stories.js +0 -10
- package/src/stories/VideoAlbum/AlbumsGallery/AlbumsGallery.stories.jsx +0 -59
- package/src/stories/VideoAlbum/Comments/Comments.stories.jsx +0 -18
- package/src/stories/VideoAlbum/VideoPlayer/VideoPlayer.stories.jsx +0 -82
- package/src/stories/VideoAlbum/VideoSpace/VideoSpace.stories.jsx +0 -23
- package/src/stories/VideoAlbum/ViewAlbum/ViewAlbum.stories.jsx +0 -57
- package/src/stories/Widgets/LogoWidget/LogoWidget.stories.js +0 -12
- package/src/stories/Widgets/MusicPlayer/MusicPlayer.stories.jsx +0 -23
- package/src/stories/Widgets/MusicPlayerWidget/MusicPlayerWidget.stories.jsx +0 -33
- package/src/stories/Widgets/SpacesList/SpacesList.stories.jsx +0 -27
- package/src/stories/Widgets/SpacesList/SpacesListItem.stories.jsx +0 -10
- package/src/stories/assets/images/album1.jpg +0 -0
- package/src/stories/assets/images/album2.jpg +0 -0
- package/src/stories/assets/images/album3.jpg +0 -0
- package/src/stories/assets/images/album4.jpg +0 -0
- package/src/stories/assets/images/album5.jpg +0 -0
- package/src/stories/assets/images/album6.jpg +0 -0
- package/src/stories/assets/images/art.jpg +0 -0
- package/src/stories/assets/images/dance.jpg +0 -0
- package/src/stories/assets/images/football.jpg +0 -0
- package/src/stories/assets/images/music.jpg +0 -0
- package/src/stories/assets/images/music1.jpg +0 -0
- package/src/stories/assets/images/music2.jpg +0 -0
- package/src/stories/assets/images/music3.jpg +0 -0
- package/src/stories/assets/images/music4.jpg +0 -0
- package/src/stories/assets/images/music5.jpg +0 -0
- package/src/stories/assets/images/music6.jpg +0 -0
- package/src/stories/assets/images/reset.png +0 -0
- package/src/stories/assets/images/robotics.jpg +0 -0
- package/src/stories/assets/images/tennis.jpg +0 -0
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Default = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _API = _interopRequireDefault(require("./API"));
|
|
13
|
-
|
|
14
|
-
var _default = {
|
|
15
|
-
title: 'API Statuses/API',
|
|
16
|
-
component: _API.default
|
|
17
|
-
};
|
|
18
|
-
exports.default = _default;
|
|
19
|
-
|
|
20
|
-
var Default = function Default(args) {
|
|
21
|
-
return /*#__PURE__*/_react.default.createElement(_API.default, args);
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
exports.Default = Default;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Default = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _Chat = _interopRequireDefault(require("./Chat"));
|
|
13
|
-
|
|
14
|
-
var _default = {
|
|
15
|
-
title: 'Agora/Chat/Item',
|
|
16
|
-
component: _Chat.default
|
|
17
|
-
};
|
|
18
|
-
exports.default = _default;
|
|
19
|
-
|
|
20
|
-
var Default = function Default(args) {
|
|
21
|
-
return /*#__PURE__*/_react.default.createElement(_Chat.default, args);
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
exports.Default = Default;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Default = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _Room = _interopRequireDefault(require("./Room"));
|
|
13
|
-
|
|
14
|
-
var _default = {
|
|
15
|
-
title: 'Agora/Room/Item',
|
|
16
|
-
component: _Room.default
|
|
17
|
-
};
|
|
18
|
-
exports.default = _default;
|
|
19
|
-
|
|
20
|
-
var Default = function Default(args) {
|
|
21
|
-
return /*#__PURE__*/_react.default.createElement(_Room.default, args);
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
exports.Default = Default;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Secondary = exports.Primary = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _Buttons = _interopRequireDefault(require("./Buttons"));
|
|
13
|
-
|
|
14
|
-
var _default = {
|
|
15
|
-
title: 'Buttons/Primary',
|
|
16
|
-
component: _Buttons.default
|
|
17
|
-
};
|
|
18
|
-
exports.default = _default;
|
|
19
|
-
|
|
20
|
-
var Template = function Template(args) {
|
|
21
|
-
return /*#__PURE__*/_react.default.createElement(_Buttons.default, args);
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
var Primary = Template.bind({});
|
|
25
|
-
exports.Primary = Primary;
|
|
26
|
-
Primary.args = {
|
|
27
|
-
variant: 'primary',
|
|
28
|
-
label: 'Submit',
|
|
29
|
-
size: 'md',
|
|
30
|
-
type: 'submit'
|
|
31
|
-
};
|
|
32
|
-
var Secondary = Template.bind({});
|
|
33
|
-
exports.Secondary = Secondary;
|
|
34
|
-
Secondary.args = {
|
|
35
|
-
variant: 'secondary',
|
|
36
|
-
label: 'Submit',
|
|
37
|
-
size: 'md',
|
|
38
|
-
type: 'submit'
|
|
39
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Modal = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _ReactModal = _interopRequireDefault(require("./ReactModal"));
|
|
13
|
-
|
|
14
|
-
var _ReactModalDemo = _interopRequireDefault(require("./ReactModalDemo"));
|
|
15
|
-
|
|
16
|
-
var _default = {
|
|
17
|
-
title: "Buttons/React Modal",
|
|
18
|
-
component: _ReactModal.default
|
|
19
|
-
};
|
|
20
|
-
exports.default = _default;
|
|
21
|
-
|
|
22
|
-
var Modal = function Modal(args) {
|
|
23
|
-
return /*#__PURE__*/_react.default.createElement(_ReactModal.default, Object.assign({}, args, {
|
|
24
|
-
modalBtnOpenText: "Lets Open The Modal",
|
|
25
|
-
modalBtnCloseText: "Lets Close The Modal",
|
|
26
|
-
modalContent: /*#__PURE__*/_react.default.createElement(_ReactModalDemo.default, null)
|
|
27
|
-
}));
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
exports.Modal = Modal;
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.ChatSpace = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _Chat = _interopRequireDefault(require("./Chat"));
|
|
11
|
-
|
|
12
|
-
var _default = {
|
|
13
|
-
title: 'Chat/Chat Space',
|
|
14
|
-
component: _Chat.default
|
|
15
|
-
};
|
|
16
|
-
exports.default = _default;
|
|
17
|
-
var data = [{
|
|
18
|
-
username: 'Test User',
|
|
19
|
-
img: "https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png",
|
|
20
|
-
date: '5/11/2021',
|
|
21
|
-
text: 'This is fake chat test This is fake chat test This is fake chat test This is fake chat test This is fake chat test '
|
|
22
|
-
}, {
|
|
23
|
-
username: 'Test User',
|
|
24
|
-
img: "https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png",
|
|
25
|
-
date: '5/11/2021',
|
|
26
|
-
text: 'This is fake chat test This is fake chat test This is fake chat test This is fake chat test This is fake chat test ',
|
|
27
|
-
media: /*#__PURE__*/React.createElement("img", {
|
|
28
|
-
src: "https://arabhardware.net/wp-content/uploads/2020/03/valorant-2020-4k-0f-scaled.jpg"
|
|
29
|
-
})
|
|
30
|
-
}, {
|
|
31
|
-
username: 'Test User',
|
|
32
|
-
img: "https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png",
|
|
33
|
-
date: '5/11/2021',
|
|
34
|
-
text: 'This is fake chat test This is fake chat test This is fake chat test This is fake chat test This is fake chat test '
|
|
35
|
-
}, {
|
|
36
|
-
username: 'Test User',
|
|
37
|
-
img: "https://www.kindpng.com/picc/m/163-1636340_user-avatar-icon-avatar-transparent-user-icon-png.png",
|
|
38
|
-
date: '5/11/2021',
|
|
39
|
-
text: 'This is fake chat test This is fake chat test This is fake chat test This is fake chat test This is fake chat test '
|
|
40
|
-
}];
|
|
41
|
-
var users = [{
|
|
42
|
-
id: 'walter',
|
|
43
|
-
display: 'Walter White'
|
|
44
|
-
}, {
|
|
45
|
-
id: 'jesse',
|
|
46
|
-
display: 'Jesse Pinkman'
|
|
47
|
-
}, {
|
|
48
|
-
id: 'gus',
|
|
49
|
-
display: 'Gustavo "Gus" Fring'
|
|
50
|
-
}, {
|
|
51
|
-
id: 'saul',
|
|
52
|
-
display: 'Saul Goodman'
|
|
53
|
-
}, {
|
|
54
|
-
id: 'hank',
|
|
55
|
-
display: 'Hank Schrader'
|
|
56
|
-
}, {
|
|
57
|
-
id: 'skyler',
|
|
58
|
-
display: 'Skyler White'
|
|
59
|
-
}, {
|
|
60
|
-
id: 'mike',
|
|
61
|
-
display: 'Mike Ehrmantraut'
|
|
62
|
-
}, {
|
|
63
|
-
id: 'lydia',
|
|
64
|
-
display: 'Lydìã Rôdarté-Qüayle'
|
|
65
|
-
}];
|
|
66
|
-
|
|
67
|
-
var Template = function Template(args) {
|
|
68
|
-
return /*#__PURE__*/React.createElement(_Chat.default, args);
|
|
69
|
-
};
|
|
70
|
-
|
|
71
|
-
var ChatSpace = Template.bind({});
|
|
72
|
-
exports.ChatSpace = ChatSpace;
|
|
73
|
-
ChatSpace.args = {
|
|
74
|
-
data: data,
|
|
75
|
-
users: users
|
|
76
|
-
};
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.CheckBoxGroup = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _storybookFormik = _interopRequireDefault(require("storybook-formik"));
|
|
13
|
-
|
|
14
|
-
var Yup = _interopRequireWildcard(require("yup"));
|
|
15
|
-
|
|
16
|
-
var _CheckboxGroup = _interopRequireDefault(require("./CheckboxGroup"));
|
|
17
|
-
|
|
18
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
|
-
var formSchema = Yup.object().shape({
|
|
23
|
-
acceptTerms: Yup.array().min(1, 'You must choose at least one element')
|
|
24
|
-
});
|
|
25
|
-
var options = [{
|
|
26
|
-
label: 'option 1',
|
|
27
|
-
value: '1'
|
|
28
|
-
}, {
|
|
29
|
-
label: 'option 2',
|
|
30
|
-
value: '2'
|
|
31
|
-
}, {
|
|
32
|
-
label: 'option 3',
|
|
33
|
-
value: '3'
|
|
34
|
-
}];
|
|
35
|
-
var _default = {
|
|
36
|
-
title: 'Common Inputs/Checkbox Group',
|
|
37
|
-
component: _CheckboxGroup.default,
|
|
38
|
-
decorators: [_storybookFormik.default],
|
|
39
|
-
parameters: {
|
|
40
|
-
formik: {
|
|
41
|
-
initialValues: {
|
|
42
|
-
acceptTerms: []
|
|
43
|
-
},
|
|
44
|
-
validationSchema: formSchema
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
exports.default = _default;
|
|
49
|
-
|
|
50
|
-
var CheckBoxGroup = function CheckBoxGroup(args) {
|
|
51
|
-
return /*#__PURE__*/_react.default.createElement(_CheckboxGroup.default, Object.assign({
|
|
52
|
-
label: "Checkbox Group",
|
|
53
|
-
name: "acceptTerms",
|
|
54
|
-
options: options
|
|
55
|
-
}, args));
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
exports.CheckBoxGroup = CheckBoxGroup;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.AutoComplete = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
var _CustomAutoComplete = _interopRequireDefault(require("./CustomAutoComplete"));
|
|
13
|
-
|
|
14
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
|
|
16
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
-
|
|
18
|
-
// import withFormik from "storybook-formik";
|
|
19
|
-
// import * as Yup from 'yup';
|
|
20
|
-
// const formSchema = Yup.object().shape({
|
|
21
|
-
// search: Yup.string()
|
|
22
|
-
// .required("Required"),
|
|
23
|
-
// });
|
|
24
|
-
var _default = {
|
|
25
|
-
title: 'Common Inputs/Custom AutoComplete',
|
|
26
|
-
component: _CustomAutoComplete.default // decorators: [withFormik],
|
|
27
|
-
// parameters: {
|
|
28
|
-
// formik: {
|
|
29
|
-
// initialValues: {
|
|
30
|
-
// search: ''
|
|
31
|
-
// },
|
|
32
|
-
// validationSchema: formSchema,
|
|
33
|
-
// },
|
|
34
|
-
// }
|
|
35
|
-
|
|
36
|
-
};
|
|
37
|
-
exports.default = _default;
|
|
38
|
-
|
|
39
|
-
var AutoComplete = function AutoComplete(args) {
|
|
40
|
-
return /*#__PURE__*/_react.default.createElement(_CustomAutoComplete.default, Object.assign({
|
|
41
|
-
label: "themes",
|
|
42
|
-
items: [{
|
|
43
|
-
id: 'foo',
|
|
44
|
-
label: 'foo'
|
|
45
|
-
}, {
|
|
46
|
-
id: 'bar',
|
|
47
|
-
label: 'bar'
|
|
48
|
-
}, {
|
|
49
|
-
id: 'baz',
|
|
50
|
-
label: 'baz'
|
|
51
|
-
}],
|
|
52
|
-
name: "search"
|
|
53
|
-
}, args));
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
exports.AutoComplete = AutoComplete;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Dropzone = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _storybookFormik = _interopRequireDefault(require("storybook-formik"));
|
|
13
|
-
|
|
14
|
-
var Yup = _interopRequireWildcard(require("yup"));
|
|
15
|
-
|
|
16
|
-
var _CustomDropZone = _interopRequireDefault(require("./CustomDropZone"));
|
|
17
|
-
|
|
18
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
|
-
var formSchema = Yup.object().shape({
|
|
23
|
-
file: Yup.object().required("Required")
|
|
24
|
-
});
|
|
25
|
-
var _default = {
|
|
26
|
-
title: 'Common Inputs/Custom Dropzone',
|
|
27
|
-
component: _CustomDropZone.default,
|
|
28
|
-
decorators: [_storybookFormik.default],
|
|
29
|
-
parameters: {
|
|
30
|
-
formik: {
|
|
31
|
-
initialValues: {
|
|
32
|
-
file: ''
|
|
33
|
-
},
|
|
34
|
-
validationSchema: formSchema
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
exports.default = _default;
|
|
39
|
-
|
|
40
|
-
var Dropzone = function Dropzone(args) {
|
|
41
|
-
return /*#__PURE__*/_react.default.createElement(_CustomDropZone.default, Object.assign({
|
|
42
|
-
label: "Image",
|
|
43
|
-
name: "file"
|
|
44
|
-
}, args));
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
exports.Dropzone = Dropzone;
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Select = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _storybookFormik = _interopRequireDefault(require("storybook-formik"));
|
|
13
|
-
|
|
14
|
-
var Yup = _interopRequireWildcard(require("yup"));
|
|
15
|
-
|
|
16
|
-
var _CustomSelect = _interopRequireDefault(require("./CustomSelect"));
|
|
17
|
-
|
|
18
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
|
-
var formSchema = Yup.object().shape({
|
|
23
|
-
name: Yup.string().required("Required")
|
|
24
|
-
});
|
|
25
|
-
var options = [{
|
|
26
|
-
label: 'select an option',
|
|
27
|
-
value: ''
|
|
28
|
-
}, {
|
|
29
|
-
label: 'option 1',
|
|
30
|
-
value: '1'
|
|
31
|
-
}, {
|
|
32
|
-
label: 'option 2',
|
|
33
|
-
value: '2'
|
|
34
|
-
}, {
|
|
35
|
-
label: 'option 3',
|
|
36
|
-
value: '3'
|
|
37
|
-
}];
|
|
38
|
-
var _default = {
|
|
39
|
-
title: 'Common Inputs/Custom Select',
|
|
40
|
-
component: _CustomSelect.default,
|
|
41
|
-
decorators: [_storybookFormik.default],
|
|
42
|
-
parameters: {
|
|
43
|
-
formik: {
|
|
44
|
-
initialValues: {
|
|
45
|
-
name: ''
|
|
46
|
-
},
|
|
47
|
-
validationSchema: formSchema
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
exports.default = _default;
|
|
52
|
-
|
|
53
|
-
var Select = function Select(args) {
|
|
54
|
-
return /*#__PURE__*/_react.default.createElement(_CustomSelect.default, Object.assign({
|
|
55
|
-
label: "options",
|
|
56
|
-
options: options,
|
|
57
|
-
name: "name"
|
|
58
|
-
}, args));
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
exports.Select = Select;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.TextArea = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _storybookFormik = _interopRequireDefault(require("storybook-formik"));
|
|
13
|
-
|
|
14
|
-
var Yup = _interopRequireWildcard(require("yup"));
|
|
15
|
-
|
|
16
|
-
var _CustomTextarea = _interopRequireDefault(require("./CustomTextarea"));
|
|
17
|
-
|
|
18
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
|
-
var formSchema = Yup.object().shape({
|
|
23
|
-
text: Yup.string().required("Required")
|
|
24
|
-
});
|
|
25
|
-
var _default = {
|
|
26
|
-
title: 'Common Inputs/Custom Textarea',
|
|
27
|
-
component: _CustomTextarea.default,
|
|
28
|
-
decorators: [_storybookFormik.default],
|
|
29
|
-
parameters: {
|
|
30
|
-
formik: {
|
|
31
|
-
initialValues: {
|
|
32
|
-
text: '',
|
|
33
|
-
validationSchema: formSchema
|
|
34
|
-
},
|
|
35
|
-
validationSchema: formSchema
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
exports.default = _default;
|
|
40
|
-
|
|
41
|
-
var TextArea = function TextArea(args) {
|
|
42
|
-
return /*#__PURE__*/_react.default.createElement(_CustomTextarea.default, Object.assign({
|
|
43
|
-
name: "text",
|
|
44
|
-
label: "text"
|
|
45
|
-
}, args));
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
exports.TextArea = TextArea;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.date = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _storybookFormik = _interopRequireDefault(require("storybook-formik"));
|
|
13
|
-
|
|
14
|
-
var _DatePicker = _interopRequireDefault(require("./DatePicker"));
|
|
15
|
-
|
|
16
|
-
var _SingleDatePicker = _interopRequireDefault(require("./SingleDatePicker"));
|
|
17
|
-
|
|
18
|
-
var Yup = _interopRequireWildcard(require("yup"));
|
|
19
|
-
|
|
20
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
-
|
|
22
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
-
|
|
24
|
-
var datePickerSchema = Yup.object().shape({
|
|
25
|
-
date: Yup.object().shape({
|
|
26
|
-
startDate: Yup.object().required("Required").typeError('Invalid Start Date'),
|
|
27
|
-
endDate: Yup.object().required("Required").typeError('Invalid End Date')
|
|
28
|
-
}),
|
|
29
|
-
singleDate: Yup.object().required("Required").typeError('Invalid Date')
|
|
30
|
-
});
|
|
31
|
-
var _default = {
|
|
32
|
-
title: 'Common Inputs/Date Picker',
|
|
33
|
-
component: _DatePicker.default,
|
|
34
|
-
decorators: [_storybookFormik.default],
|
|
35
|
-
parameters: {
|
|
36
|
-
formik: {
|
|
37
|
-
initialValues: {
|
|
38
|
-
date: {
|
|
39
|
-
startDate: null,
|
|
40
|
-
endDate: null
|
|
41
|
-
},
|
|
42
|
-
singleDate: null
|
|
43
|
-
},
|
|
44
|
-
validationSchema: datePickerSchema
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
exports.default = _default;
|
|
49
|
-
|
|
50
|
-
var date = function date(args) {
|
|
51
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DatePicker.default, Object.assign({
|
|
52
|
-
label: "Double Date Picker",
|
|
53
|
-
name: "date"
|
|
54
|
-
}, args)), /*#__PURE__*/_react.default.createElement(_SingleDatePicker.default, Object.assign({
|
|
55
|
-
label: "Single Date Picker",
|
|
56
|
-
name: "singleDate"
|
|
57
|
-
}, args)));
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
exports.date = date;
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Editor = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _EditorComponent = _interopRequireDefault(require("./EditorComponent"));
|
|
11
|
-
|
|
12
|
-
var _BaseMaterial = _interopRequireDefault(require("../../Containers/BaseMaterial"));
|
|
13
|
-
|
|
14
|
-
var _default = {
|
|
15
|
-
title: 'Common Inputs/EditorComponent',
|
|
16
|
-
component: _EditorComponent.default
|
|
17
|
-
};
|
|
18
|
-
exports.default = _default;
|
|
19
|
-
var data = {
|
|
20
|
-
blocks: [{
|
|
21
|
-
type: "header",
|
|
22
|
-
data: {
|
|
23
|
-
text: "Editor.js",
|
|
24
|
-
level: 1
|
|
25
|
-
}
|
|
26
|
-
}, {
|
|
27
|
-
type: "paragraph",
|
|
28
|
-
data: {
|
|
29
|
-
text: "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text."
|
|
30
|
-
}
|
|
31
|
-
}, {
|
|
32
|
-
type: 'image',
|
|
33
|
-
"data": {
|
|
34
|
-
"file": {
|
|
35
|
-
"url": "https://i.ytimg.com/vi/MPV2METPeJU/maxresdefault.jpg"
|
|
36
|
-
},
|
|
37
|
-
"caption": "Caption Example",
|
|
38
|
-
"withBorder": false,
|
|
39
|
-
"withBackground": false,
|
|
40
|
-
"stretched": false
|
|
41
|
-
}
|
|
42
|
-
}, {
|
|
43
|
-
"type": "paragraph",
|
|
44
|
-
"data": {
|
|
45
|
-
"text": "Create a directory for your module, enter it and run <mark class=\"cdx-marker\">npm init</mark> command."
|
|
46
|
-
}
|
|
47
|
-
}, {
|
|
48
|
-
"type": "table",
|
|
49
|
-
"data": {
|
|
50
|
-
"withHeadings": true,
|
|
51
|
-
"content": [["Kine", "Pigs", "Chicken"], ["1 pcs", "3 pcs", "12 pcs"], ["100$", "200$", "150$"]]
|
|
52
|
-
}
|
|
53
|
-
}]
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
var Editor = function Editor(args) {
|
|
57
|
-
return /*#__PURE__*/React.createElement(_BaseMaterial.default, null, /*#__PURE__*/React.createElement(_EditorComponent.default, Object.assign({
|
|
58
|
-
data: data
|
|
59
|
-
}, args)));
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
exports.Editor = Editor;
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.TextInput = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _InputField = _interopRequireDefault(require("./InputField"));
|
|
13
|
-
|
|
14
|
-
var _storybookFormik = _interopRequireDefault(require("storybook-formik"));
|
|
15
|
-
|
|
16
|
-
var _default = {
|
|
17
|
-
component: _InputField.default,
|
|
18
|
-
title: 'Common Inputs/Formik/InputField',
|
|
19
|
-
decorators: [_storybookFormik.default]
|
|
20
|
-
};
|
|
21
|
-
exports.default = _default;
|
|
22
|
-
|
|
23
|
-
var Template = function Template(args) {
|
|
24
|
-
return /*#__PURE__*/_react.default.createElement(_InputField.default, args);
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
var TextInput = Template.bind({});
|
|
28
|
-
exports.TextInput = TextInput;
|
|
29
|
-
TextInput.args = {
|
|
30
|
-
name: 'username',
|
|
31
|
-
type: 'text',
|
|
32
|
-
placeholder: 'username'
|
|
33
|
-
};
|
|
34
|
-
TextInput.parameters = {
|
|
35
|
-
formik: {
|
|
36
|
-
initialValues: {
|
|
37
|
-
username: ''
|
|
38
|
-
}
|
|
39
|
-
},
|
|
40
|
-
onSubmit: function onSubmit(v) {
|
|
41
|
-
return console.log(v);
|
|
42
|
-
}
|
|
43
|
-
};
|