@dreamcommerce/aurora 2.4.3-5 → 2.4.3
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/controls/hoc/control_cell_selector/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +3 -3
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +4 -4
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/date_picker/components/common_ranges.js +1 -1
- package/build/cjs/packages/aurora/src/components/date_picker/components/days_grid.js +1 -1
- package/build/cjs/packages/aurora/src/components/date_picker/components/label.js +2 -2
- package/build/cjs/packages/aurora/src/components/date_picker/components/month_controller.js +3 -3
- package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_view.js +2 -2
- package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_controller.js +1 -1
- package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_picker_context_manager.js +1 -1
- package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js +2 -2
- package/build/cjs/packages/aurora/src/components/date_picker/components/pure_date_picker.js +2 -2
- package/build/cjs/packages/aurora/src/components/date_picker/components/single_day.js +2 -2
- package/build/cjs/packages/aurora/src/components/date_picker/hoc/range_picker.js +2 -2
- package/build/cjs/packages/aurora/src/components/date_picker/hoc/single_date_picker.js +1 -1
- package/build/cjs/packages/aurora/src/components/date_picker/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/content.js +26 -30
- package/build/cjs/packages/aurora/src/components/dropdown/components/content.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/option_multiple.js +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/select.js +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/utilities.js +5 -1
- package/build/cjs/packages/aurora/src/components/dropdown/utilities.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/hint/index.js +8 -21
- package/build/cjs/packages/aurora/src/components/hint/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/label/index.js +3 -2
- package/build/cjs/packages/aurora/src/components/label/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/loader/constants.js +8 -6
- package/build/cjs/packages/aurora/src/components/loader/constants.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/loader/css_classes.js +2 -0
- package/build/cjs/packages/aurora/src/components/loader/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/tooltip/index.js +1 -3
- package/build/cjs/packages/aurora/src/components/tooltip/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/date_picker/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/css/hint/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/css/loader/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/hooks/use_fixed_child_position.js +40 -0
- package/build/cjs/packages/aurora/src/hooks/use_fixed_child_position.js.map +1 -0
- package/build/cjs/packages/aurora/src/index.js +10 -10
- package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +3 -3
- package/build/esm/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +4 -4
- package/build/esm/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/types.d.ts +5 -1
- package/build/esm/packages/aurora/src/components/controls/types.js +1 -1
- package/build/esm/packages/aurora/src/components/controls/types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/components/common_ranges.js +2 -2
- package/build/esm/packages/aurora/src/components/date_picker/components/days_grid.js +4 -4
- package/build/esm/packages/aurora/src/components/date_picker/components/label.js +3 -3
- package/build/esm/packages/aurora/src/components/date_picker/components/month_controller.js +7 -7
- package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_view.js +3 -3
- package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_controller.js +5 -5
- package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_picker_context_manager.js +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js +3 -3
- package/build/esm/packages/aurora/src/components/date_picker/components/pure_date_picker.js +4 -4
- package/build/esm/packages/aurora/src/components/date_picker/components/single_day.js +4 -4
- package/build/esm/packages/aurora/src/components/date_picker/hoc/range_picker.js +4 -4
- package/build/esm/packages/aurora/src/components/date_picker/hoc/single_date_picker.js +2 -2
- package/build/esm/packages/aurora/src/components/date_picker/index.js +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/content.js +27 -31
- package/build/esm/packages/aurora/src/components/dropdown/components/content.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/option_multiple.js +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/select.js +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/types.d.ts +0 -1
- package/build/esm/packages/aurora/src/components/dropdown/utilities.d.ts +2 -1
- package/build/esm/packages/aurora/src/components/dropdown/utilities.js +5 -2
- package/build/esm/packages/aurora/src/components/dropdown/utilities.js.map +1 -1
- package/build/esm/packages/aurora/src/components/hint/index.d.ts +2 -2
- package/build/esm/packages/aurora/src/components/hint/index.js +8 -21
- package/build/esm/packages/aurora/src/components/hint/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/label/index.js +3 -2
- package/build/esm/packages/aurora/src/components/label/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/loader/constants.d.ts +8 -6
- package/build/esm/packages/aurora/src/components/loader/constants.js +9 -7
- package/build/esm/packages/aurora/src/components/loader/constants.js.map +1 -1
- package/build/esm/packages/aurora/src/components/loader/css_classes.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/loader/css_classes.js +2 -1
- package/build/esm/packages/aurora/src/components/loader/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/tooltip/index.js +1 -3
- package/build/esm/packages/aurora/src/components/tooltip/index.js.map +1 -1
- package/build/esm/packages/aurora/src/css/date_picker/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/css/hint/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/css/loader/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.js +34 -31
- package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.js.map +1 -1
- package/build/esm/packages/aurora/src/index.js +5 -5
- package/package.json +1 -1
|
@@ -1,14 +1,16 @@
|
|
|
1
|
-
import { cssLoaderSizeSmall, cssLoaderSizeLarge, cssLoaderSizeExtraLarge } from './css_classes.js';
|
|
1
|
+
import { cssLoaderSizeExtraSmall, cssLoaderSizeSmall, cssLoaderSizeLarge, cssLoaderSizeExtraLarge } from './css_classes.js';
|
|
2
2
|
|
|
3
3
|
const LOADER_SIZE = {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
xs: 'xs',
|
|
5
|
+
s: 's',
|
|
6
|
+
l: 'l',
|
|
7
|
+
xl: 'xl'
|
|
7
8
|
};
|
|
8
9
|
const LOADER_SIZE_CSS_CLASS_MAP = {
|
|
9
|
-
[LOADER_SIZE.
|
|
10
|
-
[LOADER_SIZE.
|
|
11
|
-
[LOADER_SIZE.
|
|
10
|
+
[LOADER_SIZE.xs]: cssLoaderSizeExtraSmall,
|
|
11
|
+
[LOADER_SIZE.s]: cssLoaderSizeSmall,
|
|
12
|
+
[LOADER_SIZE.l]: cssLoaderSizeLarge,
|
|
13
|
+
[LOADER_SIZE.xl]: cssLoaderSizeExtraLarge
|
|
12
14
|
};
|
|
13
15
|
|
|
14
16
|
export { LOADER_SIZE, LOADER_SIZE_CSS_CLASS_MAP };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
const cssLoader = 'loader';
|
|
2
|
+
const cssLoaderSizeExtraSmall = `${cssLoader}_xs`;
|
|
2
3
|
const cssLoaderSizeSmall = `${cssLoader}_s`;
|
|
3
4
|
const cssLoaderSizeLarge = `${cssLoader}_l`;
|
|
4
5
|
const cssLoaderSizeExtraLarge = `${cssLoader}_xl`;
|
|
5
6
|
|
|
6
|
-
export { cssLoader, cssLoaderSizeExtraLarge, cssLoaderSizeLarge, cssLoaderSizeSmall };
|
|
7
|
+
export { cssLoader, cssLoaderSizeExtraLarge, cssLoaderSizeExtraSmall, cssLoaderSizeLarge, cssLoaderSizeSmall };
|
|
7
8
|
//# sourceMappingURL=css_classes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -6,11 +6,9 @@ import { cssTooltip, cssTooltipContainer } from './css_classes.js';
|
|
|
6
6
|
import cssClasses from '../../css/tooltip/main.module.less.js';
|
|
7
7
|
|
|
8
8
|
const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
|
|
9
|
-
var _a;
|
|
10
9
|
const wrapperRef = useRef(null);
|
|
11
10
|
const [isOpen, toggleDropdown] = useToggle(false, onToggle);
|
|
12
11
|
const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
|
|
13
|
-
const wrapperWidth = (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;
|
|
14
12
|
const handleOnMouseEnter = () => {
|
|
15
13
|
toggleDropdown();
|
|
16
14
|
};
|
|
@@ -20,7 +18,7 @@ const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
|
|
|
20
18
|
return (React.createElement(DropdownContext.Provider, { value: value },
|
|
21
19
|
React.createElement("span", { className: cssClasses[cssTooltip], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
|
|
22
20
|
children,
|
|
23
|
-
!disabled && (React.createElement(Dropdown.Content, {
|
|
21
|
+
!disabled && (React.createElement(Dropdown.Content, { cssClass: cssClasses[cssTooltipContainer], horizontalPosition: left ? 'left' : 'right', verticalPosition: top ? 'top' : 'bottom' }, content)))));
|
|
24
22
|
};
|
|
25
23
|
|
|
26
24
|
export default Tooltip;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
3
|
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@media screen and (min-width: 577px) {\n .main-module_date-picker__ZqlVj {\n max-width: 16rem;\n }\n}\n@media screen and (max-width: 576px) {\n .main-module_date-picker__ZqlVj,\n .main-module_range-picker__2nqS6 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n }\n .main-module_date-picker__container__3Jt5v {\n flex-grow: 1;\n }\n .main-module_range-picker__2nqS6 .main-module_date-picker__container__3Jt5v:nth-child(1) {\n flex-grow: 1;\n }\n .main-module_range-picker__2nqS6 .main-module_date-picker__container__3Jt5v:nth-child(2) {\n display: none;\n }\n}\n.main-module_date-picker__container__3Jt5v {\n width: 100%;\n background: #ffffff;\n}\n.main-module_date-picker__common-ranges__3aEeE {\n margin: 0 1rem;\n}\n.main-module_date-picker__controller__1csI7 {\n display: flex;\n align-items: center;\n margin: 0.5rem 1rem;\n}\n.main-module_date-picker__controller-arrow__2ip9A {\n border-color: #135cc8;\n border-style: solid;\n width: 0.5rem;\n height: 0.5rem;\n cursor: pointer;\n border-bottom-width: 1px;\n border-right-width: 1px;\n border-top-width: 0;\n border-left-width: 0;\n}\n.main-module_date-picker__controller-arrow_left__1FemM {\n transform: rotate(135deg);\n}\n.main-module_date-picker__controller-arrow_right__2e84W {\n transform: rotate(-45deg);\n}\n.main-module_date-picker__controller-title__3wWrg {\n cursor: pointer;\n text-transform: capitalize;\n text-align: center;\n color: #135cc8;\n flex-grow: 1;\n display: block;\n}\n.main-module_date-picker__label-icon__38IQW {\n height: 1.5rem;\n fill: #135cc8;\n}\n.main-module_date-picker__days-grid__3VC3X {\n width: 100%;\n}\n.main-module_date-picker__days-grid-row__32HHK {\n display: -ms-grid;\n display: grid;\n margin: auto;\n padding: 0.5rem 1rem 0;\n -ms-grid-columns: auto auto auto auto auto auto auto;\n grid-template-columns: auto auto auto auto auto auto auto;\n}\n.main-module_date-picker__days-grid-week-name__k47gT {\n text-align: center;\n text-transform: capitalize;\n color: #abb4cd;\n}\n.main-module_date-picker__day-text_today__2dJSg {\n color: #2d3748;\n background-color: rgba(245, 245, 245, 0.5);\n border-radius: 1rem;\n}\n.main-module_date-picker__day-text_selected__2shDu {\n background: white;\n border: 2px solid #3c83ec;\n color: #5c657e;\n transition: 0.1s color;\n}\n.main-module_date-picker__day-text_rounded-borders__3JVfx {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 2rem;\n height: calc(2rem - 4px);\n border-radius: 1rem;\n}\n.main-module_date-picker__day-text_navigation__nAkfO {\n background: #5c657e;\n color: #ffffff;\n}\n.main-module_date-picker__day__2qClw {\n width: 2rem;\n height: 2rem;\n justify-content: center;\n -ms-grid-column-align: center;\n justify-self: center;\n align-items: center;\n display: inline-flex;\n color: #5c657e;\n text-align: center;\n cursor: pointer;\n}\n.main-module_date-picker__day_blocked__1reCa {\n color: #cccccc;\n}\n.main-module_date-picker__day_in-range__sRkO_ {\n transition: 0.3s background-color, 0.2s color;\n background: #3c83ec;\n color: #ffffff;\n}\n.main-module_date-picker__day_proposed__3Wv7O {\n background-color: #6fb9f7;\n}\n.main-module_date-picker__day_navigation__39Z6G {\n background: #5c657e;\n color: #ffffff;\n}\n.main-module_date-picker__day_range-end-left__2nlsF {\n background: linear-gradient(to left, #3c83ec, #3c83ec 50%, #ffffff 50%);\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n}\n.main-module_date-picker__day_range-end-left-proposed__38kpH {\n background: linear-gradient(to left, #6fb9f7, #6fb9f7 50%, #ffffff 50%);\n}\n.main-module_date-picker__day_range-end-right__1137l {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n background: linear-gradient(to right, #3c83ec, #3c83ec 50%, #ffffff 50%);\n}\n.main-module_date-picker__day_range-end-right-proposed__HBi_C {\n background: linear-gradient(to right, #6fb9f7, #6fb9f7 50%, #ffffff 50%);\n}\n.main-module_date-picker__month-table__1Edhl {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: 4fr 4fr 4fr;\n grid-template-columns: 4fr 4fr 4fr;\n}\n.main-module_date-picker__month-table-item__1nkBu {\n text-align: center;\n padding: 0.5rem;\n color: #5c657e;\n text-transform: capitalize;\n cursor: pointer;\n}\n.main-module_date-picker__month-table-item_selected__2kb5V {\n font-weight: 600;\n color: #3c83ec;\n border-radius: 1.5rem;\n}\n.main-module_range-picker__2nqS6 {\n flex-grow: 1;\n}\n.main-module_range-picker__container__Z23eL {\n display: flex;\n flex-grow: 1;\n}\n";
|
|
4
|
-
var
|
|
4
|
+
var cssClasses = {"date-picker":"main-module_date-picker__ZqlVj","range-picker":"main-module_range-picker__2nqS6","date-picker__container":"main-module_date-picker__container__3Jt5v","date-picker__common-ranges":"main-module_date-picker__common-ranges__3aEeE","date-picker__controller":"main-module_date-picker__controller__1csI7","date-picker__controller-arrow":"main-module_date-picker__controller-arrow__2ip9A","date-picker__controller-arrow_left":"main-module_date-picker__controller-arrow_left__1FemM","date-picker__controller-arrow_right":"main-module_date-picker__controller-arrow_right__2e84W","date-picker__controller-title":"main-module_date-picker__controller-title__3wWrg","date-picker__label-icon":"main-module_date-picker__label-icon__38IQW","date-picker__days-grid":"main-module_date-picker__days-grid__3VC3X","date-picker__days-grid-row":"main-module_date-picker__days-grid-row__32HHK","date-picker__days-grid-week-name":"main-module_date-picker__days-grid-week-name__k47gT","date-picker__day-text_today":"main-module_date-picker__day-text_today__2dJSg","date-picker__day-text_selected":"main-module_date-picker__day-text_selected__2shDu","date-picker__day-text_rounded-borders":"main-module_date-picker__day-text_rounded-borders__3JVfx","date-picker__day-text_navigation":"main-module_date-picker__day-text_navigation__nAkfO","date-picker__day":"main-module_date-picker__day__2qClw","date-picker__day_blocked":"main-module_date-picker__day_blocked__1reCa","date-picker__day_in-range":"main-module_date-picker__day_in-range__sRkO_","date-picker__day_proposed":"main-module_date-picker__day_proposed__3Wv7O","date-picker__day_navigation":"main-module_date-picker__day_navigation__39Z6G","date-picker__day_range-end-left":"main-module_date-picker__day_range-end-left__2nlsF","date-picker__day_range-end-left-proposed":"main-module_date-picker__day_range-end-left-proposed__38kpH","date-picker__day_range-end-right":"main-module_date-picker__day_range-end-right__1137l","date-picker__day_range-end-right-proposed":"main-module_date-picker__day_range-end-right-proposed__HBi_C","date-picker__month-table":"main-module_date-picker__month-table__1Edhl","date-picker__month-table-item":"main-module_date-picker__month-table-item__1nkBu","date-picker__month-table-item_selected":"main-module_date-picker__month-table-item_selected__2kb5V","range-picker__container":"main-module_range-picker__container__Z23eL"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
|
-
export default
|
|
7
|
+
export default cssClasses;
|
|
8
8
|
//# sourceMappingURL=main.module.less.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint_spacing-left__1dKcO {\n margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n color: #3c83ec;\n}\n.main-module_hint__content__IIh3W {\n min-width: 258px;\n max-width: 500px;\n padding: 1rem;\n text-align: left;\n background-color: #ffffff;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n border-radius: 3px;\n}\n.main-module_hint__content_yellow__3NyBP {\n background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP::before {\n border-color: transparent transparent #fff6cc transparent;\n}\n";
|
|
4
|
-
var styles = {"hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.main-module_hint_spacing-left__1dKcO {\n margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n color: #3c83ec;\n}\n.main-module_hint__3cahT:hover .main-module_hint__content__IIh3W {\n display: block;\n}\n.main-module_hint__content__IIh3W {\n min-width: 258px;\n max-width: 500px;\n position: absolute;\n display: none;\n right: -0.25rem;\n top: 150%;\n z-index: 6;\n padding: 1rem;\n text-align: left;\n background-color: #ffffff;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n border-radius: 3px;\n}\n.main-module_hint__content__IIh3W::after {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n right: 4px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_hint__content__IIh3W::before {\n content: '';\n position: absolute;\n top: -20px;\n right: 0;\n display: block;\n width: 200px;\n height: 20px;\n}\n.main-module_hint__content_yellow__3NyBP {\n background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP::after {\n border-color: transparent transparent #fff6cc transparent;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W {\n right: auto;\n left: 0;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::before {\n left: 0;\n right: auto;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::after {\n right: auto;\n left: 4px;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W {\n bottom: 150%;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::before {\n bottom: -20px;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::after {\n bottom: -14px;\n top: auto;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content_yellow__3NyBP::after {\n border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint_horizontal-center__2Kuvh {\n position: inherit;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W {\n top: auto;\n left: 0;\n right: 0;\n width: 100%;\n margin-top: 0.25rem;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W::after {\n display: none;\n}\n.main-module_hint_link__RsB7x .main-module_hint__content__IIh3W::before {\n top: -8px;\n height: 8px;\n}\n";
|
|
4
|
+
var styles = {"hint":"main-module_hint__3cahT","hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint__content":"main-module_hint__content__IIh3W","hint__content_yellow":"main-module_hint__content_yellow__3NyBP","hint_right":"main-module_hint_right__21Xe4","hint_top":"main-module_hint_top__pxKX0","hint_horizontal-center":"main-module_hint_horizontal-center__2Kuvh","hint_link":"main-module_hint_link__RsB7x"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export default styles;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_loader__2k0x_ {\n display: inline-block;\n vertical-align: middle;\n width: 16px;\n height: 16px;\n border-style: solid;\n border-width: 1.5px;\n border-color: #ececec #ececec #ececec #3c83ec;\n border-radius: 50%;\n transform: translateZ(0);\n -webkit-animation: main-module_load__1yy35 1.1s infinite linear;\n animation: main-module_load__1yy35 1.1s infinite linear;\n}\n.main-module_loader_s__3DDj4 {\n width: 12px;\n height: 12px;\n}\n.main-module_loader_l__1X43e {\n width: 24px;\n height: 24px;\n}\n.main-module_loader_xl__2hfeE {\n width: 30px;\n height: 30px;\n}\n@-webkit-keyframes main-module_load__1yy35 {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n@keyframes main-module_load__1yy35 {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n";
|
|
4
|
-
var cssClasses = {"loader":"main-module_loader__2k0x_","load":"main-module_load__1yy35","loader_s":"main-module_loader_s__3DDj4","loader_l":"main-module_loader_l__1X43e","loader_xl":"main-module_loader_xl__2hfeE"};
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_loader__2k0x_ {\n display: inline-block;\n vertical-align: middle;\n width: 16px;\n height: 16px;\n border-style: solid;\n border-width: 1.5px;\n border-color: #ececec #ececec #ececec #3c83ec;\n border-radius: 50%;\n transform: translateZ(0);\n -webkit-animation: main-module_load__1yy35 1.1s infinite linear;\n animation: main-module_load__1yy35 1.1s infinite linear;\n}\n.main-module_loader_xs__3JXYp {\n width: 8px;\n height: 8px;\n}\n.main-module_loader_s__3DDj4 {\n width: 12px;\n height: 12px;\n}\n.main-module_loader_l__1X43e {\n width: 24px;\n height: 24px;\n}\n.main-module_loader_xl__2hfeE {\n width: 30px;\n height: 30px;\n}\n@-webkit-keyframes main-module_load__1yy35 {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n@keyframes main-module_load__1yy35 {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n";
|
|
4
|
+
var cssClasses = {"loader":"main-module_loader__2k0x_","load":"main-module_load__1yy35","loader_xs":"main-module_loader_xs__3JXYp","loader_s":"main-module_loader_s__3DDj4","loader_l":"main-module_loader_l__1X43e","loader_xl":"main-module_loader_xl__2hfeE"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export default cssClasses;
|
|
@@ -1,33 +1,36 @@
|
|
|
1
1
|
import { useState } from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
2
|
+
|
|
3
|
+
const useFixedChildPosition = ({ useFixed, childRef, vPosition, hPosition }) => {
|
|
4
|
+
const [position, setPosition] = useState({ top: 0, left: 0 });
|
|
5
|
+
if (!useFixed) {
|
|
6
|
+
return {
|
|
7
|
+
style: {},
|
|
8
|
+
onMouseEnter: () => { }
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
const onMouseEnter = (event) => {
|
|
12
|
+
var _a;
|
|
13
|
+
const $hoveredElement = event.target;
|
|
14
|
+
const parentBoundingRect = $hoveredElement.getBoundingClientRect();
|
|
15
|
+
const childBoundingRect = ((_a = childRef === null || childRef === void 0 ? void 0 : childRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || { width: 0, height: 0 };
|
|
16
|
+
const top = vPosition === 'top'
|
|
17
|
+
? parentBoundingRect.top - 0.5 * parentBoundingRect.height - childBoundingRect.height
|
|
18
|
+
: parentBoundingRect.top + parentBoundingRect.height;
|
|
19
|
+
const left = hPosition === 'left' ? parentBoundingRect.left + parentBoundingRect.width - childBoundingRect.width : parentBoundingRect.left;
|
|
20
|
+
setPosition({ top, left });
|
|
21
|
+
};
|
|
22
|
+
const style = {
|
|
23
|
+
position: 'fixed',
|
|
24
|
+
top: position.top,
|
|
25
|
+
left: position.left,
|
|
26
|
+
bottom: 'unset',
|
|
27
|
+
right: 'unset'
|
|
28
|
+
};
|
|
29
|
+
return {
|
|
30
|
+
style,
|
|
31
|
+
onMouseEnter
|
|
32
|
+
};
|
|
32
33
|
};
|
|
33
|
-
|
|
34
|
+
|
|
35
|
+
export { useFixedChildPosition };
|
|
36
|
+
//# sourceMappingURL=use_fixed_child_position.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
|
|
@@ -8,17 +8,17 @@ export { default as IconTick } from './assets/icon_tick.js';
|
|
|
8
8
|
export { default as Stack } from './components/stack/index.js';
|
|
9
9
|
export { default as Label } from './components/label/index.js';
|
|
10
10
|
export { default as Control } from './components/controls/index.js';
|
|
11
|
-
export { default as IconArrow } from './assets/icon_arrow.js';
|
|
12
|
-
export { default as ControlCheckbox } from './components/controls/hoc/control_checkbox/index.js';
|
|
13
|
-
export { useToggle } from './components/dropdown/hooks/use_toggle.js';
|
|
14
|
-
export { default as Dropdown } from './components/dropdown/index.js';
|
|
15
11
|
export { default as Hint } from './components/hint/index.js';
|
|
16
12
|
export { default as ControlCellSelector } from './components/controls/hoc/control_cell_selector/index.js';
|
|
13
|
+
export { default as ControlCheckbox } from './components/controls/hoc/control_checkbox/index.js';
|
|
17
14
|
export { default as ControlCheckboxSwitch } from './components/controls/hoc/control_checkbox_switch/index.js';
|
|
15
|
+
export { default as IconArrow } from './assets/icon_arrow.js';
|
|
16
|
+
export { useToggle } from './components/dropdown/hooks/use_toggle.js';
|
|
17
|
+
export { default as Dropdown } from './components/dropdown/index.js';
|
|
18
18
|
export { default as ControlColorPicker } from './components/controls/hoc/control_color_picker/index.js';
|
|
19
|
+
export { default as IconCalendar } from './assets/icon_calendar.js';
|
|
19
20
|
export { default as Select } from './components/dropdown/hoc/select/index.js';
|
|
20
21
|
export { default as Datepicker } from './components/date_picker/index.js';
|
|
21
|
-
export { default as IconCalendar } from './assets/icon_calendar.js';
|
|
22
22
|
export { default as ControlDatepicker } from './components/controls/hoc/control_date_picker/index.js';
|
|
23
23
|
export { default as FilePicker } from './components/file_picker/index.js';
|
|
24
24
|
export { default as ControlFilePicker } from './components/controls/hoc/control_file_picker/index.js';
|