@codeleap/web 2.4.6 → 3.0.2
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/package.json +20 -19
- package/src/components/ActionIcon/index.tsx +59 -0
- package/src/components/ActionIcon/styles.ts +9 -0
- package/src/components/ActivityIndicator/index.tsx +78 -0
- package/src/components/ActivityIndicator/styles.ts +11 -0
- package/src/components/Button/index.tsx +125 -0
- package/src/components/Button/styles.ts +22 -0
- package/src/components/Checkbox/index.tsx +138 -0
- package/src/components/Checkbox/styles.ts +20 -0
- package/src/components/Collapse/index.tsx +87 -0
- package/src/components/Collapse/styles.ts +8 -0
- package/src/components/Drawer/index.tsx +148 -0
- package/src/components/Drawer/styles.ts +8 -0
- package/src/components/FileInput.tsx +51 -0
- package/src/components/Icon/index.tsx +53 -0
- package/src/components/Icon/styles.ts +9 -0
- package/src/components/InputBase/index.tsx +104 -0
- package/src/components/InputBase/styles.ts +167 -0
- package/src/components/InputBase/types.ts +28 -0
- package/src/components/InputBase/utils.ts +41 -0
- package/src/components/Link/index.tsx +69 -0
- package/src/components/Link/styles.ts +11 -0
- package/src/components/List/index.tsx +103 -0
- package/src/components/List/styles.ts +8 -0
- package/src/components/LoadingOverlay/index.tsx +34 -0
- package/src/components/LoadingOverlay/styles.ts +12 -0
- package/src/components/Modal/index.tsx +189 -0
- package/src/components/Modal/styles.ts +26 -0
- package/src/components/NumberIncrement/index.tsx +292 -0
- package/src/components/NumberIncrement/styles.ts +15 -0
- package/src/components/Overlay/index.tsx +42 -0
- package/src/components/Overlay/styles.ts +8 -0
- package/src/components/RadioInput/index.tsx +155 -0
- package/src/components/RadioInput/styles.ts +14 -0
- package/src/components/Scroll/index.tsx +29 -0
- package/src/components/Scroll/styles.ts +8 -0
- package/src/components/Select/index.tsx +438 -0
- package/src/components/Select/styles.ts +179 -0
- package/src/components/Select/types.ts +100 -0
- package/src/components/Slider/index.tsx +303 -0
- package/src/components/Slider/styles.ts +11 -0
- package/src/components/Switch/index.tsx +128 -0
- package/src/components/Switch/styles.ts +20 -0
- package/src/components/Text/index.tsx +62 -0
- package/src/components/Text/styles.ts +9 -0
- package/src/components/TextInput/index.tsx +253 -0
- package/src/components/TextInput/mask.tsx +165 -0
- package/src/components/TextInput/styles.ts +15 -0
- package/src/components/Tooltip/index.tsx +155 -0
- package/src/components/Tooltip/styles.ts +9 -0
- package/src/components/Touchable/index.tsx +72 -0
- package/src/components/Touchable/styles.ts +11 -0
- package/src/components/View/index.tsx +94 -0
- package/src/components/View/styles.ts +8 -0
- package/src/components/components.ts +29 -0
- package/src/components/defaultStyles.ts +51 -0
- package/src/index.ts +6 -0
- package/src/lib/OSAlert.tsx +190 -0
- package/src/lib/Toast.ts +23 -0
- package/src/lib/hooks.ts +340 -0
- package/src/lib/index.ts +2 -0
- package/src/lib/logger.ts +13 -0
- package/src/lib/utils/cookies.ts +13 -0
- package/src/lib/utils/index.ts +4 -0
- package/src/lib/utils/pollyfils/scroll.ts +65 -0
- package/src/lib/utils/stopPropagation.ts +15 -0
- package/src/types/index.ts +1 -0
- package/src/types/utility.ts +3 -0
- package/dist/components/ActivityIndicator/index.d.ts +0 -12
- package/dist/components/ActivityIndicator/index.js +0 -57
- package/dist/components/ActivityIndicator/index.js.map +0 -1
- package/dist/components/ActivityIndicator/styles.d.ts +0 -53
- package/dist/components/ActivityIndicator/styles.js +0 -22
- package/dist/components/ActivityIndicator/styles.js.map +0 -1
- package/dist/components/Button.d.ts +0 -18
- package/dist/components/Button.js +0 -67
- package/dist/components/Button.js.map +0 -1
- package/dist/components/CenterWrapper.d.ts +0 -7
- package/dist/components/CenterWrapper.js +0 -28
- package/dist/components/CenterWrapper.js.map +0 -1
- package/dist/components/Checkbox/index.d.ts +0 -12
- package/dist/components/Checkbox/index.js +0 -58
- package/dist/components/Checkbox/index.js.map +0 -1
- package/dist/components/Checkbox/styles.d.ts +0 -53
- package/dist/components/Checkbox/styles.js +0 -64
- package/dist/components/Checkbox/styles.js.map +0 -1
- package/dist/components/Collapse.d.ts +0 -20
- package/dist/components/Collapse.js +0 -68
- package/dist/components/Collapse.js.map +0 -1
- package/dist/components/ContentView.d.ts +0 -10
- package/dist/components/ContentView.js +0 -52
- package/dist/components/ContentView.js.map +0 -1
- package/dist/components/Drawer.d.ts +0 -23
- package/dist/components/Drawer.js +0 -73
- package/dist/components/Drawer.js.map +0 -1
- package/dist/components/FileInput.d.ts +0 -8
- package/dist/components/FileInput.js +0 -69
- package/dist/components/FileInput.js.map +0 -1
- package/dist/components/HorizontalScroll.d.ts +0 -3
- package/dist/components/HorizontalScroll.js +0 -42
- package/dist/components/HorizontalScroll.js.map +0 -1
- package/dist/components/Icon.d.ts +0 -8
- package/dist/components/Icon.js +0 -55
- package/dist/components/Icon.js.map +0 -1
- package/dist/components/Link.d.ts +0 -7
- package/dist/components/Link.js +0 -63
- package/dist/components/Link.js.map +0 -1
- package/dist/components/List.d.ts +0 -18
- package/dist/components/List.js +0 -52
- package/dist/components/List.js.map +0 -1
- package/dist/components/Modal/index.d.ts +0 -21
- package/dist/components/Modal/index.js +0 -116
- package/dist/components/Modal/index.js.map +0 -1
- package/dist/components/Modal/styles.d.ts +0 -56
- package/dist/components/Modal/styles.js +0 -36
- package/dist/components/Modal/styles.js.map +0 -1
- package/dist/components/Overlay.d.ts +0 -10
- package/dist/components/Overlay.js +0 -41
- package/dist/components/Overlay.js.map +0 -1
- package/dist/components/RadioInput/index.d.ts +0 -21
- package/dist/components/RadioInput/index.js +0 -55
- package/dist/components/RadioInput/index.js.map +0 -1
- package/dist/components/RadioInput/styles.d.ts +0 -54
- package/dist/components/RadioInput/styles.js +0 -44
- package/dist/components/RadioInput/styles.js.map +0 -1
- package/dist/components/RouterPage/Menu.d.ts +0 -10
- package/dist/components/RouterPage/Menu.js +0 -36
- package/dist/components/RouterPage/Menu.js.map +0 -1
- package/dist/components/RouterPage/MenuItem.d.ts +0 -12
- package/dist/components/RouterPage/MenuItem.js +0 -42
- package/dist/components/RouterPage/MenuItem.js.map +0 -1
- package/dist/components/RouterPage/Router.d.ts +0 -8
- package/dist/components/RouterPage/Router.js +0 -27
- package/dist/components/RouterPage/Router.js.map +0 -1
- package/dist/components/RouterPage/index.d.ts +0 -29
- package/dist/components/RouterPage/index.js +0 -85
- package/dist/components/RouterPage/index.js.map +0 -1
- package/dist/components/RouterPage/styles.d.ts +0 -54
- package/dist/components/RouterPage/styles.js +0 -87
- package/dist/components/RouterPage/styles.js.map +0 -1
- package/dist/components/Scroll.d.ts +0 -5
- package/dist/components/Scroll.js +0 -24
- package/dist/components/Scroll.js.map +0 -1
- package/dist/components/Select/Custom.d.ts +0 -8
- package/dist/components/Select/Custom.js +0 -104
- package/dist/components/Select/Custom.js.map +0 -1
- package/dist/components/Select/Multi.d.ts +0 -3
- package/dist/components/Select/Multi.js +0 -105
- package/dist/components/Select/Multi.js.map +0 -1
- package/dist/components/Select/Native.d.ts +0 -17
- package/dist/components/Select/Native.js +0 -44
- package/dist/components/Select/Native.js.map +0 -1
- package/dist/components/Select/index.d.ts +0 -12
- package/dist/components/Select/index.js +0 -40
- package/dist/components/Select/index.js.map +0 -1
- package/dist/components/Select/styles.d.ts +0 -5
- package/dist/components/Select/styles.js +0 -57
- package/dist/components/Select/styles.js.map +0 -1
- package/dist/components/Select/types.d.ts +0 -49
- package/dist/components/Select/types.js +0 -3
- package/dist/components/Select/types.js.map +0 -1
- package/dist/components/Slider.d.ts +0 -5
- package/dist/components/Slider.js +0 -39
- package/dist/components/Slider.js.map +0 -1
- package/dist/components/Text.d.ts +0 -9
- package/dist/components/Text.js +0 -43
- package/dist/components/Text.js.map +0 -1
- package/dist/components/TextInput.d.ts +0 -150
- package/dist/components/TextInput.js +0 -125
- package/dist/components/TextInput.js.map +0 -1
- package/dist/components/Tooltip.d.ts +0 -12
- package/dist/components/Tooltip.js +0 -122
- package/dist/components/Tooltip.js.map +0 -1
- package/dist/components/Touchable.d.ts +0 -15
- package/dist/components/Touchable.js +0 -52
- package/dist/components/Touchable.js.map +0 -1
- package/dist/components/View.d.ts +0 -10
- package/dist/components/View.js +0 -62
- package/dist/components/View.js.map +0 -1
- package/dist/components/index.d.ts +0 -24
- package/dist/components/index.js +0 -37
- package/dist/components/index.js.map +0 -1
- package/dist/index.d.ts +0 -6
- package/dist/index.js +0 -25
- package/dist/index.js.map +0 -1
- package/dist/lib/OSAlert.d.ts +0 -21
- package/dist/lib/OSAlert.js +0 -140
- package/dist/lib/OSAlert.js.map +0 -1
- package/dist/lib/Toast.d.ts +0 -13
- package/dist/lib/Toast.js +0 -32
- package/dist/lib/Toast.js.map +0 -1
- package/dist/lib/hooks.d.ts +0 -28
- package/dist/lib/hooks.js +0 -183
- package/dist/lib/hooks.js.map +0 -1
- package/dist/lib/logger.d.ts +0 -2
- package/dist/lib/logger.js +0 -16
- package/dist/lib/logger.js.map +0 -1
- package/dist/lib/utils/cookies.d.ts +0 -6
- package/dist/lib/utils/cookies.js +0 -15
- package/dist/lib/utils/cookies.js.map +0 -1
- package/dist/lib/utils/index.d.ts +0 -4
- package/dist/lib/utils/index.js +0 -23
- package/dist/lib/utils/index.js.map +0 -1
- package/dist/lib/utils/pollyfils/scroll.d.ts +0 -1
- package/dist/lib/utils/pollyfils/scroll.js +0 -66
- package/dist/lib/utils/pollyfils/scroll.js.map +0 -1
- package/dist/lib/utils/stopPropagation.d.ts +0 -1
- package/dist/lib/utils/stopPropagation.js +0 -20
- package/dist/lib/utils/stopPropagation.js.map +0 -1
- package/dist/types/utility.d.ts +0 -2
- package/dist/types/utility.js +0 -3
- package/dist/types/utility.js.map +0 -1
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.Overlay = void 0;
|
|
26
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
27
|
-
var common_1 = require("@codeleap/common");
|
|
28
|
-
var Touchable_1 = require("./Touchable");
|
|
29
|
-
var View_1 = require("./View");
|
|
30
|
-
var Overlay = function (overlayProps) {
|
|
31
|
-
var visible = overlayProps.visible, responsiveVariants = overlayProps.responsiveVariants, variants = overlayProps.variants, styles = overlayProps.styles, props = __rest(overlayProps, ["visible", "responsiveVariants", "variants", "styles"]);
|
|
32
|
-
var variantStyles = (0, common_1.useDefaultComponentStyle)('Overlay', {
|
|
33
|
-
variants: variants,
|
|
34
|
-
responsiveVariants: responsiveVariants,
|
|
35
|
-
styles: styles,
|
|
36
|
-
});
|
|
37
|
-
var Component = props.onClick || props.onPress ? Touchable_1.Touchable : View_1.View;
|
|
38
|
-
return ((0, jsx_runtime_1.jsx)(Component, __assign({ css: __assign(__assign(__assign({}, variantStyles.wrapper), { transition: 'opacity 0.2s ease' }), (visible ? variantStyles['wrapper:visible'] : {})) }, props), void 0));
|
|
39
|
-
};
|
|
40
|
-
exports.Overlay = Overlay;
|
|
41
|
-
//# sourceMappingURL=Overlay.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAOyB;AACzB,yCAAuD;AACvD,+BAAwC;AASjC,IAAM,OAAO,GAA2B,UAAC,YAAY;IAClD,IAAA,OAAO,GACb,YAAY,QADC,EAAE,kBAAkB,GACjC,YAAY,mBADqB,EAAE,QAAQ,GAC3C,YAAY,SAD+B,EAAE,MAAM,GACnD,YAAY,OADuC,EAAK,KAAK,UAC7D,YAAY,EADR,uDAA2D,CAAF,CACjD;IAEd,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,SAAS,EAAE;QACxD,QAAQ,UAAA;QACR,kBAAkB,oBAAA;QAClB,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAS,CAAC,CAAC,CAAC,WAAI,CAAA;IAEnE,OAAO,CACL,uBAAC,SAAS,aACR,GAAG,iCACE,aAAa,CAAC,OAAO,KACxB,UAAU,EAAE,mBAAmB,KAC5B,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAElD,KAAK,UACT,CACH,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,OAAO,WAsBnB"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
2
|
-
import { ComponentVariants, RadioInputComposition, RadioInputStyles, StylesOf } from '@codeleap/common';
|
|
3
|
-
export { WebRadioInputStyles } from './styles';
|
|
4
|
-
declare type RadioItem<T extends unknown = any> = {
|
|
5
|
-
value: T;
|
|
6
|
-
label: ReactNode;
|
|
7
|
-
};
|
|
8
|
-
export declare type RadioButtonProps = Omit<ComponentPropsWithoutRef<'input'>, 'style'> & {
|
|
9
|
-
item: RadioItem;
|
|
10
|
-
select: () => void;
|
|
11
|
-
style: StylesOf<RadioInputComposition>;
|
|
12
|
-
};
|
|
13
|
-
export declare type RadioGroupProps<T> = {
|
|
14
|
-
options: RadioItem<T>[];
|
|
15
|
-
value: T;
|
|
16
|
-
onValueChange(value: T): void;
|
|
17
|
-
label: ReactNode;
|
|
18
|
-
styles?: StylesOf<RadioInputComposition>;
|
|
19
|
-
} & ComponentVariants<typeof RadioInputStyles>;
|
|
20
|
-
export declare const RadioButton: React.FC<RadioButtonProps>;
|
|
21
|
-
export declare const RadioGroup: <T extends unknown>(radioGroupProps: RadioGroupProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.RadioGroup = exports.RadioButton = exports.WebRadioInputStyles = void 0;
|
|
26
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
27
|
-
var react_1 = require("react");
|
|
28
|
-
var uuid_1 = require("uuid");
|
|
29
|
-
var Text_1 = require("../Text");
|
|
30
|
-
var Touchable_1 = require("../Touchable");
|
|
31
|
-
var common_1 = require("@codeleap/common");
|
|
32
|
-
var View_1 = require("../View");
|
|
33
|
-
var styles_1 = require("./styles");
|
|
34
|
-
Object.defineProperty(exports, "WebRadioInputStyles", { enumerable: true, get: function () { return styles_1.WebRadioInputStyles; } });
|
|
35
|
-
var getRadioStyle = function (props) { return (0, common_1.useDefaultComponentStyle)('RadioInput', props); };
|
|
36
|
-
var RadioButton = function (_a) {
|
|
37
|
-
var item = _a.item, select = _a.select, style = _a.style, checked = _a.checked, props = __rest(_a, ["item", "select", "style", "checked"]);
|
|
38
|
-
var styleByState = checked
|
|
39
|
-
? style['button:checked']
|
|
40
|
-
: style['button:unchecked'];
|
|
41
|
-
return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ onPress: select, css: style.itemWrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, { css: __assign(__assign(__assign({}, style.button), styleByState), { '&:after': __assign(__assign({}, style['button:mark']), styleByState === null || styleByState === void 0 ? void 0 : styleByState['&:after']) }) }, void 0), typeof item.label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: item.label, css: style.itemText }, void 0)) : (item.label)] }), void 0));
|
|
42
|
-
};
|
|
43
|
-
exports.RadioButton = RadioButton;
|
|
44
|
-
var RadioGroup = function (radioGroupProps) {
|
|
45
|
-
var options = radioGroupProps.options, value = radioGroupProps.value, onValueChange = radioGroupProps.onValueChange, label = radioGroupProps.label, responsiveVariants = radioGroupProps.responsiveVariants, variants = radioGroupProps.variants, styles = radioGroupProps.styles;
|
|
46
|
-
var radioName = (0, react_1.useRef)((0, uuid_1.v4)()).current;
|
|
47
|
-
var radioStyle = getRadioStyle({
|
|
48
|
-
responsiveVariants: responsiveVariants,
|
|
49
|
-
variants: variants,
|
|
50
|
-
styles: styles,
|
|
51
|
-
});
|
|
52
|
-
return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: radioStyle.wrapper }, { children: [typeof label === 'string' ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: label }, void 0) : label, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: radioStyle.listWrapper }, { children: options === null || options === void 0 ? void 0 : options.map(function (item, idx) { return ((0, jsx_runtime_1.jsx)(exports.RadioButton, { item: item, style: radioStyle, name: radioName, checked: value === item.value, select: function () { return onValueChange(item.value); } }, idx)); }) }), void 0)] }), void 0));
|
|
53
|
-
};
|
|
54
|
-
exports.RadioGroup = RadioGroup;
|
|
55
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAmE;AACnE,6BAAyB;AAEzB,gCAA8B;AAC9B,0CAAwC;AACxC,2CAMyB;AACzB,gCAA8B;AAC9B,mCAA8C;AAArC,6GAAA,mBAAmB,OAAA;AAO5B,IAAM,aAAa,GAAG,UAAC,KAAK,IAAK,OAAA,IAAA,iCAAwB,EAAC,YAAY,EAAE,KAAK,CAAC,EAA7C,CAA6C,CAAA;AAmBvE,IAAM,WAAW,GAA+B,UAAC,EAMvD;IALC,IAAA,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,KAAK,WAAA,EACL,OAAO,aAAA,EACJ,KAAK,cAL8C,sCAMvD,CADS;IAER,IAAM,YAAY,GAAG,OAAO;QAC1B,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC;QACzB,CAAC,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAA;IAC7B,OAAO,CACL,wBAAC,qBAAS,aAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,WAAW,iBAChD,uBAAC,WAAI,IACH,GAAG,iCACE,KAAK,CAAC,MAAM,GACZ,YAAY,KACf,SAAS,wBACJ,KAAK,CAAC,aAAa,CAAC,GACpB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,SAAS,CAAC,eAGhC,EACD,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAChC,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,QAAQ,WAAI,CAChD,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,KAAK,CACX,aACS,CACb,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,WAAW,eA6BvB;AAEM,IAAM,UAAU,GAAG,UACxB,eAAmC;IAGjC,IAAA,OAAO,GAOL,eAAe,QAPV,EACP,KAAK,GAMH,eAAe,MANZ,EACL,aAAa,GAKX,eAAe,cALJ,EACb,KAAK,GAIH,eAAe,MAJZ,EACL,kBAAkB,GAGhB,eAAe,mBAHC,EAClB,QAAQ,GAEN,eAAe,SAFT,EACR,MAAM,GACJ,eAAe,OADX,CACW;IACnB,IAAM,SAAS,GAAG,IAAA,cAAM,EAAC,IAAA,SAAE,GAAE,CAAC,CAAC,OAAO,CAAA;IAEtC,IAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IACF,OAAO,CACL,wBAAC,WAAI,aAAC,GAAG,EAAE,UAAU,CAAC,OAAO,iBAC1B,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,IAAI,EAAE,KAAK,WAAI,CAAC,CAAC,CAAC,KAAK,EAC1D,uBAAC,WAAI,aAAC,GAAG,EAAE,UAAU,CAAC,WAAW,gBAC9B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CAC3B,uBAAC,mBAAW,IACV,IAAI,EAAE,IAAI,EAEV,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,EAC7B,MAAM,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAzB,CAAyB,IAJlC,GAAG,CAKR,CACH,EAT4B,CAS5B,CAAC,YACG,aACF,CACR,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,UAAU,cAoCtB"}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { RadioInputComposition } from '@codeleap/common';
|
|
2
|
-
export declare const WebRadioInputStyles: {
|
|
3
|
-
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
4
|
-
square: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
5
|
-
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
6
|
-
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
7
|
-
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
8
|
-
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
9
|
-
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
10
|
-
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
11
|
-
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
12
|
-
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
13
|
-
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
14
|
-
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
15
|
-
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
16
|
-
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
17
|
-
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
18
|
-
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
19
|
-
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
20
|
-
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
21
|
-
fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
22
|
-
fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
23
|
-
fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
24
|
-
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
25
|
-
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
26
|
-
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
27
|
-
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
28
|
-
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
29
|
-
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
30
|
-
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
31
|
-
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
32
|
-
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
33
|
-
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
34
|
-
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
35
|
-
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
36
|
-
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
37
|
-
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
38
|
-
justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
39
|
-
justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
40
|
-
justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
41
|
-
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
42
|
-
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
43
|
-
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
44
|
-
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
45
|
-
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
46
|
-
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
47
|
-
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
48
|
-
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
49
|
-
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
50
|
-
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
51
|
-
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
52
|
-
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
53
|
-
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
|
|
54
|
-
};
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.WebRadioInputStyles = void 0;
|
|
15
|
-
var common_1 = require("@codeleap/common");
|
|
16
|
-
var createRadioStyle = (0, common_1.createDefaultVariantFactory)();
|
|
17
|
-
var defaultStyles = common_1.RadioInputStyles.default;
|
|
18
|
-
exports.WebRadioInputStyles = __assign(__assign({}, common_1.RadioInputStyles), { default: createRadioStyle(function (theme) {
|
|
19
|
-
var style = defaultStyles(theme);
|
|
20
|
-
return __assign(__assign({}, style), { itemWrapper: __assign(__assign({}, style.itemWrapper), { cursor: 'pointer' }), button: __assign({ height: '1em', width: '1em', borderRadius: theme.borderRadius.large, border: theme.border.primary(1), position: 'relative' }, theme.spacing.marginRight(1)), 'button:mark': {
|
|
21
|
-
background: theme.colors.primary,
|
|
22
|
-
content: '""',
|
|
23
|
-
position: 'absolute',
|
|
24
|
-
left: '50%',
|
|
25
|
-
top: '50%',
|
|
26
|
-
transform: 'translate(-50%,-50%)',
|
|
27
|
-
borderRadius: theme.borderRadius.large,
|
|
28
|
-
height: '50%',
|
|
29
|
-
width: '50%',
|
|
30
|
-
visibility: 'hidden',
|
|
31
|
-
}, 'button:checked': {
|
|
32
|
-
'&:after': {
|
|
33
|
-
visibility: 'visible',
|
|
34
|
-
},
|
|
35
|
-
} });
|
|
36
|
-
}), square: createRadioStyle(function () { return ({
|
|
37
|
-
'button:mark': {
|
|
38
|
-
borderRadius: '1px',
|
|
39
|
-
},
|
|
40
|
-
button: {
|
|
41
|
-
borderRadius: '1px',
|
|
42
|
-
},
|
|
43
|
-
}); }) });
|
|
44
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/RadioInput/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAIyB;AAEzB,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAAyB,CAAA;AAE7E,IAAM,aAAa,GAAG,yBAAgB,CAAC,OAAO,CAAA;AAEjC,QAAA,mBAAmB,yBAC3B,yBAAgB,KACnB,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAC9B,IAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;QAClC,6BACK,KAAK,KACR,WAAW,wBACN,KAAK,CAAC,WAAW,KACpB,MAAM,EAAE,SAAS,KAEnB,MAAM,aACJ,MAAM,EAAE,KAAK,EACb,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EACtC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAE/B,QAAQ,EAAE,UAAU,IACjB,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,GAEjC,aAAa,EAAE;gBACb,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;gBAChC,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,KAAK;gBACX,GAAG,EAAE,KAAK;gBAEV,SAAS,EAAE,sBAAsB;gBACjC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;gBACtC,MAAM,EAAE,KAAK;gBACb,KAAK,EAAE,KAAK;gBACZ,UAAU,EAAE,QAAQ;aACrB,EACD,gBAAgB,EAAE;gBAChB,SAAS,EAAE;oBACT,UAAU,EAAE,SAAS;iBACtB;aACF,IACF;IACH,CAAC,CAAC,EACF,MAAM,EAAE,gBAAgB,CAAC,cAAM,OAAA,CAAC;QAC9B,aAAa,EAAE;YACb,YAAY,EAAE,KAAK;SACpB;QACD,MAAM,EAAE;YACN,YAAY,EAAE,KAAK;SACpB;KACF,CAAC,EAP6B,CAO7B,CAAC,IACJ"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { MenuItemProps } from './MenuItem';
|
|
3
|
-
import { MenuComposition } from '@codeleap/common';
|
|
4
|
-
import { StylesOf } from '../../types/utility';
|
|
5
|
-
declare type RouterMenuProps = {
|
|
6
|
-
items: MenuItemProps['data'][];
|
|
7
|
-
styles?: StylesOf<MenuComposition>;
|
|
8
|
-
};
|
|
9
|
-
export declare const Menu: React.FC<RouterMenuProps>;
|
|
10
|
-
export {};
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.Menu = void 0;
|
|
15
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
16
|
-
var View_1 = require("../View");
|
|
17
|
-
var CenterWrapper_1 = require("../CenterWrapper");
|
|
18
|
-
var HorizontalScroll_1 = require("../HorizontalScroll");
|
|
19
|
-
var MenuItem_1 = require("./MenuItem");
|
|
20
|
-
var common_1 = require("@codeleap/common");
|
|
21
|
-
var TabsWrapper = function (_a) {
|
|
22
|
-
var children = _a.children, styles = _a.styles;
|
|
23
|
-
var Theme = (0, common_1.useCodeleapContext)().Theme;
|
|
24
|
-
var isMobile = Theme.hooks.down('small');
|
|
25
|
-
var wrapperStyle = isMobile ? styles.topMenu : styles.sideMenu;
|
|
26
|
-
if (isMobile) {
|
|
27
|
-
return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: [wrapperStyle] }, { children: (0, jsx_runtime_1.jsx)(CenterWrapper_1.CenterWrapper, { children: (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: styles.mobileMenu }, { children: (0, jsx_runtime_1.jsx)(HorizontalScroll_1.HorizontalScroll, __assign({ css: styles.horizontalScroll }, { children: children }), void 0) }), void 0) }, void 0) }), void 0));
|
|
28
|
-
}
|
|
29
|
-
return (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: [wrapperStyle] }, { children: children }), void 0);
|
|
30
|
-
};
|
|
31
|
-
var Menu = function (_a) {
|
|
32
|
-
var items = _a.items, styles = _a.styles;
|
|
33
|
-
return ((0, jsx_runtime_1.jsx)(TabsWrapper, __assign({ styles: styles }, { children: items.map(function (data) { return ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { data: data, styles: styles }, data.path)); }) }), void 0));
|
|
34
|
-
};
|
|
35
|
-
exports.Menu = Menu;
|
|
36
|
-
//# sourceMappingURL=Menu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/components/RouterPage/Menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,kDAAgD;AAChD,wDAAsD;AACtD,uCAAoD;AACpD,2CAAsE;AAGtE,IAAM,WAAW,GAAG,UAAC,EAAoB;QAAlB,QAAQ,cAAA,EAAE,MAAM,YAAA;IAC7B,IAAA,KAAK,GAAK,IAAA,2BAAkB,GAAE,MAAzB,CAAyB;IACtC,IAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAE1C,IAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAA;IAEhE,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,uBAAC,WAAI,aAAC,GAAG,EAAE,CAAC,YAAY,CAAC,gBACvB,uBAAC,6BAAa,cACZ,uBAAC,WAAI,aAAC,GAAG,EAAE,MAAM,CAAC,UAAU,gBAC1B,uBAAC,mCAAgB,aAAC,GAAG,EAAE,MAAM,CAAC,gBAAgB,gBAC3C,QAAQ,YACQ,YACd,WACO,YACX,CACR,CAAA;KACF;IAED,OAAO,uBAAC,WAAI,aAAC,GAAG,EAAE,CAAC,YAAY,CAAC,gBAAG,QAAQ,YAAQ,CAAA;AACrD,CAAC,CAAA;AAOM,IAAM,IAAI,GAA8B,UAAC,EAAiB;QAAf,KAAK,WAAA,EAAE,MAAM,YAAA;IAC7D,OAAO,CACL,uBAAC,WAAW,aAAC,MAAM,EAAE,MAAM,gBACxB,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACnB,uBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,EAAkB,MAAM,EAAE,MAAM,IAAzB,IAAI,CAAC,IAAI,CAAoB,CACzD,EAFoB,CAEpB,CAAC,YACU,CACf,CAAA;AACH,CAAC,CAAA;AARY,QAAA,IAAI,QAQhB"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IconPlaceholder, StylesOf } from '@codeleap/common';
|
|
3
|
-
import { MenuComposition } from './styles';
|
|
4
|
-
export declare type MenuItemProps = {
|
|
5
|
-
data: {
|
|
6
|
-
icon: IconPlaceholder;
|
|
7
|
-
title: string;
|
|
8
|
-
path: string;
|
|
9
|
-
};
|
|
10
|
-
styles: StylesOf<MenuComposition>;
|
|
11
|
-
};
|
|
12
|
-
export declare const MenuItem: React.FC<MenuItemProps>;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.MenuItem = void 0;
|
|
15
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
16
|
-
var Text_1 = require("../Text");
|
|
17
|
-
var Icon_1 = require("../Icon");
|
|
18
|
-
var Link_1 = require("../Link");
|
|
19
|
-
var common_1 = require("@codeleap/common");
|
|
20
|
-
var utils_1 = require("../../lib/utils");
|
|
21
|
-
var gatsby_1 = require("gatsby");
|
|
22
|
-
var RouterLink = function (props) { return ((0, jsx_runtime_1.jsx)(Link_1.Link, __assign({ component: gatsby_1.Link }, props), void 0)); };
|
|
23
|
-
var MenuItem = function (props) {
|
|
24
|
-
var styles = props.styles;
|
|
25
|
-
var _a = props.data, title = _a.title, path = _a.path, icon = _a.icon;
|
|
26
|
-
var pathname = (0, utils_1.url)().pathname;
|
|
27
|
-
var selected = pathname.includes(path);
|
|
28
|
-
var Theme = (0, common_1.useCodeleapContext)().Theme;
|
|
29
|
-
var isMobile = Theme.hooks.down('small');
|
|
30
|
-
if (isMobile) {
|
|
31
|
-
return ((0, jsx_runtime_1.jsxs)(RouterLink, __assign({ to: path, css: [styles['menuItem:mobile']] }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: 'p3', css: [
|
|
32
|
-
styles['menuItem:text:mobile'],
|
|
33
|
-
selected && styles['menuItem:text:selected'],
|
|
34
|
-
], text: title }, void 0), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, style: __assign(__assign({}, styles['menuItem:icon:mobile']), selected && styles['menuItem:icon:mobile:selected']) }, void 0)] }), void 0));
|
|
35
|
-
}
|
|
36
|
-
return ((0, jsx_runtime_1.jsxs)(RouterLink, __assign({ to: path, css: [styles.menuItem] }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, style: __assign(__assign({}, styles['menuItem:icon']), selected && styles['menuItem:icon:selected']) }, void 0), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: 'p3', css: [
|
|
37
|
-
styles['menuItem:text'],
|
|
38
|
-
selected && styles['menuItem:text:selected'],
|
|
39
|
-
], text: title }, void 0)] }), void 0));
|
|
40
|
-
};
|
|
41
|
-
exports.MenuItem = MenuItem;
|
|
42
|
-
//# sourceMappingURL=MenuItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../src/components/RouterPage/MenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAA8B;AAC9B,2CAKyB;AACzB,yCAAqC;AACrC,iCAAyC;AAGzC,IAAM,UAAU,GAAkB,UAAC,KAAK,IAAK,OAAA,CAC3C,uBAAC,WAAI,aAAC,SAAS,EAAE,aAAQ,IAAM,KAAK,UAAI,CACzC,EAF4C,CAE5C,CAAA;AAWM,IAAM,QAAQ,GAA4B,UAAC,KAAK;IAC7C,IAAA,MAAM,GAAK,KAAK,OAAV,CAAU;IAClB,IAAA,KAAwB,KAAK,CAAC,IAAI,EAAhC,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAe,CAAA;IAEhC,IAAA,QAAQ,GAAK,IAAA,WAAG,GAAE,SAAV,CAAU;IAE1B,IAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAChC,IAAA,KAAK,GAAK,IAAA,2BAAkB,GAAE,MAAzB,CAAyB;IACtC,IAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAE1C,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,wBAAC,UAAU,aAAC,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,iBACpD,uBAAC,WAAI,IACH,OAAO,EAAE,IAAI,EACb,GAAG,EAAE;wBACH,MAAM,CAAC,sBAAsB,CAAC;wBAC9B,QAAQ,IAAI,MAAM,CAAC,wBAAwB,CAAC;qBAC7C,EACD,IAAI,EAAE,KAAK,WACX,EACF,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,wBAClB,MAAM,CAAC,sBAAsB,CAAC,GAC9B,QAAQ,IAAI,MAAM,CAAC,+BAA+B,CAAC,YACpD,aACO,CACd,CAAA;KACF;IAED,OAAO,CACL,wBAAC,UAAU,aAAC,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,iBAC1C,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,wBAClB,MAAM,CAAC,eAAe,CAAC,GACvB,QAAQ,IAAI,MAAM,CAAC,wBAAwB,CAAC,YAC7C,EACJ,uBAAC,WAAI,IACH,OAAO,EAAE,IAAI,EACb,GAAG,EAAE;oBACH,MAAM,CAAC,eAAe,CAAC;oBACvB,QAAQ,IAAI,MAAM,CAAC,wBAAwB,CAAC;iBAC7C,EACD,IAAI,EAAE,KAAK,WACX,aACS,CACd,CAAA;AACH,CAAC,CAAA;AA7CY,QAAA,QAAQ,YA6CpB"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.Router = void 0;
|
|
18
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
19
|
-
var react_1 = __importDefault(require("react"));
|
|
20
|
-
var router_1 = require("@reach/router");
|
|
21
|
-
var Router = function (props) {
|
|
22
|
-
var children = props.children, style = props.style, basePath = props.basePath, defaultPath = props.defaultPath;
|
|
23
|
-
var base = "".concat(basePath);
|
|
24
|
-
return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(router_1.Router, __assign({ basepath: base, style: style }, { children: children }), void 0) }, void 0));
|
|
25
|
-
};
|
|
26
|
-
exports.Router = Router;
|
|
27
|
-
//# sourceMappingURL=Router.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Router.js","sourceRoot":"","sources":["../../../src/components/RouterPage/Router.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,wCAAqD;AAQ9C,IAAM,MAAM,GAA0B,UAAC,KAAK;IACzC,IAAA,QAAQ,GAAmC,KAAK,SAAxC,EAAE,KAAK,GAA4B,KAAK,MAAjC,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAU;IACxD,IAAM,IAAI,GAAG,UAAG,QAAQ,CAAE,CAAA;IAE1B,OAAO,CACL,uBAAC,eAAK,CAAC,QAAQ,cACb,uBAAC,eAAW,aAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,gBAAG,QAAQ,YAAe,WACpD,CAClB,CAAA;AACH,CAAC,CAAA;AATY,QAAA,MAAM,UASlB"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ComponentVariants, IconPlaceholder } from '@codeleap/common';
|
|
3
|
-
import { StylesOf } from '../../types/utility';
|
|
4
|
-
import { RouterPageComposition, RouterPageStyles } from './styles';
|
|
5
|
-
export * from './styles';
|
|
6
|
-
export declare type RouteProps = {
|
|
7
|
-
title?: string;
|
|
8
|
-
path?: string;
|
|
9
|
-
menuIcon?: IconPlaceholder;
|
|
10
|
-
};
|
|
11
|
-
declare type ContentProps = {
|
|
12
|
-
styles: StylesOf<RouterPageComposition>;
|
|
13
|
-
menuItems: {
|
|
14
|
-
icon: string;
|
|
15
|
-
title: string;
|
|
16
|
-
path: string;
|
|
17
|
-
}[];
|
|
18
|
-
showMenu?: boolean;
|
|
19
|
-
};
|
|
20
|
-
export * from './Router';
|
|
21
|
-
export * from './Menu';
|
|
22
|
-
export * from './MenuItem';
|
|
23
|
-
declare type RouterPageProps = {
|
|
24
|
-
basePath: string;
|
|
25
|
-
styles?: StylesOf<RouterPageComposition>;
|
|
26
|
-
title?: string;
|
|
27
|
-
renderContentWrapper?: React.FC<ContentProps>;
|
|
28
|
-
} & ComponentVariants<typeof RouterPageStyles>;
|
|
29
|
-
export declare const RouterPage: React.FC<RouterPageProps>;
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
-
}) : (function(o, m, k, k2) {
|
|
17
|
-
if (k2 === undefined) k2 = k;
|
|
18
|
-
o[k2] = m[k];
|
|
19
|
-
}));
|
|
20
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
-
}) : function(o, v) {
|
|
23
|
-
o["default"] = v;
|
|
24
|
-
});
|
|
25
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
-
if (mod && mod.__esModule) return mod;
|
|
27
|
-
var result = {};
|
|
28
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
-
__setModuleDefault(result, mod);
|
|
30
|
-
return result;
|
|
31
|
-
};
|
|
32
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
33
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
34
|
-
};
|
|
35
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
exports.RouterPage = void 0;
|
|
37
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
38
|
-
var View_1 = require("../View");
|
|
39
|
-
var react_1 = __importStar(require("react"));
|
|
40
|
-
var Menu_1 = require("./Menu");
|
|
41
|
-
var Router_1 = require("./Router");
|
|
42
|
-
var common_1 = require("@codeleap/common");
|
|
43
|
-
var react_helmet_1 = require("react-helmet");
|
|
44
|
-
var utils_1 = require("../../lib/utils");
|
|
45
|
-
__exportStar(require("./styles"), exports);
|
|
46
|
-
__exportStar(require("./Router"), exports);
|
|
47
|
-
__exportStar(require("./Menu"), exports);
|
|
48
|
-
__exportStar(require("./MenuItem"), exports);
|
|
49
|
-
var RouterPage = function (props) {
|
|
50
|
-
var children = props.children, basePath = props.basePath, variants = props.variants, pageGroupTitle = props.title, responsiveVariants = props.responsiveVariants, styles = props.styles, renderContentWrapper = props.renderContentWrapper;
|
|
51
|
-
var pathName = (0, utils_1.url)().pathname;
|
|
52
|
-
var _a = (0, react_1.useMemo)(function () {
|
|
53
|
-
var items = [];
|
|
54
|
-
var defaultPath = '';
|
|
55
|
-
react_1.default.Children.forEach(children, function (c) {
|
|
56
|
-
if (react_1.default.isValidElement(c) && c.props) {
|
|
57
|
-
var _a = c.props, title = _a.title, path = _a.path, menuIcon = _a.menuIcon;
|
|
58
|
-
if ([title, path, menuIcon].some(function (i) { return !i; })) {
|
|
59
|
-
return;
|
|
60
|
-
}
|
|
61
|
-
if (c.props.default)
|
|
62
|
-
defaultPath = path;
|
|
63
|
-
items.push(__assign(__assign({}, c.props), { title: title, path: "".concat(basePath).concat(path), icon: menuIcon }));
|
|
64
|
-
}
|
|
65
|
-
});
|
|
66
|
-
return {
|
|
67
|
-
menuItems: items,
|
|
68
|
-
defaultPath: defaultPath,
|
|
69
|
-
};
|
|
70
|
-
}, [children]), menuItems = _a.menuItems, defaultPath = _a.defaultPath;
|
|
71
|
-
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:RouterPage', {
|
|
72
|
-
variants: variants,
|
|
73
|
-
responsiveVariants: responsiveVariants,
|
|
74
|
-
styles: styles,
|
|
75
|
-
});
|
|
76
|
-
var currentPage = menuItems.find(function (_a) {
|
|
77
|
-
var path = _a.path;
|
|
78
|
-
return pathName.includes(path);
|
|
79
|
-
});
|
|
80
|
-
var Content = renderContentWrapper;
|
|
81
|
-
return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: variantStyles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: (pageGroupTitle ? "".concat(pageGroupTitle, " | ") : '') +
|
|
82
|
-
(currentPage ? currentPage === null || currentPage === void 0 ? void 0 : currentPage.title : '') }, void 0) }, void 0), renderContentWrapper ? ((0, jsx_runtime_1.jsx)(Content, __assign({ styles: variantStyles, menuItems: menuItems, showMenu: currentPage === null || currentPage === void 0 ? void 0 : currentPage.showMenu }, { children: (0, jsx_runtime_1.jsx)(Router_1.Router, __assign({ defaultPath: defaultPath, basePath: basePath, style: variantStyles.router }, { children: children }), void 0) }), void 0)) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(currentPage === null || currentPage === void 0 ? void 0 : currentPage.showMenu) ? (0, jsx_runtime_1.jsx)(Menu_1.Menu, { items: menuItems, styles: variantStyles }, void 0) : null, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: variantStyles.content }, { children: (0, jsx_runtime_1.jsx)(Router_1.Router, __assign({ defaultPath: defaultPath, basePath: basePath, style: variantStyles.router }, { children: children }), void 0) }), void 0)] }, void 0))] }), void 0));
|
|
83
|
-
};
|
|
84
|
-
exports.RouterPage = RouterPage;
|
|
85
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RouterPage/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,6CAAsC;AAEtC,+BAA6B;AAC7B,mCAAiC;AACjC,2CAKyB;AAEzB,6CAAqC;AACrC,yCAAqC;AAGrC,2CAAwB;AAgBxB,2CAAwB;AACxB,yCAAsB;AACtB,6CAA0B;AASnB,IAAM,UAAU,GAA8B,UAAC,KAAK;IAEvD,IAAA,QAAQ,GAON,KAAK,SAPC,EACR,QAAQ,GAMN,KAAK,SANC,EACR,QAAQ,GAKN,KAAK,SALC,EACD,cAAc,GAInB,KAAK,MAJc,EACrB,kBAAkB,GAGhB,KAAK,mBAHW,EAClB,MAAM,GAEJ,KAAK,OAFD,EACN,oBAAoB,GAClB,KAAK,qBADa,CACb;IACT,IAAM,QAAQ,GAAG,IAAA,WAAG,GAAE,CAAC,QAAQ,CAAA;IAEzB,IAAA,KAA6B,IAAA,eAAO,EAAC;QACzC,IAAM,KAAK,GAAG,EAAE,CAAA;QAEhB,IAAI,WAAW,GAAG,EAAE,CAAA;QAEpB,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,CAAC;YACjC,IAAI,eAAK,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE;gBAChC,IAAA,KAA4B,CAAC,CAAC,KAAK,EAAjC,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAY,CAAA;gBACzC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAF,CAAE,CAAC,EAAE;oBAC3C,OAAM;iBACP;gBACD,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO;oBAAE,WAAW,GAAG,IAAI,CAAA;gBACvC,KAAK,CAAC,IAAI,uBACL,CAAC,CAAC,KAAK,KACV,KAAK,OAAA,EACL,IAAI,EAAE,UAAG,QAAQ,SAAG,IAAI,CAAE,EAC1B,IAAI,EAAE,QAAQ,IACd,CAAA;aACH;QACH,CAAC,CAAC,CAAA;QAEF,OAAO;YACL,SAAS,EAAE,KAAK;YAChB,WAAW,aAAA;SACZ,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAzBN,SAAS,eAAA,EAAE,WAAW,iBAyBhB,CAAA;IAEd,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,cAAc,EAAE;QAC7D,QAAQ,UAAA;QACR,kBAAkB,oBAAA;QAClB,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,IAAM,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC,UAAC,EAAQ;YAAN,IAAI,UAAA;QAAO,OAAA,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC;IAAvB,CAAuB,CAAC,CAAA;IAEzE,IAAM,OAAO,GAAG,oBAAoB,CAAA;IACpC,OAAO,CACL,wBAAC,WAAI,aAAC,GAAG,EAAE,aAAa,CAAC,OAAO,iBAC9B,uBAAC,qBAAM,cACL,4CACG,CAAC,cAAc,CAAC,CAAC,CAAC,UAAG,cAAc,QAAK,CAAC,CAAC,CAAC,EAAE,CAAC;wBAC7C,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,WACnC,WACD,EACR,oBAAoB,CAAC,CAAC,CAAC,CACtB,uBAAC,OAAO,aAAC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,gBACnF,uBAAC,eAAM,aACL,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,aAAa,CAAC,MAAM,gBAE1B,QAAQ,YACF,YACD,CACX,CAAC,CAAC,CAAC,CACF,6DACG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,EAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,WAAI,CAAC,CAAC,CAAC,IAAI,EACjF,uBAAC,WAAI,aAAC,GAAG,EAAE,aAAa,CAAC,OAAO,gBAC9B,uBAAC,eAAM,aACL,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,aAAa,CAAC,MAAM,gBAE1B,QAAQ,YACF,YACJ,YACN,CACJ,aACI,CACR,CAAA;AACH,CAAC,CAAA;AAlFY,QAAA,UAAU,cAkFtB"}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
export declare type MenuComposition = 'wrapper' | 'menuItem' | 'menuItem:mobile' | 'menuItem:icon' | 'menuItem:icon:selected' | 'menuItem:text' | 'menuItem:text:mobile' | 'menuItem:icon:mobile' | 'menuItem:icon:mobile:selected' | 'menuItem:text:selected' | 'sideMenu' | 'topMenu' | 'horizontalScroll' | 'router';
|
|
2
|
-
export declare type RouterPageComposition = 'content' | 'router' | MenuComposition;
|
|
3
|
-
export declare const RouterPageStyles: {
|
|
4
|
-
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
5
|
-
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
6
|
-
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
7
|
-
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
8
|
-
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
9
|
-
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
10
|
-
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
11
|
-
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
12
|
-
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
13
|
-
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
14
|
-
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
15
|
-
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
16
|
-
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
17
|
-
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
18
|
-
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
19
|
-
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
20
|
-
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
21
|
-
fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
22
|
-
fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
23
|
-
fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
24
|
-
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
25
|
-
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
26
|
-
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
27
|
-
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
28
|
-
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
29
|
-
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
30
|
-
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
31
|
-
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
32
|
-
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
33
|
-
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
34
|
-
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
35
|
-
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
36
|
-
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
37
|
-
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
38
|
-
justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
39
|
-
justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
40
|
-
justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
41
|
-
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
42
|
-
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
43
|
-
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
44
|
-
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
45
|
-
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
46
|
-
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
47
|
-
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
48
|
-
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
49
|
-
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
50
|
-
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
51
|
-
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
52
|
-
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
53
|
-
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RouterPageComposition, any>>;
|
|
54
|
-
};
|