@itcase/ui 1.2.30 → 1.2.31
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/{Badge-TyPbVqR_.js → Badge-BMKD9teI.js} +6 -2
- package/dist/{Badge-BZYBmgBK.js → Badge-DQnTpE4I.js} +6 -2
- package/dist/{Button-avhviao1.js → Button-DS2l65oq.js} +4 -4
- package/dist/{Button-BcOsYgoT.js → Button-x4mnZJoS.js} +3 -3
- package/dist/Divider-3upWnf8a.js +71 -0
- package/dist/Divider-DE2Q5J36.js +68 -0
- package/dist/{DropdownItem-toApJyeB.js → DropdownItem-CT9Dmiub.js} +38 -14
- package/dist/DropdownItem-DzDP45iO.js +179 -0
- package/dist/{Icon-ClsRaxDk.js → Icon-B7BJo5kW.js} +14 -19
- package/dist/{Icon-B2BwTQnP.js → Icon-PoesVPJn.js} +13 -18
- package/dist/{Input-BaicBuyd.js → Input-DXbt_RWB.js} +1 -2
- package/dist/{Input-DbzsXvEf.js → Input-HGM-rzzr.js} +1 -2
- package/dist/{Label-fp2Bus_T.js → Label-BBm19sQ-.js} +3 -6
- package/dist/{Label-BfotYOmD.js → Label-Chm6tl6E.js} +3 -6
- package/dist/{Link-CzC1kU5C.js → Link-CeQuavin.js} +1 -1
- package/dist/Loader-CqEocvjh.js +56 -0
- package/dist/Loader-DRTOGvF1.js +59 -0
- package/dist/{MenuItem-BJ3uGKCH.js → MenuItem-DPJ_9FxW.js} +14 -3
- package/dist/{MenuItem-BEYVY0Vf.js → MenuItem-zHzWXIvQ.js} +15 -4
- package/dist/{Scrollbar-CrGXCZ_F.js → Scrollbar-Bo7z7ELm.js} +10 -13
- package/dist/{Scrollbar-DVlIZzvz.js → Scrollbar-CKbA0jQU.js} +10 -13
- package/dist/{Text-CC0xnhmx.js → Text-1b-Bk7yG.js} +3 -4
- package/dist/{Text-kxGZButz.js → Text-DlSG_p4u.js} +3 -4
- package/dist/{Title-CQ_Fr1hO.js → Title-mkus84Rh.js} +3 -6
- package/dist/{Title-Ze_OL1Co.js → Title-o5ofk8ge.js} +3 -6
- package/dist/{Tooltip-PrwacZFC.js → Tooltip-CNJN2lf5.js} +19 -3
- package/dist/{Tooltip-ccRCMYQM.js → Tooltip-f5EWhsGj.js} +19 -3
- package/dist/appearance/Avatar.js +5 -0
- package/dist/appearance/Code.js +5 -0
- package/dist/appearance/Divider.js +5 -0
- package/dist/appearance/DropdownItem.js +5 -0
- package/dist/appearance/Modal.js +5 -0
- package/dist/appearance/Response.js +95 -21
- package/dist/appearance/SiteMenu.js +5 -0
- package/dist/appearance/Switch.js +5 -0
- package/dist/appearance/Tile.js +5 -0
- package/dist/cjs/appearance/Avatar.js +7 -0
- package/dist/cjs/appearance/Code.js +7 -0
- package/dist/cjs/appearance/Divider.js +7 -0
- package/dist/cjs/appearance/DropdownItem.js +7 -0
- package/dist/cjs/appearance/Modal.js +7 -0
- package/dist/cjs/appearance/Response.js +95 -21
- package/dist/cjs/appearance/SiteMenu.js +7 -0
- package/dist/cjs/appearance/Switch.js +7 -0
- package/dist/cjs/appearance/Tile.js +7 -0
- package/dist/cjs/components/Accordion.js +6 -6
- package/dist/cjs/components/Avatar.js +22 -8
- package/dist/cjs/components/Badge.js +2 -3
- package/dist/cjs/components/Breadcrumbs.js +4 -8
- package/dist/cjs/components/Button.js +7 -8
- package/dist/cjs/components/Caption.js +0 -1
- package/dist/cjs/components/Card.js +3 -12
- package/dist/cjs/components/Cell.js +7 -12
- package/dist/cjs/components/Checkbox.js +1 -5
- package/dist/cjs/components/Chips.js +1 -2
- package/dist/cjs/components/Choice.js +6 -7
- package/dist/cjs/components/Code.js +31 -10
- package/dist/cjs/components/ContextMenu.js +9 -21
- package/dist/cjs/components/CookiesWarning.js +9 -15
- package/dist/cjs/components/DadataHintField.js +1 -2
- package/dist/cjs/components/DatePicker.js +8 -9
- package/dist/cjs/components/Divider.js +3 -2
- package/dist/cjs/components/Dot.js +1 -3
- package/dist/cjs/components/Dropdown.js +6 -4
- package/dist/cjs/components/Flex.js +0 -1
- package/dist/cjs/components/Grid.js +1 -8
- package/dist/cjs/components/Group.js +0 -1
- package/dist/cjs/components/HTMLContent.js +0 -1
- package/dist/cjs/components/Icon.js +5 -6
- package/dist/cjs/components/Image.js +0 -1
- package/dist/cjs/components/Input.js +1 -2
- package/dist/cjs/components/InputMask.js +7 -9
- package/dist/cjs/components/InputPassword.js +5 -6
- package/dist/cjs/components/Label.js +4 -5
- package/dist/cjs/components/LanguageSelector.js +5 -6
- package/dist/cjs/components/Link.js +0 -1
- package/dist/cjs/components/List.js +0 -1
- package/dist/cjs/components/Loader.js +2 -3
- package/dist/cjs/components/Logo.js +0 -1
- package/dist/cjs/components/Menu.js +2 -3
- package/dist/cjs/components/MenuItem.js +2 -3
- package/dist/cjs/components/Modal.js +27 -7
- package/dist/cjs/components/ModalSheetBottom.js +34 -0
- package/dist/cjs/components/Notification.js +7 -6
- package/dist/cjs/components/Overlay.js +0 -1
- package/dist/cjs/components/Page.js +3 -46
- package/dist/cjs/components/Pagination.js +8 -7
- package/dist/cjs/components/Panel.js +1 -2
- package/dist/cjs/components/Radio.js +1 -3
- package/dist/cjs/components/RangeSlider.js +0 -1
- package/dist/cjs/components/Response.js +20 -15
- package/dist/cjs/components/SVGContent.js +0 -1
- package/dist/cjs/components/ScrollOnDrag.js +0 -1
- package/dist/cjs/components/ScrollToView.js +0 -1
- package/dist/cjs/components/Scrollbar.js +1 -1
- package/dist/cjs/components/Search.js +9 -12
- package/dist/cjs/components/Segmented.js +1 -2
- package/dist/cjs/components/Select.js +7 -7
- package/dist/cjs/components/SiteMenu.js +18 -8
- package/dist/cjs/components/Swiper.js +6 -8
- package/dist/cjs/components/Switch.js +12 -3
- package/dist/cjs/components/Tab.js +4 -4
- package/dist/cjs/components/Text.js +1 -2
- package/dist/cjs/components/Textarea.js +0 -1
- package/dist/cjs/components/Tile.js +22 -6
- package/dist/cjs/components/Title.js +1 -2
- package/dist/cjs/components/Tooltip.js +3 -4
- package/dist/cjs/components/Video.js +0 -1
- package/dist/cjs/components/Wrapper.js +3 -8
- package/dist/cjs/context/Notifications.js +0 -5
- package/dist/cjs/context/UIContext.js +0 -9
- package/dist/cjs/hooks/useDeviceTargetClass.js +0 -1
- package/dist/cjs/hooks/useStyles.js +0 -1
- package/dist/components/Accordion.js +8 -8
- package/dist/components/Avatar.js +23 -10
- package/dist/components/Badge.js +2 -3
- package/dist/components/Breadcrumbs.js +6 -10
- package/dist/components/Button.js +8 -9
- package/dist/components/Caption.js +0 -1
- package/dist/components/Card.js +3 -12
- package/dist/components/Cell.js +8 -13
- package/dist/components/Checkbox.js +1 -5
- package/dist/components/Chips.js +1 -2
- package/dist/components/Choice.js +7 -8
- package/dist/components/Code.js +32 -12
- package/dist/components/ContextMenu.js +10 -22
- package/dist/components/CookiesWarning.js +10 -16
- package/dist/components/DadataHintField.js +2 -3
- package/dist/components/DatePicker.js +10 -11
- package/dist/components/Divider.js +2 -2
- package/dist/components/Dot.js +1 -3
- package/dist/components/Dropdown.js +7 -6
- package/dist/components/Flex.js +0 -1
- package/dist/components/Grid.js +1 -8
- package/dist/components/Group.js +0 -1
- package/dist/components/HTMLContent.js +0 -1
- package/dist/components/Icon.js +6 -7
- package/dist/components/Image.js +0 -1
- package/dist/components/Input.js +1 -2
- package/dist/components/InputMask.js +7 -9
- package/dist/components/InputPassword.js +6 -7
- package/dist/components/Label.js +4 -5
- package/dist/components/LanguageSelector.js +6 -7
- package/dist/components/Link.js +2 -3
- package/dist/components/List.js +2 -3
- package/dist/components/Loader.js +2 -3
- package/dist/components/Logo.js +2 -3
- package/dist/components/Menu.js +4 -5
- package/dist/components/MenuItem.js +4 -5
- package/dist/components/Modal.js +27 -8
- package/dist/components/ModalSheetBottom.js +32 -0
- package/dist/components/Notification.js +8 -7
- package/dist/components/Overlay.js +0 -1
- package/dist/components/Page.js +3 -46
- package/dist/components/Pagination.js +10 -9
- package/dist/components/Panel.js +1 -2
- package/dist/components/Radio.js +1 -3
- package/dist/components/RangeSlider.js +0 -1
- package/dist/components/Response.js +21 -16
- package/dist/components/SVGContent.js +0 -1
- package/dist/components/ScrollOnDrag.js +1 -2
- package/dist/components/ScrollToView.js +0 -1
- package/dist/components/Scrollbar.js +1 -1
- package/dist/components/Search.js +10 -13
- package/dist/components/Segmented.js +1 -2
- package/dist/components/Select.js +9 -9
- package/dist/components/SiteMenu.js +19 -10
- package/dist/components/Swiper.js +6 -8
- package/dist/components/Switch.js +12 -4
- package/dist/components/Tab.js +6 -6
- package/dist/components/Text.js +1 -2
- package/dist/components/Textarea.js +0 -1
- package/dist/components/Tile.js +22 -7
- package/dist/components/Title.js +1 -2
- package/dist/components/Tooltip.js +3 -4
- package/dist/components/Video.js +0 -1
- package/dist/components/Wrapper.js +3 -8
- package/dist/context/Notifications.js +1 -6
- package/dist/context/UIContext.js +0 -9
- package/dist/css/components/ModalSheetBottom/ModalSheetBottom.css +29 -0
- package/dist/hooks/useDeviceTargetClass.js +0 -1
- package/dist/hooks/useStyles.js +0 -1
- package/dist/stories/Response.stories.js +38 -12
- package/dist/{tslib.es6-w7hdJ3oZ.js → tslib.es6-5FtW-kfi.js} +1 -1
- package/dist/types/appearance/Avatar/index.d.ts +2 -0
- package/dist/types/appearance/Code/index.d.ts +2 -0
- package/dist/types/appearance/Divider/index.d.ts +2 -0
- package/dist/types/appearance/DropdownItem/index.d.ts +2 -0
- package/dist/types/appearance/Modal/index.d.ts +2 -0
- package/dist/types/appearance/SiteMenu/index.d.ts +2 -0
- package/dist/types/appearance/Switch/index.d.ts +2 -0
- package/dist/types/appearance/Tile/index.d.ts +2 -0
- package/dist/types/components/Avatar/Avatar.d.ts +3 -2
- package/dist/types/components/Avatar/Avatar.interface.d.ts +25 -11
- package/dist/types/components/Avatar/index.d.ts +1 -1
- package/dist/types/components/Badge/Badge.d.ts +6 -0
- package/dist/types/components/Breadcrumbs/BreadcrumbsItem.d.ts +0 -5
- package/dist/types/components/Button/Button.interface.d.ts +6 -6
- package/dist/types/components/Card/Card.d.ts +0 -10
- package/dist/types/components/Cell/Cell.d.ts +0 -6
- package/dist/types/components/Checkbox/Checkbox.d.ts +0 -5
- package/dist/types/components/Code/Code.d.ts +6 -8
- package/dist/types/components/Code/Code.interface.d.ts +21 -2
- package/dist/types/components/Code/index.d.ts +1 -1
- package/dist/types/components/ContextMenu/ContextMenu.d.ts +0 -5
- package/dist/types/components/CookiesWarning/CookiesWarning.d.ts +0 -7
- package/dist/types/components/Divider/Divider.d.ts +3 -2
- package/dist/types/components/Divider/Divider.interface.d.ts +11 -0
- package/dist/types/components/Divider/index.d.ts +1 -1
- package/dist/types/components/Dot/Dot.d.ts +0 -3
- package/dist/types/components/Dropdown/Dropdown.d.ts +0 -7
- package/dist/types/components/Dropdown/Dropdown.interface.d.ts +28 -15
- package/dist/types/components/Dropdown/DropdownItem.d.ts +5 -4
- package/dist/types/components/Dropdown/index.d.ts +2 -2
- package/dist/types/components/Grid/Grid.d.ts +0 -5
- package/dist/types/components/Grid/GridRow.d.ts +0 -5
- package/dist/types/components/Label/Label.d.ts +0 -5
- package/dist/types/components/Loader/Loader.interface.d.ts +3 -3
- package/dist/types/components/MenuItem/MenuItem.interface.d.ts +2 -2
- package/dist/types/components/Modal/Modal.d.ts +3 -2
- package/dist/types/components/Modal/Modal.interface.d.ts +22 -6
- package/dist/types/components/Modal/index.d.ts +2 -2
- package/dist/types/components/ModalSheetBottom/ModalSheetBottom.d.ts +3 -0
- package/dist/types/components/ModalSheetBottom/ModalSheetBottom.interface.d.ts +11 -0
- package/dist/types/components/ModalSheetBottom/index.d.ts +1 -0
- package/dist/types/components/Notification/Notification.interface.d.ts +8 -7
- package/dist/types/components/Page/Page.d.ts +3 -0
- package/dist/types/components/Page/Page.interface.d.ts +18 -0
- package/dist/types/components/Page/index.d.ts +1 -42
- package/dist/types/components/Radio/Radio.d.ts +0 -1
- package/dist/types/components/Response/Response.interface.d.ts +4 -4
- package/dist/types/components/Scrollbar/Scrollbar.d.ts +0 -5
- package/dist/types/components/Search/Search.interface.d.ts +9 -9
- package/dist/types/components/SiteMenu/SiteMenu.d.ts +3 -2
- package/dist/types/components/SiteMenu/SiteMenu.interface.d.ts +18 -5
- package/dist/types/components/SiteMenu/index.d.ts +2 -2
- package/dist/types/components/Swiper/Swiper.d.ts +0 -1
- package/dist/types/components/Switch/Switch.d.ts +3 -2
- package/dist/types/components/Switch/Switch.interface.d.ts +17 -4
- package/dist/types/components/Switch/index.d.ts +1 -1
- package/dist/types/components/Text/Text.d.ts +0 -5
- package/dist/types/components/Text/Text.interface.d.ts +1 -1
- package/dist/types/components/Tile/Tile.d.ts +3 -2
- package/dist/types/components/Tile/Tile.interface.d.ts +21 -9
- package/dist/types/components/Tile/index.d.ts +1 -1
- package/dist/types/components/Title/Title.d.ts +0 -5
- package/dist/types/components/Wrapper/Wrapper.d.ts +0 -6
- package/dist/types/context/Notifications.d.ts +0 -7
- package/dist/types/context/UIContext.d.ts +10 -2
- package/dist/types/icons/index.d.ts +2 -2
- package/dist/types/types/componentProps/appearanceKeys.d.ts +1 -1
- package/package.json +12 -15
- package/dist/Divider-BjB5MD6u.js +0 -50
- package/dist/Divider-U5UdY-ef.js +0 -48
- package/dist/DropdownItem-CFkRx8LX.js +0 -156
- package/dist/Loader-CU_5Ydmy.js +0 -53
- package/dist/Loader-Ck59IXGG.js +0 -56
- package/dist/types/constants/componentProps/align.d.ts +0 -2
- package/dist/types/constants/componentProps/alignDirection.d.ts +0 -2
- package/dist/types/constants/componentProps/fill.d.ts +0 -2
- package/dist/types/constants/componentProps/horizontalResizeMode.d.ts +0 -2
- package/dist/types/constants/componentProps/position.d.ts +0 -2
- package/dist/types/constants/componentProps/verticalResizeMode.d.ts +0 -2
- /package/dist/css/{styles → mediaqueries}/mediaqueries.css +0 -0
|
@@ -1,14 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var PropTypes = require('prop-types');
|
|
5
4
|
var clsx = require('clsx');
|
|
6
|
-
var alignDirection = require('../constants/componentProps/alignDirection.js');
|
|
7
|
-
var align = require('../constants/componentProps/align.js');
|
|
8
|
-
var fill = require('../constants/componentProps/fill.js');
|
|
9
|
-
var horizontalResizeMode = require('../constants/componentProps/horizontalResizeMode.js');
|
|
10
|
-
var position = require('../constants/componentProps/position.js');
|
|
11
|
-
var verticalResizeMode = require('../constants/componentProps/verticalResizeMode.js');
|
|
12
5
|
var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
13
6
|
var useStyles = require('../hooks/useStyles.js');
|
|
14
7
|
require('react');
|
|
@@ -22,7 +15,7 @@ require('lodash/upperFirst');
|
|
|
22
15
|
require('../hooks/styleAttributes.js');
|
|
23
16
|
|
|
24
17
|
function Page(props) {
|
|
25
|
-
var
|
|
18
|
+
var id = props.id, children = props.children, after = props.after, before = props.before, className = props.className, type = props.type;
|
|
26
19
|
var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
27
20
|
prefix: 'align_',
|
|
28
21
|
propsKey: 'alignDirection',
|
|
@@ -47,45 +40,9 @@ function Page(props) {
|
|
|
47
40
|
prefix: 'position_',
|
|
48
41
|
propsKey: 'position',
|
|
49
42
|
});
|
|
43
|
+
// @ts-expect-error
|
|
50
44
|
var _a = useStyles.useStyles(props), styles = _a.styles, wrapperStyles = _a.wrapper;
|
|
51
|
-
return (jsxRuntime.jsx("div", {
|
|
45
|
+
return (jsxRuntime.jsx("div", { className: clsx('page', className, type && "".concat(className, "_type_").concat(type), fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass), id: id, style: styles, children: jsxRuntime.jsxs("div", { className: clsx('page__wrapper', alignDirectionClass, alignClass, 'content'), style: wrapperStyles, children: [before, children, after] }) }));
|
|
52
46
|
}
|
|
53
|
-
Page.propTypes = {
|
|
54
|
-
children: PropTypes.any,
|
|
55
|
-
className: PropTypes.string,
|
|
56
|
-
before: PropTypes.string,
|
|
57
|
-
after: PropTypes.string,
|
|
58
|
-
id: PropTypes.string,
|
|
59
|
-
fill: PropTypes.oneOf(fill.default),
|
|
60
|
-
fillMobile: PropTypes.oneOf(fill.default),
|
|
61
|
-
fillTablet: PropTypes.oneOf(fill.default),
|
|
62
|
-
fillDesktop: PropTypes.oneOf(fill.default),
|
|
63
|
-
type: PropTypes.string,
|
|
64
|
-
tag: PropTypes.string,
|
|
65
|
-
position: PropTypes.oneOf(position.default),
|
|
66
|
-
positionMobile: PropTypes.oneOf(position.default),
|
|
67
|
-
positionTablet: PropTypes.oneOf(position.default),
|
|
68
|
-
positionDesktop: PropTypes.oneOf(position.default),
|
|
69
|
-
wrapperPosition: PropTypes.oneOf(position.default),
|
|
70
|
-
wrapperPositionMobile: PropTypes.oneOf(position.default),
|
|
71
|
-
wrapperPositionTablet: PropTypes.oneOf(position.default),
|
|
72
|
-
wrapperPositionDesktop: PropTypes.oneOf(position.default),
|
|
73
|
-
horizontalResizing: PropTypes.oneOf(horizontalResizeMode.default),
|
|
74
|
-
horizontalResizingMobile: PropTypes.oneOf(horizontalResizeMode.default),
|
|
75
|
-
horizontalResizingTablet: PropTypes.oneOf(horizontalResizeMode.default),
|
|
76
|
-
horizontalResizingDesktop: PropTypes.oneOf(horizontalResizeMode.default),
|
|
77
|
-
verticalResizing: PropTypes.oneOf(verticalResizeMode.default),
|
|
78
|
-
verticalResizingMobile: PropTypes.oneOf(verticalResizeMode.default),
|
|
79
|
-
verticalResizingTablet: PropTypes.oneOf(verticalResizeMode.default),
|
|
80
|
-
verticalResizingDesktop: PropTypes.oneOf(verticalResizeMode.default),
|
|
81
|
-
align: PropTypes.oneOf(align.default),
|
|
82
|
-
alignMobile: PropTypes.oneOf(align.default),
|
|
83
|
-
alignTablet: PropTypes.oneOf(align.default),
|
|
84
|
-
alignDesktop: PropTypes.oneOf(align.default),
|
|
85
|
-
alignDirection: PropTypes.oneOf(alignDirection.default),
|
|
86
|
-
alignDirectionMobile: PropTypes.oneOf(alignDirection.default),
|
|
87
|
-
alignDirectionTablet: PropTypes.oneOf(alignDirection.default),
|
|
88
|
-
alignDirectionDesktop: PropTypes.oneOf(alignDirection.default),
|
|
89
|
-
};
|
|
90
47
|
|
|
91
48
|
exports.Page = Page;
|
|
@@ -6,27 +6,28 @@ var clsx = require('clsx');
|
|
|
6
6
|
var ceil = require('lodash/ceil');
|
|
7
7
|
var ReactPaginate = require('react-paginate');
|
|
8
8
|
var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
9
|
-
var DropdownItem = require('../../DropdownItem-
|
|
10
|
-
var Icon = require('../../Icon-
|
|
11
|
-
var Text = require('../../Text-
|
|
9
|
+
var DropdownItem = require('../../DropdownItem-CT9Dmiub.js');
|
|
10
|
+
var Icon = require('../../Icon-PoesVPJn.js');
|
|
11
|
+
var Text = require('../../Text-1b-Bk7yG.js');
|
|
12
12
|
require('lodash/castArray');
|
|
13
13
|
require('lodash/camelCase');
|
|
14
14
|
require('../context/UIContext.js');
|
|
15
|
-
require('prop-types');
|
|
16
15
|
require('../hooks/useMediaQueries.js');
|
|
17
16
|
require('react-responsive');
|
|
18
17
|
require('../hooks/useStyles.js');
|
|
19
18
|
require('lodash/maxBy');
|
|
20
19
|
require('lodash/upperFirst');
|
|
21
20
|
require('../hooks/styleAttributes.js');
|
|
22
|
-
require('
|
|
21
|
+
require('../appearance/DropdownItem.js');
|
|
22
|
+
require('../../Divider-3upWnf8a.js');
|
|
23
|
+
require('../appearance/Divider.js');
|
|
23
24
|
require('../../Link-CqWzwh8V.js');
|
|
24
25
|
require('../../tslib.es6-CCZ3TN_7.js');
|
|
25
26
|
require('react-inlinesvg');
|
|
26
27
|
require('../appearance/Icon.js');
|
|
27
|
-
require('../../Tooltip-
|
|
28
|
+
require('../../Tooltip-CNJN2lf5.js');
|
|
28
29
|
require('../appearance/Tooltip.js');
|
|
29
|
-
require('../../Title-
|
|
30
|
+
require('../../Title-o5ofk8ge.js');
|
|
30
31
|
require('../appearance/Title.js');
|
|
31
32
|
require('../appearance/Text.js');
|
|
32
33
|
|
|
@@ -6,11 +6,10 @@ var clsx = require('clsx');
|
|
|
6
6
|
var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
7
7
|
var useStyles = require('../hooks/useStyles.js');
|
|
8
8
|
var Group = require('../../Group-BiN0haVp.js');
|
|
9
|
-
var Text = require('../../Text-
|
|
9
|
+
var Text = require('../../Text-1b-Bk7yG.js');
|
|
10
10
|
require('lodash/castArray');
|
|
11
11
|
require('lodash/camelCase');
|
|
12
12
|
require('../context/UIContext.js');
|
|
13
|
-
require('prop-types');
|
|
14
13
|
require('../hooks/useMediaQueries.js');
|
|
15
14
|
require('react-responsive');
|
|
16
15
|
require('lodash/maxBy');
|
|
@@ -4,12 +4,11 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
4
4
|
var clsx = require('clsx');
|
|
5
5
|
var index = require('../appearance/Radio.js');
|
|
6
6
|
var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
7
|
-
var Text = require('../../Text-
|
|
7
|
+
var Text = require('../../Text-1b-Bk7yG.js');
|
|
8
8
|
require('react');
|
|
9
9
|
require('lodash/castArray');
|
|
10
10
|
require('lodash/camelCase');
|
|
11
11
|
require('../context/UIContext.js');
|
|
12
|
-
require('prop-types');
|
|
13
12
|
require('../hooks/useMediaQueries.js');
|
|
14
13
|
require('react-responsive');
|
|
15
14
|
require('../appearance/Text.js');
|
|
@@ -96,7 +95,6 @@ function Radio(props) {
|
|
|
96
95
|
}
|
|
97
96
|
Radio.defaultProps = {
|
|
98
97
|
shape: 'circular',
|
|
99
|
-
tag: 'label',
|
|
100
98
|
};
|
|
101
99
|
|
|
102
100
|
exports.Radio = Radio;
|
|
@@ -7,27 +7,26 @@ var SVG = require('react-inlinesvg');
|
|
|
7
7
|
var index = require('../appearance/Response.js');
|
|
8
8
|
var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
9
9
|
var useStyles = require('../hooks/useStyles.js');
|
|
10
|
-
var Button = require('../../Button-
|
|
10
|
+
var Button = require('../../Button-x4mnZJoS.js');
|
|
11
11
|
var Group = require('../../Group-BiN0haVp.js');
|
|
12
|
-
var Text = require('../../Text-
|
|
13
|
-
var Title = require('../../Title-
|
|
12
|
+
var Text = require('../../Text-1b-Bk7yG.js');
|
|
13
|
+
var Title = require('../../Title-o5ofk8ge.js');
|
|
14
14
|
require('lodash/castArray');
|
|
15
15
|
require('lodash/camelCase');
|
|
16
16
|
require('../context/UIContext.js');
|
|
17
|
-
require('prop-types');
|
|
18
17
|
require('../hooks/useMediaQueries.js');
|
|
19
18
|
require('react-responsive');
|
|
20
19
|
require('lodash/maxBy');
|
|
21
20
|
require('lodash/upperFirst');
|
|
22
21
|
require('../hooks/styleAttributes.js');
|
|
23
22
|
require('../appearance/Button.js');
|
|
24
|
-
require('../../Icon-
|
|
23
|
+
require('../../Icon-PoesVPJn.js');
|
|
24
|
+
require('../../tslib.es6-CCZ3TN_7.js');
|
|
25
25
|
require('../appearance/Icon.js');
|
|
26
26
|
require('../../Link-CqWzwh8V.js');
|
|
27
|
-
require('../../
|
|
28
|
-
require('../../Tooltip-PrwacZFC.js');
|
|
27
|
+
require('../../Tooltip-CNJN2lf5.js');
|
|
29
28
|
require('../appearance/Tooltip.js');
|
|
30
|
-
require('../../Loader-
|
|
29
|
+
require('../../Loader-DRTOGvF1.js');
|
|
31
30
|
require('../appearance/Loader.js');
|
|
32
31
|
require('../appearance/Group.js');
|
|
33
32
|
require('../appearance/Text.js');
|
|
@@ -41,15 +40,18 @@ var responseConfig = {
|
|
|
41
40
|
};
|
|
42
41
|
function Response(props) {
|
|
43
42
|
var after = props.after, appearance = props.appearance, before = props.before, className = props.className, imageSrc = props.imageSrc, message = props.message, messageTextColor = props.messageTextColor, messageTextSize = props.messageTextSize, messageTextWeight = props.messageTextWeight, primaryButton = props.primaryButton, primaryButtonAfter = props.primaryButtonAfter, primaryButtonAppearance = props.primaryButtonAppearance, primaryButtonBefore = props.primaryButtonBefore, primaryButtonFill = props.primaryButtonFill, primaryButtonFillHover = props.primaryButtonFillHover, primaryButtonLabel = props.primaryButtonLabel, primaryButtonLabelTextColor = props.primaryButtonLabelTextColor, primaryButtonLabelTextSize = props.primaryButtonLabelTextSize, primaryButtonShape = props.primaryButtonShape, primaryButtonSize = props.primaryButtonSize, primaryButtonWidth = props.primaryButtonWidth, secondaryButton = props.secondaryButton, secondaryButtonAfter = props.secondaryButtonAfter, secondaryButtonAppearance = props.secondaryButtonAppearance, secondaryButtonBefore = props.secondaryButtonBefore, secondaryButtonFill = props.secondaryButtonFill, secondaryButtonFillHover = props.secondaryButtonFillHover, secondaryButtonLabel = props.secondaryButtonLabel, secondaryButtonLabelTextColor = props.secondaryButtonLabelTextColor, secondaryButtonLabelTextSize = props.secondaryButtonLabelTextSize, secondaryButtonShape = props.secondaryButtonShape, secondaryButtonSize = props.secondaryButtonSize, secondaryButtonWidth = props.secondaryButtonWidth, set = props.set, title = props.title, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, onClickPrimaryButton = props.onClickPrimaryButton, onClickSecondaryButton = props.onClickSecondaryButton;
|
|
43
|
+
// prettier-ignore
|
|
44
|
+
var appearanceConfig = (appearance && responseConfig.appearance && responseConfig.appearance[appearance]);
|
|
44
45
|
var ImageComponent = React.useMemo(function () {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
46
|
+
var src = imageSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.imageSrc);
|
|
47
|
+
if (src) {
|
|
48
|
+
if (src.endsWith('.svg')) {
|
|
49
|
+
return jsxRuntime.jsx(SVG, { src: src });
|
|
48
50
|
}
|
|
49
|
-
return jsxRuntime.jsx("img", { src:
|
|
51
|
+
return jsxRuntime.jsx("img", { src: src });
|
|
50
52
|
}
|
|
51
53
|
return null;
|
|
52
|
-
}, [imageSrc]);
|
|
54
|
+
}, [imageSrc, appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.imageSrc]);
|
|
53
55
|
var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
54
56
|
prefix: 'fill_',
|
|
55
57
|
propsKey: 'fill',
|
|
@@ -80,14 +82,17 @@ function Response(props) {
|
|
|
80
82
|
});
|
|
81
83
|
// @ts-expect-error
|
|
82
84
|
var responseStyles = useStyles.useStyles(props).styles;
|
|
83
|
-
var appearanceConfig = appearance && responseConfig.appearance && responseConfig.appearance[appearance];
|
|
84
85
|
return (jsxRuntime.jsxs("div", { className: clsx(className, 'response', fillClass ||
|
|
85
86
|
((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
|
|
86
87
|
"fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
|
|
87
88
|
((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
|
|
88
89
|
"fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass ||
|
|
89
90
|
((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
|
|
90
|
-
"fill_hover_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), borderColorClass
|
|
91
|
+
"fill_hover_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), borderColorClass ||
|
|
92
|
+
((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
|
|
93
|
+
"border-color_".concat(appearanceConfig.borderColor)
|
|
94
|
+
.replace(/([A-Z])/g, '-$1')
|
|
95
|
+
.toLowerCase()), borderColorHoverClass, borderWidthClass, borderTypeClass, set && "response_set_".concat(set)), style: responseStyles, children: [before, ImageComponent, jsxRuntime.jsxs(Group.Group, { className: "response__desc", width: "fill", children: [title && (jsxRuntime.jsx(Title.Title, { className: "response__title", size: titleTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextSize) || 'h2', textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), textWeight: titleTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextWeight) || '600', children: title })), message && (jsxRuntime.jsx(Text.Text, { className: "response__message", size: messageTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.messageTextSize) || 'xxl', textColor: messageTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.messageTextColor), textWeight: messageTextWeight, children: message }))] }), (primaryButtonLabel ||
|
|
91
96
|
primaryButton ||
|
|
92
97
|
secondaryButtonLabel ||
|
|
93
98
|
secondaryButton ||
|
|
@@ -10,7 +10,6 @@ var useStyles = require('../hooks/useStyles.js');
|
|
|
10
10
|
require('lodash/castArray');
|
|
11
11
|
require('lodash/camelCase');
|
|
12
12
|
require('../context/UIContext.js');
|
|
13
|
-
require('prop-types');
|
|
14
13
|
require('../hooks/useMediaQueries.js');
|
|
15
14
|
require('react-responsive');
|
|
16
15
|
require('lodash/maxBy');
|
|
@@ -6,25 +6,24 @@ var clsx = require('clsx');
|
|
|
6
6
|
var index = require('../appearance/Search.js');
|
|
7
7
|
var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
8
8
|
var useStyles = require('../hooks/useStyles.js');
|
|
9
|
-
var Icon = require('../../Icon-
|
|
10
|
-
var Text = require('../../Text-
|
|
11
|
-
var Scrollbar = require('../../Scrollbar-
|
|
9
|
+
var Icon = require('../../Icon-PoesVPJn.js');
|
|
10
|
+
var Text = require('../../Text-1b-Bk7yG.js');
|
|
11
|
+
var Scrollbar = require('../../Scrollbar-CKbA0jQU.js');
|
|
12
12
|
require('lodash/castArray');
|
|
13
13
|
require('lodash/camelCase');
|
|
14
14
|
require('../context/UIContext.js');
|
|
15
|
-
require('prop-types');
|
|
16
15
|
require('../hooks/useMediaQueries.js');
|
|
17
16
|
require('react-responsive');
|
|
18
17
|
require('lodash/maxBy');
|
|
19
18
|
require('lodash/upperFirst');
|
|
20
19
|
require('../hooks/styleAttributes.js');
|
|
20
|
+
require('../../tslib.es6-CCZ3TN_7.js');
|
|
21
21
|
require('react-inlinesvg');
|
|
22
22
|
require('../appearance/Icon.js');
|
|
23
23
|
require('../../Link-CqWzwh8V.js');
|
|
24
|
-
require('../../
|
|
25
|
-
require('../../Tooltip-PrwacZFC.js');
|
|
24
|
+
require('../../Tooltip-CNJN2lf5.js');
|
|
26
25
|
require('../appearance/Tooltip.js');
|
|
27
|
-
require('../../Title-
|
|
26
|
+
require('../../Title-o5ofk8ge.js');
|
|
28
27
|
require('../appearance/Title.js');
|
|
29
28
|
require('../appearance/Text.js');
|
|
30
29
|
require('react-scrollbars-custom');
|
|
@@ -36,7 +35,7 @@ var searchInputConfig = {
|
|
|
36
35
|
},
|
|
37
36
|
};
|
|
38
37
|
var SearchInput = React.forwardRef(function SearchInput(props, ref) {
|
|
39
|
-
var after = props.after, appearance = props.appearance, before = props.before, className = props.className, dataTour = props.dataTour, iconAfter = props.iconAfter, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, iconAfterSrc = props.iconAfterSrc, iconBefore = props.iconBefore, iconBeforeFill = props.iconBeforeFill, iconBeforeSize = props.iconBeforeSize, iconBeforeSrc = props.iconBeforeSrc, iconClear = props.iconClear, iconClearFill = props.iconClearFill, iconClearSize = props.iconClearSize, iconClearSrc = props.iconClearSrc, placeholder = props.placeholder, placeholderTextColor = props.placeholderTextColor,
|
|
38
|
+
var after = props.after, appearance = props.appearance, before = props.before, className = props.className, dataTour = props.dataTour, iconAfter = props.iconAfter, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, iconAfterSrc = props.iconAfterSrc, iconBefore = props.iconBefore, iconBeforeFill = props.iconBeforeFill, iconBeforeSize = props.iconBeforeSize, iconBeforeSrc = props.iconBeforeSrc, iconClear = props.iconClear, iconClearFill = props.iconClearFill, iconClearSize = props.iconClearSize, iconClearSrc = props.iconClearSrc, placeholder = props.placeholder, placeholderTextColor = props.placeholderTextColor, _a = props.placeholderTextSize, placeholderTextSize = _a === void 0 ? 'm' : _a, placeholderTextStyle = props.placeholderTextStyle, placeholderTextWeight = props.placeholderTextWeight, _b = props.size, size = _b === void 0 ? 'normal' : _b, type = props.type, value = props.value, onChange = props.onChange, onClickClean = props.onClickClean, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
|
|
40
39
|
var onChangeSearchInput = React.useCallback(function (event) {
|
|
41
40
|
onChange && onChange(event.target.value);
|
|
42
41
|
}, [onChange]);
|
|
@@ -114,11 +113,11 @@ var SearchInput = React.forwardRef(function SearchInput(props, ref) {
|
|
|
114
113
|
((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderHover) &&
|
|
115
114
|
"border-color_hover_".concat(appearanceConfig.borderHover)
|
|
116
115
|
.replace(/([A-Z])/g, '-$1')
|
|
117
|
-
.toLowerCase()), borderWidthClass, borderTypeClass, size && "search-input_size_".concat(size), type && "search-input_type_".concat(type)), "data-tour": dataTour, style: searchInputStyles, children: [before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "search-input__icon search-input__icon-before", iconFill: iconBeforeFill, imageSrc: iconBeforeSrc, size: iconBeforeSize, SvgImage: iconBefore })), jsxRuntime.jsxs("div", { className: clsx('search-input__wrapper', inputFillClass, inputShapeClass), children: [jsxRuntime.jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
|
|
116
|
+
.toLowerCase()), borderWidthClass, borderTypeClass, size && "search-input_size_".concat(size), type && "search-input_type_".concat(type)), "data-tour": dataTour, style: searchInputStyles, children: [before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "search-input__icon search-input__icon-before", iconFill: iconBeforeFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeFill), imageSrc: iconBeforeSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeSrc), size: iconBeforeSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeSize), SvgImage: iconBefore || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBefore) })), jsxRuntime.jsxs("div", { className: clsx('search-input__wrapper', inputFillClass, inputShapeClass), children: [jsxRuntime.jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
|
|
118
117
|
inputWeightClass ||
|
|
119
118
|
inputTextColorClass ||
|
|
120
119
|
inputTextStyleClass) &&
|
|
121
|
-
'text', inputTextSizeClass, inputWeightClass, inputTextColorClass, inputTextStyleClass), ref: ref, required: true, type: "text", value: value, onChange: onChangeSearchInput, onFocus: onFocus, onKeyDown: onKeyDown }), jsxRuntime.jsx("div", { className: "search-input__placeholder", children: jsxRuntime.jsx(Text.Text, { className: clsx('search-input__placeholder-value'), size: placeholderTextSize, textColor: placeholderTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.placeholderTextColor), textStyle: placeholderTextStyle, textWeight: placeholderTextWeight, children: placeholder || 'Search' }) }), value && (jsxRuntime.jsx(Icon.Icon, { className: clsx('search-input__clear', 'cursor_type_pointer'), iconFill: iconClearFill, imageSrc: iconClearSrc, size: iconClearSize, SvgImage: iconClear, onClick: onClickClearIcon }))] }), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "search-input__icon search-input__icon-after", iconFill: iconAfterFill, imageSrc: iconAfterSrc, size: iconAfterSize, SvgImage: iconAfter })), after] }));
|
|
120
|
+
'text', inputTextSizeClass, inputWeightClass, inputTextColorClass, inputTextStyleClass), ref: ref, required: true, type: "text", value: value, onChange: onChangeSearchInput, onFocus: onFocus, onKeyDown: onKeyDown }), jsxRuntime.jsx("div", { className: "search-input__placeholder", children: jsxRuntime.jsx(Text.Text, { className: clsx('search-input__placeholder-value'), size: placeholderTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.placeholderTextSize), textColor: placeholderTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.placeholderTextColor), textStyle: placeholderTextStyle, textWeight: placeholderTextWeight, children: placeholder || 'Search' }) }), value && (jsxRuntime.jsx(Icon.Icon, { className: clsx('search-input__clear', 'cursor_type_pointer'), iconFill: iconClearFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClearFill), imageSrc: iconClearSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClearSrc), size: iconClearSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClearSize), SvgImage: iconClear || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClear), onClick: onClickClearIcon }))] }), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { className: "search-input__icon search-input__icon-after", iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), imageSrc: iconAfterSrc || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterSrc), size: iconAfterSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterSize), SvgImage: iconAfter || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfter) })), after] }));
|
|
122
121
|
});
|
|
123
122
|
// @ts-expect-error
|
|
124
123
|
SearchInput.DEFAULT_REF_STATE = {
|
|
@@ -126,8 +125,6 @@ SearchInput.DEFAULT_REF_STATE = {
|
|
|
126
125
|
};
|
|
127
126
|
SearchInput.defaultProps = {
|
|
128
127
|
inputTextSize: 'm',
|
|
129
|
-
placeholderTextSize: 'm',
|
|
130
|
-
size: 'normal',
|
|
131
128
|
};
|
|
132
129
|
|
|
133
130
|
var SearchResult = React.forwardRef(function SearchResult(props, ref) {
|
|
@@ -5,11 +5,10 @@ var React = require('react');
|
|
|
5
5
|
var clsx = require('clsx');
|
|
6
6
|
var index = require('../appearance/Segmented.js');
|
|
7
7
|
var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
8
|
-
var Text = require('../../Text-
|
|
8
|
+
var Text = require('../../Text-1b-Bk7yG.js');
|
|
9
9
|
require('lodash/castArray');
|
|
10
10
|
require('lodash/camelCase');
|
|
11
11
|
require('../context/UIContext.js');
|
|
12
|
-
require('prop-types');
|
|
13
12
|
require('../hooks/useMediaQueries.js');
|
|
14
13
|
require('react-responsive');
|
|
15
14
|
require('../appearance/Text.js');
|
|
@@ -4,15 +4,15 @@ var index = require('../appearance/Select.js');
|
|
|
4
4
|
var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
var Select = require('react-select');
|
|
7
|
-
var Icon = require('../../Icon-
|
|
7
|
+
var Icon = require('../../Icon-PoesVPJn.js');
|
|
8
8
|
var React = require('react');
|
|
9
9
|
var clsx = require('clsx');
|
|
10
10
|
var CreatableSelect = require('react-select/creatable');
|
|
11
11
|
var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
12
|
-
var Text = require('../../Text-
|
|
13
|
-
var Badge = require('../../Badge-
|
|
12
|
+
var Text = require('../../Text-1b-Bk7yG.js');
|
|
13
|
+
var Badge = require('../../Badge-BMKD9teI.js');
|
|
14
14
|
var Group = require('../../Group-BiN0haVp.js');
|
|
15
|
-
var Divider = require('../../Divider-
|
|
15
|
+
var Divider = require('../../Divider-3upWnf8a.js');
|
|
16
16
|
require('react-inlinesvg');
|
|
17
17
|
require('../appearance/Icon.js');
|
|
18
18
|
require('../hooks/useStyles.js');
|
|
@@ -20,19 +20,19 @@ require('lodash/camelCase');
|
|
|
20
20
|
require('lodash/maxBy');
|
|
21
21
|
require('lodash/upperFirst');
|
|
22
22
|
require('../context/UIContext.js');
|
|
23
|
-
require('prop-types');
|
|
24
23
|
require('../hooks/useMediaQueries.js');
|
|
25
24
|
require('react-responsive');
|
|
26
25
|
require('../hooks/styleAttributes.js');
|
|
27
26
|
require('../../Link-CqWzwh8V.js');
|
|
28
|
-
require('../../Tooltip-
|
|
27
|
+
require('../../Tooltip-CNJN2lf5.js');
|
|
29
28
|
require('../appearance/Tooltip.js');
|
|
30
|
-
require('../../Title-
|
|
29
|
+
require('../../Title-o5ofk8ge.js');
|
|
31
30
|
require('../appearance/Title.js');
|
|
32
31
|
require('lodash/castArray');
|
|
33
32
|
require('../appearance/Text.js');
|
|
34
33
|
require('../appearance/Badge.js');
|
|
35
34
|
require('../appearance/Group.js');
|
|
35
|
+
require('../appearance/Divider.js');
|
|
36
36
|
|
|
37
37
|
// interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>
|
|
38
38
|
// extends DefaultClearIndicatorProps<Option, IsMulti, Group> {}
|
|
@@ -3,15 +3,16 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var clsx = require('clsx');
|
|
6
|
+
var index = require('../appearance/SiteMenu.js');
|
|
6
7
|
var UIContext = require('../context/UIContext.js');
|
|
7
8
|
var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
8
|
-
var Icon = require('../../Icon-
|
|
9
|
-
var Text = require('../../Text-
|
|
10
|
-
require('prop-types');
|
|
9
|
+
var Icon = require('../../Icon-PoesVPJn.js');
|
|
10
|
+
var Text = require('../../Text-1b-Bk7yG.js');
|
|
11
11
|
require('../hooks/useMediaQueries.js');
|
|
12
12
|
require('react-responsive');
|
|
13
13
|
require('lodash/castArray');
|
|
14
14
|
require('lodash/camelCase');
|
|
15
|
+
require('../../tslib.es6-CCZ3TN_7.js');
|
|
15
16
|
require('react-inlinesvg');
|
|
16
17
|
require('../appearance/Icon.js');
|
|
17
18
|
require('../hooks/useStyles.js');
|
|
@@ -19,15 +20,20 @@ require('lodash/maxBy');
|
|
|
19
20
|
require('lodash/upperFirst');
|
|
20
21
|
require('../hooks/styleAttributes.js');
|
|
21
22
|
require('../../Link-CqWzwh8V.js');
|
|
22
|
-
require('../../
|
|
23
|
-
require('../../Tooltip-PrwacZFC.js');
|
|
23
|
+
require('../../Tooltip-CNJN2lf5.js');
|
|
24
24
|
require('../appearance/Tooltip.js');
|
|
25
|
-
require('../../Title-
|
|
25
|
+
require('../../Title-o5ofk8ge.js');
|
|
26
26
|
require('../appearance/Title.js');
|
|
27
27
|
require('../appearance/Text.js');
|
|
28
28
|
|
|
29
|
+
var siteMenuConfig = {
|
|
30
|
+
appearance: index.siteMenuAppearance,
|
|
31
|
+
setAppearance: function (newComponent) {
|
|
32
|
+
siteMenuConfig.appearance = newComponent;
|
|
33
|
+
},
|
|
34
|
+
};
|
|
29
35
|
function SiteMenu(props) {
|
|
30
|
-
var children = props.children,
|
|
36
|
+
var children = props.children, appearance = props.appearance, className = props.className, closeText = props.closeText, closeTextColor = props.closeTextColor, closeTextColorHover = props.closeTextColorHover, closeTextSize = props.closeTextSize, iconClose = props.iconClose, iconCloseBgFill = props.iconCloseBgFill, iconCloseFill = props.iconCloseFill, iconCloseSize = props.iconCloseSize, onClose = props.onClose;
|
|
31
37
|
var _a = UIContext.useSiteMenuContext(), isSiteMenuOpen = _a.isSiteMenuOpen, setIsSiteMenuOpen = _a.setIsSiteMenuOpen;
|
|
32
38
|
var onClickClose = React.useCallback(
|
|
33
39
|
// @ts-expect-error
|
|
@@ -57,7 +63,10 @@ function SiteMenu(props) {
|
|
|
57
63
|
// behavior: 'smooth',
|
|
58
64
|
// })
|
|
59
65
|
// }, [])
|
|
60
|
-
|
|
66
|
+
var appearanceConfig = appearance && siteMenuConfig.appearance && siteMenuConfig.appearance[appearance];
|
|
67
|
+
return (jsxRuntime.jsx("div", { className: clsx(className, 'site-menu', fillClass ||
|
|
68
|
+
((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
|
|
69
|
+
"fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), isSiteMenuOpen && 'site-menu_state_visible', !isSiteMenuOpen && 'site-menu_state_hidden'), children: jsxRuntime.jsxs("div", { className: "site-menu__wrapper", children: [jsxRuntime.jsx("div", { className: "site-menu__close", children: iconClose ? (jsxRuntime.jsx(Icon.Icon, { fill: iconCloseFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconCloseFill), bgFill: iconCloseBgFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconCloseBgFill), size: iconCloseSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconCloseSize), SvgImage: iconClose || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClose), onClick: onClickClose })) : (jsxRuntime.jsx(Text.Text, { size: closeTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.closeTextSize), textColor: closeTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.closeTextColor), textColorHover: closeTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.closeTextColorHover),
|
|
61
70
|
// @ts-expect-error
|
|
62
71
|
onClick: onClickClose, children: closeText })) }), jsxRuntime.jsx("div", { className: "site-menu__items", children: children })] }) }));
|
|
63
72
|
}
|
|
@@ -77,3 +86,4 @@ function SiteMenuButton(props) {
|
|
|
77
86
|
|
|
78
87
|
exports.SiteMenu = SiteMenu;
|
|
79
88
|
exports.SiteMenuButton = SiteMenuButton;
|
|
89
|
+
exports.siteMenuConfig = siteMenuConfig;
|
|
@@ -6,11 +6,10 @@ var clsx = require('clsx');
|
|
|
6
6
|
var react = require('swiper/react');
|
|
7
7
|
var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
8
8
|
var useStyles = require('../hooks/useStyles.js');
|
|
9
|
-
var Title = require('../../Title-
|
|
9
|
+
var Title = require('../../Title-o5ofk8ge.js');
|
|
10
10
|
require('lodash/castArray');
|
|
11
11
|
require('lodash/camelCase');
|
|
12
12
|
require('../context/UIContext.js');
|
|
13
|
-
require('prop-types');
|
|
14
13
|
require('../hooks/useMediaQueries.js');
|
|
15
14
|
require('react-responsive');
|
|
16
15
|
require('lodash/maxBy');
|
|
@@ -19,11 +18,11 @@ require('../hooks/styleAttributes.js');
|
|
|
19
18
|
require('../appearance/Title.js');
|
|
20
19
|
|
|
21
20
|
function Swiper(props) {
|
|
22
|
-
var
|
|
23
|
-
freeMode = props.freeMode,
|
|
21
|
+
var id = props.id, children = props.children, direction = props.direction, isChangeOnClickSlide = props.isChangeOnClickSlide, isInit = props.isInit, _a = props.isNavigation, isNavigation = _a === void 0 ? false : _a, isScrollbar = props.isScrollbar, _b = props.activeSlideIndex, activeSlideIndex = _b === void 0 ? 0 : _b, allowTouchMove = props.allowTouchMove, autoHeight = props.autoHeight, breakpoints = props.breakpoints, className = props.className, forwardedRef = props.forwardedRef, // https://github.com/vercel/next.js/issues/4957
|
|
22
|
+
freeMode = props.freeMode, items = props.items, keyboard = props.keyboard, loop = props.loop, modules = props.modules, mousewheel = props.mousewheel, nextButton = props.nextButton, normalizeSlideIndex = props.normalizeSlideIndex, pagination = props.pagination, prevButton = props.prevButton, preventClicks = props.preventClicks, preventClicksPropagation = props.preventClicksPropagation, set = props.set, setNextBtnDisabled = props.setNextBtnDisabled, setPrevBtnDisabled = props.setPrevBtnDisabled, simulateTouch = props.simulateTouch, slidesPerView = props.slidesPerView, spaceBetween = props.spaceBetween, speed = props.speed, swiperClass = props.swiperClass, swiperSlideClass = props.swiperSlideClass, title = props.title, titleAfter = props.titleAfter, titleSize = props.titleSize, titleTextColor = props.titleTextColor, titleWeight = props.titleWeight, onSlideNextTransitionEnd = props.onSlideNextTransitionEnd, onSlidePrevTransitionEnd = props.onSlidePrevTransitionEnd, onSwiper = props.onSwiper, onUpdate = props.onUpdate;
|
|
24
23
|
var swiperRef = React.useRef(null);
|
|
25
|
-
var
|
|
26
|
-
var
|
|
24
|
+
var _c = useSwiperRef(), nextEl = _c[0], nextRef = _c[1];
|
|
25
|
+
var _d = useSwiperRef(), prevEl = _d[0], prevRef = _d[1];
|
|
27
26
|
var isLoop = loop !== null && loop !== void 0 ? loop : true;
|
|
28
27
|
// @ts-expect-error
|
|
29
28
|
React.useImperativeHandle(forwardedRef, function () { return swiperRef.current; }, []);
|
|
@@ -73,11 +72,10 @@ function Swiper(props) {
|
|
|
73
72
|
});
|
|
74
73
|
// @ts-expect-error
|
|
75
74
|
var style = useStyles.useStyles(props).styles;
|
|
76
|
-
return (jsxRuntime.jsxs("div", { className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass, shapeClass, className, set && "swiper-block_set_".concat(set)),
|
|
75
|
+
return (jsxRuntime.jsxs("div", { className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass, shapeClass, className, set && "swiper-block_set_".concat(set)), id: id, style: style, children: [(title || (prevButton && nextButton)) && (jsxRuntime.jsxs("div", { className: "swiper-block__wrapper", children: [title && (jsxRuntime.jsx(Title.Title, { className: "swiper-block__title", size: titleSize, textColor: titleTextColor, textWeight: titleWeight, children: title })), titleAfter, prevButton && nextButton && (jsxRuntime.jsxs("div", { className: "swiper-block__navigation", children: [jsxRuntime.jsx("div", { className: "swiper-block__prev swiper-button", ref: prevRef, children: prevButton }), jsxRuntime.jsx("div", { className: "swiper-block__next swiper-button", ref: nextRef, children: nextButton })] }))] })), jsxRuntime.jsx(react.Swiper, { className: clsx('swiper-block__swiper', swiperClass), ref: swiperRef, allowTouchMove: allowTouchMove, autoHeight: autoHeight !== null && autoHeight !== void 0 ? autoHeight : false, breakpoints: breakpoints, centeredSlides: true, direction: direction, freeMode: freeMode, init: isInit !== null && isInit !== void 0 ? isInit : true, keyboard: keyboard, loop: isLoop, modules: modules, mousewheel: mousewheel, navigation: isNavigation ? { nextEl: nextEl, prevEl: prevEl } : false, normalizeSlideIndex: normalizeSlideIndex, pagination: pagination, preventClicks: preventClicks, preventClicksPropagation: preventClicksPropagation, scrollbar: isScrollbar, simulateTouch: simulateTouch, slidesPerView: slidesPerView, spaceBetween: spaceBetween, speed: speed !== null && speed !== void 0 ? speed : 500, onInit: onInitSwiper, onSlideChange: onSlideChange, onSlideNextTransitionEnd: onSlideNextTransitionEnd, onSlidePrevTransitionEnd: onSlidePrevTransitionEnd, onSwiper: onSwiper, onTransitionStart: onTransitionStart, onUpdate: onUpdate, children: children ||
|
|
77
76
|
(items === null || items === void 0 ? void 0 : items.map(function (item, i) { return (jsxRuntime.jsx(react.SwiperSlide, { className: clsx('swiper-block__item', swiperSlideClass, alignDirectionClass, alignClass), children: item }, "swiper-slide_".concat(i))); })) })] }));
|
|
78
77
|
}
|
|
79
78
|
Swiper.defaultProps = {
|
|
80
|
-
activeSlideIndex: 0,
|
|
81
79
|
disabledButtonClass: 'swiper-button-disabled',
|
|
82
80
|
};
|
|
83
81
|
// https://github.com/nolimits4web/swiper/issues/3855#issuecomment-1050694342
|
|
@@ -3,12 +3,21 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var clsx = require('clsx');
|
|
6
|
+
var index = require('../appearance/Switch.js');
|
|
6
7
|
|
|
8
|
+
var switchConfig = {
|
|
9
|
+
appearance: index.switchAppearance,
|
|
10
|
+
setAppearance: function (newComponent) {
|
|
11
|
+
switchConfig.appearance = newComponent;
|
|
12
|
+
},
|
|
13
|
+
};
|
|
7
14
|
var Switch = React.forwardRef(function Switch(props, ref) {
|
|
8
|
-
var
|
|
9
|
-
|
|
15
|
+
var id = props.id, appearance = props.appearance, checked = props.checked, className = props.className, disabled = props.disabled, set = props.set, size = props.size, onChange = props.onChange;
|
|
16
|
+
appearance && switchConfig.appearance && switchConfig.appearance[appearance];
|
|
17
|
+
return (jsxRuntime.jsxs("div", { className: clsx('switch', className, size && "switch_size_".concat(size), set && "switch_set_".concat(set)), children: [jsxRuntime.jsx("input", { className: "switch__checkbox",
|
|
10
18
|
// @ts-expect-error
|
|
11
|
-
ref: ref, type: "checkbox", onChange: onChange }), jsxRuntime.jsx("div", { className: "switch__bg", children: "\u00A0" }), jsxRuntime.jsx("div", { className: "switch__toggle", children: "\u00A0" })] }));
|
|
19
|
+
ref: ref, checked: checked, disabled: disabled, id: id, type: "checkbox", onChange: onChange }), jsxRuntime.jsx("div", { className: "switch__bg", children: "\u00A0" }), jsxRuntime.jsx("div", { className: "switch__toggle", children: "\u00A0" })] }));
|
|
12
20
|
});
|
|
13
21
|
|
|
14
22
|
exports.Switch = Switch;
|
|
23
|
+
exports.switchConfig = switchConfig;
|
|
@@ -6,20 +6,20 @@ var clsx = require('clsx');
|
|
|
6
6
|
var index = require('../appearance/Tab.js');
|
|
7
7
|
var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
8
8
|
var useStyles = require('../hooks/useStyles.js');
|
|
9
|
-
var Badge = require('../../Badge-
|
|
10
|
-
var Divider = require('../../Divider-
|
|
9
|
+
var Badge = require('../../Badge-BMKD9teI.js');
|
|
10
|
+
var Divider = require('../../Divider-3upWnf8a.js');
|
|
11
11
|
var Link = require('../../Link-CqWzwh8V.js');
|
|
12
|
-
var Text = require('../../Text-
|
|
12
|
+
var Text = require('../../Text-1b-Bk7yG.js');
|
|
13
13
|
require('lodash/castArray');
|
|
14
14
|
require('lodash/camelCase');
|
|
15
15
|
require('../context/UIContext.js');
|
|
16
|
-
require('prop-types');
|
|
17
16
|
require('../hooks/useMediaQueries.js');
|
|
18
17
|
require('react-responsive');
|
|
19
18
|
require('lodash/maxBy');
|
|
20
19
|
require('lodash/upperFirst');
|
|
21
20
|
require('../hooks/styleAttributes.js');
|
|
22
21
|
require('../appearance/Badge.js');
|
|
22
|
+
require('../appearance/Divider.js');
|
|
23
23
|
require('../../tslib.es6-CCZ3TN_7.js');
|
|
24
24
|
require('../appearance/Text.js');
|
|
25
25
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Text = require('../../Text-
|
|
3
|
+
var Text = require('../../Text-1b-Bk7yG.js');
|
|
4
4
|
require('react/jsx-runtime');
|
|
5
5
|
require('clsx');
|
|
6
6
|
require('../appearance/Text.js');
|
|
@@ -9,7 +9,6 @@ require('react');
|
|
|
9
9
|
require('lodash/castArray');
|
|
10
10
|
require('lodash/camelCase');
|
|
11
11
|
require('../context/UIContext.js');
|
|
12
|
-
require('prop-types');
|
|
13
12
|
require('../hooks/useMediaQueries.js');
|
|
14
13
|
require('react-responsive');
|
|
15
14
|
require('../hooks/useStyles.js');
|
|
@@ -8,7 +8,6 @@ var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
|
8
8
|
require('lodash/castArray');
|
|
9
9
|
require('lodash/camelCase');
|
|
10
10
|
require('../context/UIContext.js');
|
|
11
|
-
require('prop-types');
|
|
12
11
|
require('../hooks/useMediaQueries.js');
|
|
13
12
|
require('react-responsive');
|
|
14
13
|
|