@dreamcommerce/aurora 0.3.4-180 → 0.3.4-181
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/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js +27 -5
- package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js +27 -5
- package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map +1 -1
- package/package.json +1 -1
- package/build/esm/packages/aurora/src/src/components/modal/hoc/absolute_modal/index.d.ts +0 -4
- package/build/esm/packages/aurora/src/src/index.d.ts +0 -84
- package/build/esm/packages/aurora/src/stories/button/button.stories.d.ts +0 -146
- package/build/esm/packages/aurora/src/stories/controls/control_cell_selector/control_cell_selector.stories.d.ts +0 -90
- package/build/esm/packages/aurora/src/stories/controls/control_checkbox/checkbox.stories.d.ts +0 -89
- package/build/esm/packages/aurora/src/stories/controls/control_checkbox_switch/checkbox_switch.stories.d.ts +0 -89
- package/build/esm/packages/aurora/src/stories/controls/control_color_picker/control_color_picker.stories.d.ts +0 -126
- package/build/esm/packages/aurora/src/stories/controls/control_date_picker/control_date_picker.stories.d.ts +0 -164
- package/build/esm/packages/aurora/src/stories/controls/control_file_picker/control_file_picker.stories.d.ts +0 -128
- package/build/esm/packages/aurora/src/stories/controls/control_input/control_input.stories.d.ts +0 -184
- package/build/esm/packages/aurora/src/stories/controls/control_multi_select/control_multi_select.stories.d.ts +0 -89
- package/build/esm/packages/aurora/src/stories/controls/control_radio/control_radio.stories.d.ts +0 -127
- package/build/esm/packages/aurora/src/stories/controls/control_radio_group/control_radio.stories.d.ts +0 -32
- package/build/esm/packages/aurora/src/stories/controls/control_range/control_range.stories.d.ts +0 -71
- package/build/esm/packages/aurora/src/stories/controls/control_range_picker/control_range_picker.stories.d.ts +0 -108
- package/build/esm/packages/aurora/src/stories/controls/control_select/control_select.stories.d.ts +0 -108
- package/build/esm/packages/aurora/src/stories/controls/control_tags_selector/control_tags_selector.stories.d.ts +0 -126
- package/build/esm/packages/aurora/src/stories/controls/control_textarea/control_textarea.stories.d.ts +0 -146
- package/build/esm/packages/aurora/src/stories/data_table/data_table.stories.d.ts +0 -33
- package/build/esm/packages/aurora/src/stories/dropdown/dropdown.stories.d.ts +0 -127
- package/build/esm/packages/aurora/src/stories/flash_messenger/flash_messanger.stories.d.ts +0 -31
- package/build/esm/packages/aurora/src/stories/gallery/gallery.stories.d.ts +0 -33
- package/build/esm/packages/aurora/src/stories/grid/col.stories.d.ts +0 -89
- package/build/esm/packages/aurora/src/stories/grid/grid.stories.d.ts +0 -32
- package/build/esm/packages/aurora/src/stories/grid/main.stories.d.ts +0 -71
- package/build/esm/packages/aurora/src/stories/grid/row.stories.d.ts +0 -108
- package/build/esm/packages/aurora/src/stories/heading/heading.stories.d.ts +0 -51
- package/build/esm/packages/aurora/src/stories/heading/subheadings.stories.d.ts +0 -32
- package/build/esm/packages/aurora/src/stories/hint/hint.stories.d.ts +0 -108
- package/build/esm/packages/aurora/src/stories/index.d.ts +0 -23
- package/build/esm/packages/aurora/src/stories/loader/loader.stories.d.ts +0 -70
- package/build/esm/packages/aurora/src/stories/message_box/message_box.stories.d.ts +0 -50
- package/build/esm/packages/aurora/src/stories/modal/modal.stories.d.ts +0 -126
- package/build/esm/packages/aurora/src/stories/modal/modal_absolute_positioning.stories.d.ts +0 -183
- package/build/esm/packages/aurora/src/stories/modal/modal_animations.stories.d.ts +0 -202
- package/build/esm/packages/aurora/src/stories/modal/modal_relative_positioning.stories.d.ts +0 -88
- package/build/esm/packages/aurora/src/stories/modal/modal_structure.stories.d.ts +0 -50
- package/build/esm/packages/aurora/src/stories/multiselect_stories/multiselect.stories.d.ts +0 -281
- package/build/esm/packages/aurora/src/stories/select_stories/select.stories.d.ts +0 -281
- package/build/esm/packages/aurora/src/stories/spacing/spacing.stories.d.ts +0 -89
- package/build/esm/packages/aurora/src/stories/table/table.stories.d.ts +0 -91
- package/build/esm/packages/aurora/src/stories/tabs/tabs.stories.d.ts +0 -71
- package/build/esm/packages/aurora/src/stories/tag/tag.stories.d.ts +0 -51
- package/build/esm/packages/aurora/src/stories/tags_selector/tags_selector.stories.d.ts +0 -108
- package/build/esm/packages/aurora/src/stories/tooltip/tooltip.stories.d.ts +0 -89
- package/build/esm/packages/aurora/src/stories/with_loader/with_loader.stories.d.ts +0 -51
- package/build/esm/packages/aurora/src/tests/unit/components/controls/color_picker/colorpicker.test.d.ts +0 -1
- package/build/esm/packages/aurora/src/tests/unit/components/controls/input/control_input.test.d.ts +0 -1
- package/build/esm/packages/aurora/src/tests/unit/components/controls/radio/control_radio.test.d.ts +0 -1
- package/build/esm/packages/aurora/src/tests/unit/components/datepicker/datepicker.test.d.ts +0 -20
- package/build/esm/packages/aurora/src/tests/unit/components/dropdown/dropdown.test.d.ts +0 -1
- package/build/esm/packages/aurora/src/tests/unit/components/dropdown/mockData.d.ts +0 -2
- package/build/esm/packages/aurora/src/tests/unit/components/dropdown/multiselect/multiselect.test.d.ts +0 -1
- package/build/esm/packages/aurora/src/tests/unit/components/dropdown/select/select.test.d.ts +0 -1
- package/build/esm/packages/aurora/src/tests/unit/components/modal/modal.test.d.ts +0 -1
- package/build/esm/packages/aurora/src/tests/unit/components/rangepicker/rangepicker.test.d.ts +0 -1
- package/build/esm/packages/aurora/src/tests/unit/components/with_loader/with_loader.test.d.ts +0 -1
- package/build/esm/packages/aurora/src/tests/visual/storybooks.test.d.ts +0 -1
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _tslib = require('../../../../../../../_virtual/_tslib.js');
|
|
7
7
|
var reactJss_esm = require('../../../../../../../external/react-jss/dist/react-jss.esm.js');
|
|
8
|
+
var use_resize = require('../../../../hooks/use_resize.js');
|
|
8
9
|
var reactDom = require('react-dom');
|
|
9
10
|
var main_module = require('../../../../css/modal/main.module.less.js');
|
|
10
11
|
var modal = require('../../components/modal.js');
|
|
@@ -48,7 +49,8 @@ var useStyles = reactJss_esm.createUseStyles({
|
|
|
48
49
|
var AbsoluteModal = function (_a) {
|
|
49
50
|
var vPosition = _a.vPosition, hPosition = _a.hPosition, _b = _a.offset, offset = _b === void 0 ? 0 : _b, transform = _a.transform, _c = _a.transformLength, transformLength = _c === void 0 ? constants.DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, withBackground = _a.withBackground, rest = _tslib.__rest(_a, ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible", "withBackground"]);
|
|
50
51
|
var modalRef = React.useRef(null);
|
|
51
|
-
var _d = React.useState(
|
|
52
|
+
var _d = React.useState(0), updater = _d[0], setUpdater = _d[1];
|
|
53
|
+
var _e = React.useState({}), position = _e[0], setPosition = _e[1];
|
|
52
54
|
var classes = useStyles(_tslib.__assign(_tslib.__assign({}, position), { isVisible: isVisible, transformLength: transformLength, transform: transform, animationDirection: animationDirection }));
|
|
53
55
|
React.useEffect(function () {
|
|
54
56
|
var _a, _b;
|
|
@@ -60,10 +62,30 @@ var AbsoluteModal = function (_a) {
|
|
|
60
62
|
transformLength: transformLength,
|
|
61
63
|
animationDirection: animationDirection
|
|
62
64
|
}));
|
|
63
|
-
}, [animationDirection, hPosition, offset, transformLength, vPosition, isVisible]);
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
65
|
+
}, [animationDirection, hPosition, offset, transformLength, vPosition, isVisible, updater]);
|
|
66
|
+
use_resize.useResize(function () {
|
|
67
|
+
var _a, _b;
|
|
68
|
+
setPosition(utilities.calculateAbsolutePosition({
|
|
69
|
+
vPosition: vPosition,
|
|
70
|
+
hPosition: hPosition,
|
|
71
|
+
modalRect: (_b = (_a = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect) === null || _b === void 0 ? void 0 : _b.call(_a),
|
|
72
|
+
offset: offset,
|
|
73
|
+
transformLength: transformLength,
|
|
74
|
+
animationDirection: animationDirection
|
|
75
|
+
}));
|
|
76
|
+
}, 50);
|
|
77
|
+
React.useEffect(function () {
|
|
78
|
+
var observer = new MutationObserver(function () {
|
|
79
|
+
setUpdater(function (updater) { return updater + 1; });
|
|
80
|
+
});
|
|
81
|
+
if (modalRef.current) {
|
|
82
|
+
observer.observe(modalRef.current, { childList: true, subtree: true });
|
|
83
|
+
}
|
|
84
|
+
return function () { return observer.disconnect(); };
|
|
85
|
+
}, []);
|
|
86
|
+
return reactDom.createPortal(React__default['default'].createElement(React__default['default'].Fragment, null,
|
|
87
|
+
React__default['default'].createElement(modal['default'], _tslib.__assign({ className: "".concat(classes.modal, " ").concat(isVisible ? main_module['default']['modal-window_visible'] : ''), modalRef: modalRef }, rest), children),
|
|
88
|
+
isVisible && withBackground && React__default['default'].createElement("div", { className: main_module['default']['modal-window-mask'] })), document.body);
|
|
67
89
|
};
|
|
68
90
|
|
|
69
91
|
exports.default = AbsoluteModal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { useRef, useState, useEffect } from 'react';
|
|
2
2
|
import { __rest, __assign } from '../../../../../../../_virtual/_tslib.js';
|
|
3
3
|
import { createUseStyles } from '../../../../../../../external/react-jss/dist/react-jss.esm.js';
|
|
4
|
+
import { useResize } from '../../../../hooks/use_resize.js';
|
|
4
5
|
import { createPortal } from 'react-dom';
|
|
5
6
|
import cssClasses from '../../../../css/modal/main.module.less.js';
|
|
6
7
|
import Modal from '../../components/modal.js';
|
|
@@ -40,7 +41,8 @@ var useStyles = createUseStyles({
|
|
|
40
41
|
var AbsoluteModal = function (_a) {
|
|
41
42
|
var vPosition = _a.vPosition, hPosition = _a.hPosition, _b = _a.offset, offset = _b === void 0 ? 0 : _b, transform = _a.transform, _c = _a.transformLength, transformLength = _c === void 0 ? DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, withBackground = _a.withBackground, rest = __rest(_a, ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible", "withBackground"]);
|
|
42
43
|
var modalRef = useRef(null);
|
|
43
|
-
var _d = useState(
|
|
44
|
+
var _d = useState(0), updater = _d[0], setUpdater = _d[1];
|
|
45
|
+
var _e = useState({}), position = _e[0], setPosition = _e[1];
|
|
44
46
|
var classes = useStyles(__assign(__assign({}, position), { isVisible: isVisible, transformLength: transformLength, transform: transform, animationDirection: animationDirection }));
|
|
45
47
|
useEffect(function () {
|
|
46
48
|
var _a, _b;
|
|
@@ -52,10 +54,30 @@ var AbsoluteModal = function (_a) {
|
|
|
52
54
|
transformLength: transformLength,
|
|
53
55
|
animationDirection: animationDirection
|
|
54
56
|
}));
|
|
55
|
-
}, [animationDirection, hPosition, offset, transformLength, vPosition, isVisible]);
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
57
|
+
}, [animationDirection, hPosition, offset, transformLength, vPosition, isVisible, updater]);
|
|
58
|
+
useResize(function () {
|
|
59
|
+
var _a, _b;
|
|
60
|
+
setPosition(calculateAbsolutePosition({
|
|
61
|
+
vPosition: vPosition,
|
|
62
|
+
hPosition: hPosition,
|
|
63
|
+
modalRect: (_b = (_a = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect) === null || _b === void 0 ? void 0 : _b.call(_a),
|
|
64
|
+
offset: offset,
|
|
65
|
+
transformLength: transformLength,
|
|
66
|
+
animationDirection: animationDirection
|
|
67
|
+
}));
|
|
68
|
+
}, 50);
|
|
69
|
+
useEffect(function () {
|
|
70
|
+
var observer = new MutationObserver(function () {
|
|
71
|
+
setUpdater(function (updater) { return updater + 1; });
|
|
72
|
+
});
|
|
73
|
+
if (modalRef.current) {
|
|
74
|
+
observer.observe(modalRef.current, { childList: true, subtree: true });
|
|
75
|
+
}
|
|
76
|
+
return function () { return observer.disconnect(); };
|
|
77
|
+
}, []);
|
|
78
|
+
return createPortal(React.createElement(React.Fragment, null,
|
|
79
|
+
React.createElement(Modal, __assign({ className: "".concat(classes.modal, " ").concat(isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children),
|
|
80
|
+
isVisible && withBackground && React.createElement("div", { className: cssClasses['modal-window-mask'] })), document.body);
|
|
59
81
|
};
|
|
60
82
|
|
|
61
83
|
export default AbsoluteModal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,gCAAgC,+DAAmE;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,gCAAgC,+DAAmE;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/package.json
CHANGED
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import './i18n';
|
|
2
|
-
/**
|
|
3
|
-
* import components for export
|
|
4
|
-
*/
|
|
5
|
-
import Button from '@auroraComponents/button';
|
|
6
|
-
import ButtonsGroup from '@auroraComponents/buttons_group';
|
|
7
|
-
import ColorPicker from '@auroraComponents/color_picker';
|
|
8
|
-
import ControlInput from '@auroraComponents/controls/hoc/control_input';
|
|
9
|
-
import ControlCheckbox from '@auroraComponents/controls/hoc/control_checkbox';
|
|
10
|
-
import ControlCheckboxSwitch from '@auroraComponents/controls/hoc/control_checkbox_switch';
|
|
11
|
-
import ControlRadio from '@auroraComponents/controls/hoc/control_radio';
|
|
12
|
-
import ControlRange from '@auroraComponents/controls/hoc/control_range';
|
|
13
|
-
import ControlDatepicker from '@auroraComponents/controls/hoc/control_date_picker';
|
|
14
|
-
import ControlColorPicker from '@auroraComponents/controls/hoc/control_color_picker';
|
|
15
|
-
import ControlTagsSelector from '@auroraComponents/controls/hoc/control_tags_selector';
|
|
16
|
-
import ControlTextarea from '@auroraComponents/controls/hoc/control_textarea';
|
|
17
|
-
import ControlSelect from '@auroraComponents/controls/hoc/control_select';
|
|
18
|
-
import ControlMultiSelect from '@auroraComponents/controls/hoc/control_multi_select';
|
|
19
|
-
import ControlFilePicker from '@auroraComponents/controls/hoc/control_file_picker';
|
|
20
|
-
import ControlCellSelector from '@auroraComponents/controls/hoc/control_cell_selector';
|
|
21
|
-
import Datepicker from '@auroraComponents/date_picker';
|
|
22
|
-
import Dropdown from '@auroraComponents/dropdown';
|
|
23
|
-
import Gallery from '@auroraComponents/gallery';
|
|
24
|
-
import Grid from '@auroraComponents/grid';
|
|
25
|
-
import Heading from '@auroraComponents/heading';
|
|
26
|
-
import Label from '@auroraComponents/label';
|
|
27
|
-
import FilePicker from '@auroraComponents/file_picker';
|
|
28
|
-
import ModalProvider from '@auroraComponents/modal/hoc/modal_provider';
|
|
29
|
-
import AbsoluteModal from '@auroraComponents/modal/hoc/absolute_modal';
|
|
30
|
-
import RelativeModal from '@auroraComponents/modal/hoc/relative_modal';
|
|
31
|
-
import MultiSelect from '@auroraComponents/dropdown/hoc/multiselect';
|
|
32
|
-
import Modal from '@auroraComponents/modal';
|
|
33
|
-
import Select from '@auroraComponents/dropdown/hoc/select';
|
|
34
|
-
import Spacing from '@auroraComponents/spacing';
|
|
35
|
-
import Table from '@auroraComponents/table';
|
|
36
|
-
import DataTable from '@auroraComponents/table/hoc/data-table';
|
|
37
|
-
import { TabItem, Tabs } from '@auroraComponents/tabs';
|
|
38
|
-
import Tag from '@auroraComponents/tag';
|
|
39
|
-
import TagsSelector from '@auroraComponents/tags_selector';
|
|
40
|
-
import Hint from '@auroraComponents/hint';
|
|
41
|
-
import Loader from '@auroraComponents/loader';
|
|
42
|
-
import WithLoader from '@auroraComponents/with_loader';
|
|
43
|
-
import Tooltip from '@auroraComponents/tooltip';
|
|
44
|
-
/**
|
|
45
|
-
* Assets
|
|
46
|
-
*/
|
|
47
|
-
import IconCalendar from '@auroraAssets/icon_calendar';
|
|
48
|
-
import IconArrow from '@auroraAssets/icon_arrow';
|
|
49
|
-
import IconTick from '@auroraAssets/icon_tick';
|
|
50
|
-
/**
|
|
51
|
-
* import context for export
|
|
52
|
-
*/
|
|
53
|
-
import { DropdownContext } from '@auroraComponents/dropdown/context';
|
|
54
|
-
import { ModalContext } from '@auroraComponents/modal/context/modal_context';
|
|
55
|
-
/**
|
|
56
|
-
* import types for export
|
|
57
|
-
*/
|
|
58
|
-
import { IDropdownProps, ISelectOption } from '@auroraComponents/dropdown/types';
|
|
59
|
-
import { IHeadingProps } from '@auroraComponents/heading/types';
|
|
60
|
-
import { ICellProps, IIRowProps, ITableProps } from '@auroraComponents/table/types';
|
|
61
|
-
import { IDropdownContext } from '@auroraComponents/dropdown/context/types';
|
|
62
|
-
import ControlRadioGroup from '@auroraComponents/controls/hoc/control_radio_group';
|
|
63
|
-
import { IControlRadioGroupOption } from '@auroraComponents/controls/types';
|
|
64
|
-
import { IColor } from '@auroraComponents/color_picker/types';
|
|
65
|
-
import { IDatepickerRange } from '@auroraComponents/date_picker/types';
|
|
66
|
-
import { TFilePickerFile } from '@auroraComponents/file_picker/types';
|
|
67
|
-
import MessageBox from '@auroraComponents/message-box';
|
|
68
|
-
import FlashMessenger from '@auroraComponents/flash_messenger';
|
|
69
|
-
import { TMessageBoxType } from '@auroraComponents/message-box/types';
|
|
70
|
-
import { useFlashMessenger } from '@auroraComponents/flash_messenger/context';
|
|
71
|
-
import { ILoaderProps } from '@auroraComponents/loader/types';
|
|
72
|
-
import { IWithLoader } from '@auroraComponents/with_loader/types';
|
|
73
|
-
/**
|
|
74
|
-
* export hooks
|
|
75
|
-
*/
|
|
76
|
-
import { useDropdownContext } from '@auroraComponents/dropdown/context';
|
|
77
|
-
/**
|
|
78
|
-
* export components
|
|
79
|
-
*/
|
|
80
|
-
export { Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext };
|
|
81
|
-
/**
|
|
82
|
-
* export types
|
|
83
|
-
*/
|
|
84
|
-
export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IDatepickerRange, TFilePickerFile, TMessageBoxType, ILoaderProps, IWithLoader };
|
|
@@ -1,146 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
parameters: {
|
|
4
|
-
storySource: {
|
|
5
|
-
source: string;
|
|
6
|
-
locationsMap: {
|
|
7
|
-
"standard-button": {
|
|
8
|
-
startLoc: {
|
|
9
|
-
col: number;
|
|
10
|
-
line: number;
|
|
11
|
-
};
|
|
12
|
-
endLoc: {
|
|
13
|
-
col: number;
|
|
14
|
-
line: number;
|
|
15
|
-
};
|
|
16
|
-
startBody: {
|
|
17
|
-
col: number;
|
|
18
|
-
line: number;
|
|
19
|
-
};
|
|
20
|
-
endBody: {
|
|
21
|
-
col: number;
|
|
22
|
-
line: number;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
"small-button": {
|
|
26
|
-
startLoc: {
|
|
27
|
-
col: number;
|
|
28
|
-
line: number;
|
|
29
|
-
};
|
|
30
|
-
endLoc: {
|
|
31
|
-
col: number;
|
|
32
|
-
line: number;
|
|
33
|
-
};
|
|
34
|
-
startBody: {
|
|
35
|
-
col: number;
|
|
36
|
-
line: number;
|
|
37
|
-
};
|
|
38
|
-
endBody: {
|
|
39
|
-
col: number;
|
|
40
|
-
line: number;
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
"outline-button": {
|
|
44
|
-
startLoc: {
|
|
45
|
-
col: number;
|
|
46
|
-
line: number;
|
|
47
|
-
};
|
|
48
|
-
endLoc: {
|
|
49
|
-
col: number;
|
|
50
|
-
line: number;
|
|
51
|
-
};
|
|
52
|
-
startBody: {
|
|
53
|
-
col: number;
|
|
54
|
-
line: number;
|
|
55
|
-
};
|
|
56
|
-
endBody: {
|
|
57
|
-
col: number;
|
|
58
|
-
line: number;
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
"button-link": {
|
|
62
|
-
startLoc: {
|
|
63
|
-
col: number;
|
|
64
|
-
line: number;
|
|
65
|
-
};
|
|
66
|
-
endLoc: {
|
|
67
|
-
col: number;
|
|
68
|
-
line: number;
|
|
69
|
-
};
|
|
70
|
-
startBody: {
|
|
71
|
-
col: number;
|
|
72
|
-
line: number;
|
|
73
|
-
};
|
|
74
|
-
endBody: {
|
|
75
|
-
col: number;
|
|
76
|
-
line: number;
|
|
77
|
-
};
|
|
78
|
-
};
|
|
79
|
-
"button-link-small": {
|
|
80
|
-
startLoc: {
|
|
81
|
-
col: number;
|
|
82
|
-
line: number;
|
|
83
|
-
};
|
|
84
|
-
endLoc: {
|
|
85
|
-
col: number;
|
|
86
|
-
line: number;
|
|
87
|
-
};
|
|
88
|
-
startBody: {
|
|
89
|
-
col: number;
|
|
90
|
-
line: number;
|
|
91
|
-
};
|
|
92
|
-
endBody: {
|
|
93
|
-
col: number;
|
|
94
|
-
line: number;
|
|
95
|
-
};
|
|
96
|
-
};
|
|
97
|
-
"link-button": {
|
|
98
|
-
startLoc: {
|
|
99
|
-
col: number;
|
|
100
|
-
line: number;
|
|
101
|
-
};
|
|
102
|
-
endLoc: {
|
|
103
|
-
col: number;
|
|
104
|
-
line: number;
|
|
105
|
-
};
|
|
106
|
-
startBody: {
|
|
107
|
-
col: number;
|
|
108
|
-
line: number;
|
|
109
|
-
};
|
|
110
|
-
endBody: {
|
|
111
|
-
col: number;
|
|
112
|
-
line: number;
|
|
113
|
-
};
|
|
114
|
-
};
|
|
115
|
-
"link-button-with-onclick-function": {
|
|
116
|
-
startLoc: {
|
|
117
|
-
col: number;
|
|
118
|
-
line: number;
|
|
119
|
-
};
|
|
120
|
-
endLoc: {
|
|
121
|
-
col: number;
|
|
122
|
-
line: number;
|
|
123
|
-
};
|
|
124
|
-
startBody: {
|
|
125
|
-
col: number;
|
|
126
|
-
line: number;
|
|
127
|
-
};
|
|
128
|
-
endBody: {
|
|
129
|
-
col: number;
|
|
130
|
-
line: number;
|
|
131
|
-
};
|
|
132
|
-
};
|
|
133
|
-
};
|
|
134
|
-
};
|
|
135
|
-
};
|
|
136
|
-
title: string;
|
|
137
|
-
component: React.FC<import("../../src/components/button/types").IButtonProps>;
|
|
138
|
-
};
|
|
139
|
-
export default _default;
|
|
140
|
-
export declare const StandardButton: () => JSX.Element;
|
|
141
|
-
export declare const SmallButton: () => JSX.Element;
|
|
142
|
-
export declare const OutlineButton: () => JSX.Element;
|
|
143
|
-
export declare const ButtonLink: () => JSX.Element;
|
|
144
|
-
export declare const ButtonLinkSmall: () => JSX.Element;
|
|
145
|
-
export declare const LinkButton: () => JSX.Element;
|
|
146
|
-
export declare const LinkButtonWithOnclickFunction: () => JSX.Element;
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
parameters: {
|
|
4
|
-
storySource: {
|
|
5
|
-
source: string;
|
|
6
|
-
locationsMap: {
|
|
7
|
-
"standard-cell-selector": {
|
|
8
|
-
startLoc: {
|
|
9
|
-
col: number;
|
|
10
|
-
line: number;
|
|
11
|
-
};
|
|
12
|
-
endLoc: {
|
|
13
|
-
col: number;
|
|
14
|
-
line: number;
|
|
15
|
-
};
|
|
16
|
-
startBody: {
|
|
17
|
-
col: number;
|
|
18
|
-
line: number;
|
|
19
|
-
};
|
|
20
|
-
endBody: {
|
|
21
|
-
col: number;
|
|
22
|
-
line: number;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
"standard-control-cell-selector": {
|
|
26
|
-
startLoc: {
|
|
27
|
-
col: number;
|
|
28
|
-
line: number;
|
|
29
|
-
};
|
|
30
|
-
endLoc: {
|
|
31
|
-
col: number;
|
|
32
|
-
line: number;
|
|
33
|
-
};
|
|
34
|
-
startBody: {
|
|
35
|
-
col: number;
|
|
36
|
-
line: number;
|
|
37
|
-
};
|
|
38
|
-
endBody: {
|
|
39
|
-
col: number;
|
|
40
|
-
line: number;
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
"control-cell-selector-with-label": {
|
|
44
|
-
startLoc: {
|
|
45
|
-
col: number;
|
|
46
|
-
line: number;
|
|
47
|
-
};
|
|
48
|
-
endLoc: {
|
|
49
|
-
col: number;
|
|
50
|
-
line: number;
|
|
51
|
-
};
|
|
52
|
-
startBody: {
|
|
53
|
-
col: number;
|
|
54
|
-
line: number;
|
|
55
|
-
};
|
|
56
|
-
endBody: {
|
|
57
|
-
col: number;
|
|
58
|
-
line: number;
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
"control-cell-selector-with-knobs": {
|
|
62
|
-
startLoc: {
|
|
63
|
-
col: number;
|
|
64
|
-
line: number;
|
|
65
|
-
};
|
|
66
|
-
endLoc: {
|
|
67
|
-
col: number;
|
|
68
|
-
line: number;
|
|
69
|
-
};
|
|
70
|
-
startBody: {
|
|
71
|
-
col: number;
|
|
72
|
-
line: number;
|
|
73
|
-
};
|
|
74
|
-
endBody: {
|
|
75
|
-
col: number;
|
|
76
|
-
line: number;
|
|
77
|
-
};
|
|
78
|
-
};
|
|
79
|
-
};
|
|
80
|
-
};
|
|
81
|
-
};
|
|
82
|
-
title: string;
|
|
83
|
-
component: React.FC<import("../../../src/components/controls/types").ICellSelector>;
|
|
84
|
-
decorators: ((...args: any) => any)[];
|
|
85
|
-
};
|
|
86
|
-
export default _default;
|
|
87
|
-
export declare const StandardCellSelector: () => JSX.Element;
|
|
88
|
-
export declare const StandardControlCellSelector: () => JSX.Element;
|
|
89
|
-
export declare const ControlCellSelectorWithLabel: () => JSX.Element;
|
|
90
|
-
export declare const ControlCellSelectorWithKnobs: () => JSX.Element;
|
package/build/esm/packages/aurora/src/stories/controls/control_checkbox/checkbox.stories.d.ts
DELETED
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
parameters: {
|
|
4
|
-
storySource: {
|
|
5
|
-
source: string;
|
|
6
|
-
locationsMap: {
|
|
7
|
-
"standard-checkbox": {
|
|
8
|
-
startLoc: {
|
|
9
|
-
col: number;
|
|
10
|
-
line: number;
|
|
11
|
-
};
|
|
12
|
-
endLoc: {
|
|
13
|
-
col: number;
|
|
14
|
-
line: number;
|
|
15
|
-
};
|
|
16
|
-
startBody: {
|
|
17
|
-
col: number;
|
|
18
|
-
line: number;
|
|
19
|
-
};
|
|
20
|
-
endBody: {
|
|
21
|
-
col: number;
|
|
22
|
-
line: number;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
"checked-checkbox": {
|
|
26
|
-
startLoc: {
|
|
27
|
-
col: number;
|
|
28
|
-
line: number;
|
|
29
|
-
};
|
|
30
|
-
endLoc: {
|
|
31
|
-
col: number;
|
|
32
|
-
line: number;
|
|
33
|
-
};
|
|
34
|
-
startBody: {
|
|
35
|
-
col: number;
|
|
36
|
-
line: number;
|
|
37
|
-
};
|
|
38
|
-
endBody: {
|
|
39
|
-
col: number;
|
|
40
|
-
line: number;
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
"unchecked-disabled-checkbox": {
|
|
44
|
-
startLoc: {
|
|
45
|
-
col: number;
|
|
46
|
-
line: number;
|
|
47
|
-
};
|
|
48
|
-
endLoc: {
|
|
49
|
-
col: number;
|
|
50
|
-
line: number;
|
|
51
|
-
};
|
|
52
|
-
startBody: {
|
|
53
|
-
col: number;
|
|
54
|
-
line: number;
|
|
55
|
-
};
|
|
56
|
-
endBody: {
|
|
57
|
-
col: number;
|
|
58
|
-
line: number;
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
"checked-disabled-checkbox": {
|
|
62
|
-
startLoc: {
|
|
63
|
-
col: number;
|
|
64
|
-
line: number;
|
|
65
|
-
};
|
|
66
|
-
endLoc: {
|
|
67
|
-
col: number;
|
|
68
|
-
line: number;
|
|
69
|
-
};
|
|
70
|
-
startBody: {
|
|
71
|
-
col: number;
|
|
72
|
-
line: number;
|
|
73
|
-
};
|
|
74
|
-
endBody: {
|
|
75
|
-
col: number;
|
|
76
|
-
line: number;
|
|
77
|
-
};
|
|
78
|
-
};
|
|
79
|
-
};
|
|
80
|
-
};
|
|
81
|
-
};
|
|
82
|
-
title: string;
|
|
83
|
-
component: React.FC<import("../../../src/components/controls/types").IControlCheckboxProps>;
|
|
84
|
-
};
|
|
85
|
-
export default _default;
|
|
86
|
-
export declare const StandardCheckbox: () => JSX.Element;
|
|
87
|
-
export declare const CheckedCheckbox: () => JSX.Element;
|
|
88
|
-
export declare const UncheckedDisabledCheckbox: () => JSX.Element;
|
|
89
|
-
export declare const CheckedDisabledCheckbox: () => JSX.Element;
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
parameters: {
|
|
4
|
-
storySource: {
|
|
5
|
-
source: string;
|
|
6
|
-
locationsMap: {
|
|
7
|
-
"standard-checkbox-switch": {
|
|
8
|
-
startLoc: {
|
|
9
|
-
col: number;
|
|
10
|
-
line: number;
|
|
11
|
-
};
|
|
12
|
-
endLoc: {
|
|
13
|
-
col: number;
|
|
14
|
-
line: number;
|
|
15
|
-
};
|
|
16
|
-
startBody: {
|
|
17
|
-
col: number;
|
|
18
|
-
line: number;
|
|
19
|
-
};
|
|
20
|
-
endBody: {
|
|
21
|
-
col: number;
|
|
22
|
-
line: number;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
"checked-checkbox-switch": {
|
|
26
|
-
startLoc: {
|
|
27
|
-
col: number;
|
|
28
|
-
line: number;
|
|
29
|
-
};
|
|
30
|
-
endLoc: {
|
|
31
|
-
col: number;
|
|
32
|
-
line: number;
|
|
33
|
-
};
|
|
34
|
-
startBody: {
|
|
35
|
-
col: number;
|
|
36
|
-
line: number;
|
|
37
|
-
};
|
|
38
|
-
endBody: {
|
|
39
|
-
col: number;
|
|
40
|
-
line: number;
|
|
41
|
-
};
|
|
42
|
-
};
|
|
43
|
-
"unchecked-disabled-checkbox-switch": {
|
|
44
|
-
startLoc: {
|
|
45
|
-
col: number;
|
|
46
|
-
line: number;
|
|
47
|
-
};
|
|
48
|
-
endLoc: {
|
|
49
|
-
col: number;
|
|
50
|
-
line: number;
|
|
51
|
-
};
|
|
52
|
-
startBody: {
|
|
53
|
-
col: number;
|
|
54
|
-
line: number;
|
|
55
|
-
};
|
|
56
|
-
endBody: {
|
|
57
|
-
col: number;
|
|
58
|
-
line: number;
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
"checked-disabled-checkbox-switch": {
|
|
62
|
-
startLoc: {
|
|
63
|
-
col: number;
|
|
64
|
-
line: number;
|
|
65
|
-
};
|
|
66
|
-
endLoc: {
|
|
67
|
-
col: number;
|
|
68
|
-
line: number;
|
|
69
|
-
};
|
|
70
|
-
startBody: {
|
|
71
|
-
col: number;
|
|
72
|
-
line: number;
|
|
73
|
-
};
|
|
74
|
-
endBody: {
|
|
75
|
-
col: number;
|
|
76
|
-
line: number;
|
|
77
|
-
};
|
|
78
|
-
};
|
|
79
|
-
};
|
|
80
|
-
};
|
|
81
|
-
};
|
|
82
|
-
title: string;
|
|
83
|
-
component: React.FC<import("../../../src/components/controls/types").IControlCheckboxProps>;
|
|
84
|
-
};
|
|
85
|
-
export default _default;
|
|
86
|
-
export declare const StandardCheckboxSwitch: () => JSX.Element;
|
|
87
|
-
export declare const CheckedCheckboxSwitch: () => JSX.Element;
|
|
88
|
-
export declare const UncheckedDisabledCheckboxSwitch: () => JSX.Element;
|
|
89
|
-
export declare const CheckedDisabledCheckboxSwitch: () => JSX.Element;
|