@codeleap/web 1.0.0
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/.eslintignore +2 -0
- package/.eslintrc.js +3 -0
- package/.turbo/turbo-build.log +1 -0
- package/dist/components/ActivityIndicator/index.d.ts +12 -0
- package/dist/components/ActivityIndicator/index.js +60 -0
- package/dist/components/ActivityIndicator/index.js.map +1 -0
- package/dist/components/ActivityIndicator/styles.d.ts +42 -0
- package/dist/components/ActivityIndicator/styles.js +22 -0
- package/dist/components/ActivityIndicator/styles.js.map +1 -0
- package/dist/components/Button.d.ts +15 -0
- package/dist/components/Button.js +48 -0
- package/dist/components/Button.js.map +1 -0
- package/dist/components/CenterWrapper.d.ts +7 -0
- package/dist/components/CenterWrapper.js +28 -0
- package/dist/components/CenterWrapper.js.map +1 -0
- package/dist/components/Checkbox.d.ts +11 -0
- package/dist/components/Checkbox.js +46 -0
- package/dist/components/Checkbox.js.map +1 -0
- package/dist/components/ContentView.d.ts +10 -0
- package/dist/components/ContentView.js +52 -0
- package/dist/components/ContentView.js.map +1 -0
- package/dist/components/Drawer.d.ts +23 -0
- package/dist/components/Drawer.js +66 -0
- package/dist/components/Drawer.js.map +1 -0
- package/dist/components/FileInput.d.ts +8 -0
- package/dist/components/FileInput.js +69 -0
- package/dist/components/FileInput.js.map +1 -0
- package/dist/components/FlatList.d.ts +18 -0
- package/dist/components/FlatList.js +52 -0
- package/dist/components/FlatList.js.map +1 -0
- package/dist/components/HorizontalScroll.d.ts +3 -0
- package/dist/components/HorizontalScroll.js +42 -0
- package/dist/components/HorizontalScroll.js.map +1 -0
- package/dist/components/Icon.d.ts +12 -0
- package/dist/components/Icon.js +21 -0
- package/dist/components/Icon.js.map +1 -0
- package/dist/components/Link.d.ts +6 -0
- package/dist/components/Link.js +66 -0
- package/dist/components/Link.js.map +1 -0
- package/dist/components/Modal/index.d.ts +19 -0
- package/dist/components/Modal/index.js +111 -0
- package/dist/components/Modal/index.js.map +1 -0
- package/dist/components/Modal/styles.d.ts +44 -0
- package/dist/components/Modal/styles.js +33 -0
- package/dist/components/Modal/styles.js.map +1 -0
- package/dist/components/Overlay.d.ts +10 -0
- package/dist/components/Overlay.js +41 -0
- package/dist/components/Overlay.js.map +1 -0
- package/dist/components/PageRouter/Menu.d.ts +10 -0
- package/dist/components/PageRouter/Menu.js +36 -0
- package/dist/components/PageRouter/Menu.js.map +1 -0
- package/dist/components/PageRouter/MenuItem.d.ts +11 -0
- package/dist/components/PageRouter/MenuItem.js +42 -0
- package/dist/components/PageRouter/MenuItem.js.map +1 -0
- package/dist/components/PageRouter/Router.d.ts +8 -0
- package/dist/components/PageRouter/Router.js +27 -0
- package/dist/components/PageRouter/Router.js.map +1 -0
- package/dist/components/PageRouter/index.d.ts +15 -0
- package/dist/components/PageRouter/index.js +76 -0
- package/dist/components/PageRouter/index.js.map +1 -0
- package/dist/components/RadioInput/index.d.ts +62 -0
- package/dist/components/RadioInput/index.js +53 -0
- package/dist/components/RadioInput/index.js.map +1 -0
- package/dist/components/RadioInput/styles.d.ts +43 -0
- package/dist/components/RadioInput/styles.js +44 -0
- package/dist/components/RadioInput/styles.js.map +1 -0
- package/dist/components/Select.d.ts +17 -0
- package/dist/components/Select.js +44 -0
- package/dist/components/Select.js.map +1 -0
- package/dist/components/Slider.d.ts +5 -0
- package/dist/components/Slider.js +36 -0
- package/dist/components/Slider.js.map +1 -0
- package/dist/components/Text.d.ts +9 -0
- package/dist/components/Text.js +39 -0
- package/dist/components/Text.js.map +1 -0
- package/dist/components/TextInput.d.ts +122 -0
- package/dist/components/TextInput.js +125 -0
- package/dist/components/TextInput.js.map +1 -0
- package/dist/components/Tooltip-old.d.ts +11 -0
- package/dist/components/Tooltip-old.js +151 -0
- package/dist/components/Tooltip-old.js.map +1 -0
- package/dist/components/Tooltip.d.ts +12 -0
- package/dist/components/Tooltip.js +124 -0
- package/dist/components/Tooltip.js.map +1 -0
- package/dist/components/Touchable.d.ts +12 -0
- package/dist/components/Touchable.js +48 -0
- package/dist/components/Touchable.js.map +1 -0
- package/dist/components/View.d.ts +9 -0
- package/dist/components/View.js +47 -0
- package/dist/components/View.js.map +1 -0
- package/dist/components/index.d.ts +22 -0
- package/dist/components/index.js +35 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/router/Menu.d.ts +10 -0
- package/dist/components/router/Menu.js +39 -0
- package/dist/components/router/Menu.js.map +1 -0
- package/dist/components/router/MenuItem.d.ts +11 -0
- package/dist/components/router/MenuItem.js +42 -0
- package/dist/components/router/MenuItem.js.map +1 -0
- package/dist/components/router/Router.d.ts +8 -0
- package/dist/components/router/Router.js +28 -0
- package/dist/components/router/Router.js.map +1 -0
- package/dist/components/router/index.d.ts +14 -0
- package/dist/components/router/index.js +69 -0
- package/dist/components/router/index.js.map +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +17 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/hooks.d.ts +8 -0
- package/dist/lib/hooks.js +49 -0
- package/dist/lib/hooks.js.map +1 -0
- package/dist/lib/logger.d.ts +2 -0
- package/dist/lib/logger.js +16 -0
- package/dist/lib/logger.js.map +1 -0
- package/dist/lib/utils/cookies.d.ts +6 -0
- package/dist/lib/utils/cookies.js +15 -0
- package/dist/lib/utils/cookies.js.map +1 -0
- package/dist/lib/utils/index.d.ts +4 -0
- package/dist/lib/utils/index.js +23 -0
- package/dist/lib/utils/index.js.map +1 -0
- package/dist/lib/utils/pollyfils/scroll.d.ts +1 -0
- package/dist/lib/utils/pollyfils/scroll.js +58 -0
- package/dist/lib/utils/pollyfils/scroll.js.map +1 -0
- package/dist/lib/utils/stopPropagation.d.ts +1 -0
- package/dist/lib/utils/stopPropagation.js +21 -0
- package/dist/lib/utils/stopPropagation.js.map +1 -0
- package/dist/types/utility.d.ts +2 -0
- package/dist/types/utility.js +3 -0
- package/dist/types/utility.js.map +1 -0
- package/package.json +38 -0
- package/src/components/ActivityIndicator/index.tsx +55 -0
- package/src/components/ActivityIndicator/styles.ts +18 -0
- package/src/components/Button.tsx +67 -0
- package/src/components/CenterWrapper.tsx +24 -0
- package/src/components/Checkbox.tsx +46 -0
- package/src/components/ContentView.tsx +48 -0
- package/src/components/Drawer.tsx +114 -0
- package/src/components/FileInput.tsx +48 -0
- package/src/components/FlatList.tsx +77 -0
- package/src/components/HorizontalScroll.tsx +24 -0
- package/src/components/Icon.tsx +26 -0
- package/src/components/Link.tsx +51 -0
- package/src/components/Modal/index.tsx +150 -0
- package/src/components/Modal/styles.ts +49 -0
- package/src/components/Overlay.tsx +25 -0
- package/src/components/PageRouter/Menu.tsx +49 -0
- package/src/components/PageRouter/MenuItem.tsx +55 -0
- package/src/components/PageRouter/Router.tsx +23 -0
- package/src/components/PageRouter/index.tsx +81 -0
- package/src/components/RadioInput/index.tsx +72 -0
- package/src/components/RadioInput/styles.ts +57 -0
- package/src/components/Select.tsx +60 -0
- package/src/components/Slider.tsx +14 -0
- package/src/components/Text.tsx +27 -0
- package/src/components/TextInput.tsx +219 -0
- package/src/components/Tooltip.tsx +138 -0
- package/src/components/Touchable.tsx +47 -0
- package/src/components/View.tsx +54 -0
- package/src/components/index.ts +23 -0
- package/src/index.ts +4 -0
- package/src/lib/hooks.ts +42 -0
- package/src/lib/logger.ts +15 -0
- package/src/lib/utils/cookies.ts +19 -0
- package/src/lib/utils/index.ts +4 -0
- package/src/lib/utils/pollyfils/scroll.ts +59 -0
- package/src/lib/utils/stopPropagation.ts +17 -0
- package/src/types/utility.ts +4 -0
- package/tsconfig.json +42 -0
|
@@ -0,0 +1,48 @@
|
|
|
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.Touchable = void 0;
|
|
26
|
+
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
27
|
+
/** @jsx jsx */
|
|
28
|
+
var common_1 = require("@codeleap/common");
|
|
29
|
+
var stopPropagation_1 = require("../lib/utils/stopPropagation");
|
|
30
|
+
var View_1 = require("./View");
|
|
31
|
+
var Touchable = function (touchableProps) {
|
|
32
|
+
var children = touchableProps.children, _a = touchableProps.propagate, propagate = _a === void 0 ? true : _a, _b = touchableProps.component, Component = _b === void 0 ? View_1.View : _b, disabled = touchableProps.disabled, onPress = touchableProps.onPress, onClick = touchableProps.onClick, props = __rest(touchableProps, ["children", "propagate", "component", "disabled", "onPress", "onClick"]);
|
|
33
|
+
var logger = (0, common_1.useStyle)().logger;
|
|
34
|
+
var handleClick = function (event) {
|
|
35
|
+
if (disabled)
|
|
36
|
+
return;
|
|
37
|
+
if (!propagate)
|
|
38
|
+
(0, stopPropagation_1.stopPropagation)(event);
|
|
39
|
+
if (!onClick && !onPress)
|
|
40
|
+
throw new Error('No onClick or onPress passed to touchable');
|
|
41
|
+
onPress && onPress();
|
|
42
|
+
onClick && onClick(event);
|
|
43
|
+
// logger.log('Touchable pressed', JSON.stringify(touchableProps, null, 2) ,'Component')
|
|
44
|
+
};
|
|
45
|
+
return ((0, jsx_runtime_1.jsx)(Component, __assign({}, props, { onClick: handleClick }, { children: children }), void 0));
|
|
46
|
+
};
|
|
47
|
+
exports.Touchable = Touchable;
|
|
48
|
+
//# sourceMappingURL=Touchable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Touchable.js","sourceRoot":"","sources":["../../src/components/Touchable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,eAAe;AACf,2CAAyD;AAIzD,gEAA+D;AAC/D,+BAA8B;AAYvB,IAAM,SAAS,GAAG,UAAsC,cAAgC;IACrF,IAAA,QAAQ,GAA0F,cAAc,SAAxG,EAAE,KAAwF,cAAc,UAAtF,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAAE,KAAsE,cAAc,UAAzD,EAAhB,SAAS,mBAAG,WAAI,KAAA,EAAE,QAAQ,GAAiC,cAAc,SAA/C,EAAE,OAAO,GAAwB,cAAc,QAAtC,EAAE,OAAO,GAAe,cAAc,QAA7B,EAAK,KAAK,UAAK,cAAc,EAAlH,wEAAiG,CAAF,CAAmB;IAE/G,IAAA,MAAM,GAAK,IAAA,iBAAQ,GAAE,OAAf,CAAe;IAE9B,IAAM,WAAW,GAAG,UAAC,KAA0B;QAE7C,IAAI,QAAQ;YAAE,OAAM;QAEpB,IAAI,CAAC,SAAS;YAAE,IAAA,iCAAe,EAAC,KAAK,CAAC,CAAA;QAEtC,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO;YAAE,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAA;QACtF,OAAO,IAAI,OAAO,EAAE,CAAA;QAEpB,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAA;QAEzB,yFAAyF;IAC3F,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,SAAS,eACJ,KAAK,IAET,OAAO,EAAE,WAAW,gBAEnB,QAAQ,YACC,CACb,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,SAAS,aA4BrB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ComponentVariants, ViewStyles, BaseViewProps } from '@codeleap/common';
|
|
2
|
+
import { ComponentPropsWithRef, ElementType, ReactElement, ReactNode, Ref } from 'react';
|
|
3
|
+
export declare type ViewProps<T extends ElementType> = ComponentPropsWithRef<T> & ComponentVariants<typeof ViewStyles> & {
|
|
4
|
+
component?: T;
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
css?: any;
|
|
7
|
+
} & BaseViewProps;
|
|
8
|
+
export declare const ViewCP: <T extends ElementType<any> = "div">(viewProps: ViewProps<T>, ref: Ref<any>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const View: <T extends ElementType<any> = "div">(props: ViewProps<T>) => ReactElement;
|
|
@@ -0,0 +1,47 @@
|
|
|
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.View = exports.ViewCP = void 0;
|
|
26
|
+
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
27
|
+
var common_1 = require("@codeleap/common");
|
|
28
|
+
var react_1 = require("react");
|
|
29
|
+
var ViewCP = function (viewProps, ref) {
|
|
30
|
+
var _a = viewProps.responsiveVariants, responsiveVariants = _a === void 0 ? {} : _a, _b = viewProps.variants, variants = _b === void 0 ? [] : _b, _c = viewProps.component, Component = _c === void 0 ? 'div' : _c, children = viewProps.children, is = viewProps.is, not = viewProps.not, up = viewProps.up, onHover = viewProps.onHover, down = viewProps.down, props = __rest(viewProps, ["responsiveVariants", "variants", "component", "children", "is", "not", "up", "onHover", "down"]);
|
|
31
|
+
var variantStyles = (0, common_1.useComponentStyle)('View', {
|
|
32
|
+
responsiveVariants: responsiveVariants,
|
|
33
|
+
variants: variants,
|
|
34
|
+
});
|
|
35
|
+
var Theme = (0, common_1.useStyle)().Theme;
|
|
36
|
+
function handleHover(isMouseOverElement) {
|
|
37
|
+
onHover && onHover(isMouseOverElement);
|
|
38
|
+
}
|
|
39
|
+
var shouldRenderToPlatform = Theme.hooks.shouldRenderToPlatform({ is: is, not: not, up: up, down: down });
|
|
40
|
+
if (!shouldRenderToPlatform)
|
|
41
|
+
return null;
|
|
42
|
+
var platformMediaQuery = Theme.media.renderToPlatformQuery({ is: is, not: not, up: up, down: down });
|
|
43
|
+
return (0, jsx_runtime_1.jsx)(Component, __assign({ css: [variantStyles.wrapper, platformMediaQuery], ref: ref, onMouseEnter: function () { return handleHover(true); }, onMouseLeave: function () { return handleHover(false); } }, props, { children: children }), void 0);
|
|
44
|
+
};
|
|
45
|
+
exports.ViewCP = ViewCP;
|
|
46
|
+
exports.View = (0, react_1.forwardRef)(exports.ViewCP);
|
|
47
|
+
//# sourceMappingURL=View.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"View.js","sourceRoot":"","sources":["../../src/components/View.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAA4G;AAC5G,+BAAoG;AAU7F,IAAM,MAAM,GAAG,UAAgC,SAAsB,EAAE,GAAY;IAEtF,IAAA,KAUE,SAAS,mBAVY,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,KASE,SAAS,SATE,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAQE,SAAS,UARiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAC5B,QAAQ,GAON,SAAS,SAPH,EACR,EAAE,GAMA,SAAS,GANT,EACF,GAAG,GAKD,SAAS,IALR,EACH,EAAE,GAIA,SAAS,GAJT,EACF,OAAO,GAGL,SAAS,QAHJ,EACP,IAAI,GAEF,SAAS,KAFP,EACD,KAAK,UACN,SAAS,EAXP,iGAWL,CADS,CACI;IACd,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,MAAM,EAAE;QAC9C,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;KACT,CAAC,CAAC;IACK,IAAA,KAAK,GAAK,IAAA,iBAAQ,GAAE,MAAf,CAAgB;IAE7B,SAAS,WAAW,CAAC,kBAA0B;QAC7C,OAAO,IAAI,OAAO,CAAC,kBAAkB,CAAC,CAAA;IACxC,CAAC;IACD,IAAM,sBAAsB,GAAG,KAAK,CAAC,KAAK,CAAC,sBAAsB,CAAC,EAAE,EAAE,IAAA,EAAE,GAAG,KAAA,EAAE,EAAE,IAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAA;IACxF,IAAI,CAAC,sBAAsB;QAAE,OAAO,IAAI,CAAA;IAExC,IAAM,kBAAkB,GAAG,KAAK,CAAC,KAAK,CAAC,qBAAqB,CAAC,EAAE,EAAE,IAAA,EAAE,GAAG,KAAA,EAAE,EAAE,IAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAA;IAEnF,OAAO,uBAAC,SAAS,aACf,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,kBAAkB,CAAC,EAChD,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EACrC,YAAY,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,IAClC,KAAK,cAER,QAAQ,YACC,CAAA;AACd,CAAC,CAAA;AApCY,QAAA,MAAM,UAoClB;AAEY,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAC,cAAM,CAEA,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export * from './Button';
|
|
2
|
+
export * from './Text';
|
|
3
|
+
export * from './TextInput';
|
|
4
|
+
export * from './View';
|
|
5
|
+
export * from './Link';
|
|
6
|
+
export * from './Checkbox';
|
|
7
|
+
export * from './Modal';
|
|
8
|
+
export * from './ActivityIndicator';
|
|
9
|
+
export * from './RadioInput';
|
|
10
|
+
export * from './Icon';
|
|
11
|
+
export * from './FileInput';
|
|
12
|
+
export * from './Overlay';
|
|
13
|
+
export * from './Drawer';
|
|
14
|
+
export * from './ContentView';
|
|
15
|
+
export * from './FlatList';
|
|
16
|
+
export * from './Touchable';
|
|
17
|
+
export * from './Tooltip';
|
|
18
|
+
export * from './Slider';
|
|
19
|
+
export * from './Select';
|
|
20
|
+
export * from './PageRouter';
|
|
21
|
+
export * from './CenterWrapper';
|
|
22
|
+
export * from './HorizontalScroll';
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
__exportStar(require("./Button"), exports);
|
|
14
|
+
__exportStar(require("./Text"), exports);
|
|
15
|
+
__exportStar(require("./TextInput"), exports);
|
|
16
|
+
__exportStar(require("./View"), exports);
|
|
17
|
+
__exportStar(require("./Link"), exports);
|
|
18
|
+
__exportStar(require("./Checkbox"), exports);
|
|
19
|
+
__exportStar(require("./Modal"), exports);
|
|
20
|
+
__exportStar(require("./ActivityIndicator"), exports);
|
|
21
|
+
__exportStar(require("./RadioInput"), exports);
|
|
22
|
+
__exportStar(require("./Icon"), exports);
|
|
23
|
+
__exportStar(require("./FileInput"), exports);
|
|
24
|
+
__exportStar(require("./Overlay"), exports);
|
|
25
|
+
__exportStar(require("./Drawer"), exports);
|
|
26
|
+
__exportStar(require("./ContentView"), exports);
|
|
27
|
+
__exportStar(require("./FlatList"), exports);
|
|
28
|
+
__exportStar(require("./Touchable"), exports);
|
|
29
|
+
__exportStar(require("./Tooltip"), exports);
|
|
30
|
+
__exportStar(require("./Slider"), exports);
|
|
31
|
+
__exportStar(require("./Select"), exports);
|
|
32
|
+
__exportStar(require("./PageRouter"), exports);
|
|
33
|
+
__exportStar(require("./CenterWrapper"), exports);
|
|
34
|
+
__exportStar(require("./HorizontalScroll"), exports);
|
|
35
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAwB;AACxB,yCAAsB;AACtB,8CAA2B;AAC3B,yCAAsB;AACtB,yCAAsB;AACtB,6CAA0B;AAC1B,0CAAuB;AACvB,sDAAmC;AACnC,+CAA4B;AAC5B,yCAAsB;AACtB,8CAA2B;AAC3B,4CAAyB;AACzB,2CAAwB;AACxB,gDAA6B;AAC7B,6CAA0B;AAC1B,8CAA2B;AAC3B,4CAAyB;AACzB,2CAAwB;AACxB,2CAAwB;AAExB,+CAA4B;AAC5B,kDAA+B;AAC/B,qDAAkC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
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 {};
|
|
@@ -0,0 +1,39 @@
|
|
|
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.Menu = void 0;
|
|
18
|
+
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
19
|
+
var View_1 = require("../View");
|
|
20
|
+
var CenterWrapper_1 = require("../CenterWrapper");
|
|
21
|
+
var HorizontalScroll_1 = __importDefault(require("../HorizontalScroll"));
|
|
22
|
+
var MenuItem_1 = require("./MenuItem");
|
|
23
|
+
var common_1 = require("@codeleap/common");
|
|
24
|
+
var TabsWrapper = function (_a) {
|
|
25
|
+
var children = _a.children, styles = _a.styles;
|
|
26
|
+
var Theme = (0, common_1.useStyle)().Theme;
|
|
27
|
+
var isMobile = Theme.hooks.down('small');
|
|
28
|
+
var wrapperStyle = isMobile ? styles.topMenu : styles.sideMenu;
|
|
29
|
+
if (isMobile) {
|
|
30
|
+
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.default, __assign({ css: styles.horizontalScroll }, { children: children }), void 0) }), void 0) }, void 0) }), void 0);
|
|
31
|
+
}
|
|
32
|
+
return (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: [wrapperStyle] }, { children: children }), void 0);
|
|
33
|
+
};
|
|
34
|
+
var Menu = function (_a) {
|
|
35
|
+
var items = _a.items, styles = _a.styles;
|
|
36
|
+
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);
|
|
37
|
+
};
|
|
38
|
+
exports.Menu = Menu;
|
|
39
|
+
//# sourceMappingURL=Menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/components/router/Menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gCAAgC;AAChC,kDAAiD;AACjD,yEAAmD;AACnD,uCAAqD;AACrD,2CAA6D;AAG7D,IAAM,WAAW,GAAG,UAAC,EAAkB;QAAjB,QAAQ,cAAA,EAAE,MAAM,YAAA;IAC7B,IAAA,KAAK,GAAI,IAAA,iBAAQ,GAAE,MAAd,CAAc;IAC1B,IAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAI1C,IAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAA;IAEhE,IAAI,QAAQ,EAAC;QACX,OAAO,uBAAC,WAAI,aAAC,GAAG,EAAE,CAAC,YAAY,CAAC,gBAC9B,uBAAC,6BAAa,cACZ,uBAAC,WAAI,aAAC,GAAG,EAAE,MAAM,CAAC,UAAU,gBAC1B,uBAAC,0BAAgB,aAAC,GAAG,EAAE,MAAM,CAAC,gBAAgB,gBAC3C,QAAQ,YACQ,YACd,WACO,YACX,CAAA;KACR;IAED,OAAO,uBAAC,WAAI,aAAC,GAAG,EAAE,CAAC,YAAY,CAAC,gBAC7B,QAAQ,YACJ,CAAA;AACT,CAAC,CAAA;AAQM,IAAM,IAAI,GAA6B,UAAC,EAAe;QAAd,KAAK,WAAA,EAAE,MAAM,YAAA;IAG3D,OAAO,uBAAC,WAAW,aAAC,MAAM,EAAE,MAAM,gBAE9B,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,uBAAC,mBAAQ,IAAE,IAAI,EAAE,IAAI,EAAkB,MAAM,EAAE,MAAM,IAAzB,IAAI,CAAC,IAAI,CAAmB,EAAxD,CAAwD,CAAC,YAEjE,CAAA;AAChB,CAAC,CAAA;AARY,QAAA,IAAI,QAQhB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IconPlaceholder, MenuComposition, StylesOf } from '@codeleap/common';
|
|
3
|
+
export declare type MenuItemProps = {
|
|
4
|
+
data: {
|
|
5
|
+
icon: IconPlaceholder;
|
|
6
|
+
title: string;
|
|
7
|
+
path: string;
|
|
8
|
+
};
|
|
9
|
+
styles: StylesOf<MenuComposition>;
|
|
10
|
+
};
|
|
11
|
+
export declare const MenuItem: React.FC<MenuItemProps>;
|
|
@@ -0,0 +1,42 @@
|
|
|
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_plugin_intl_1 = require("gatsby-plugin-intl");
|
|
22
|
+
var RouterLink = function (props) { return (0, jsx_runtime_1.jsx)(Link_1.Link, __assign({ component: gatsby_plugin_intl_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.useStyle)().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
|
+
], msg: title }, void 0), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon }, void 0)] }), void 0);
|
|
35
|
+
}
|
|
36
|
+
return ((0, jsx_runtime_1.jsxs)(RouterLink, __assign({ to: path }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon }, void 0), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: 'p3', css: [
|
|
37
|
+
styles['menuItem:text'],
|
|
38
|
+
selected && styles['menuItem:text:selected'],
|
|
39
|
+
], msg: title }, void 0)] }), void 0));
|
|
40
|
+
};
|
|
41
|
+
exports.MenuItem = MenuItem;
|
|
42
|
+
//# sourceMappingURL=MenuItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../src/components/router/MenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAAyC;AACzC,2CAAwF;AACxF,yCAAsC;AACtC,yDAAmD;AAEnD,IAAM,UAAU,GAAwC,UAAC,KAAK,IAAK,OAAA,uBAAC,WAAI,aAAC,SAAS,EAAE,yBAAQ,IAAM,KAAK,UAAG,EAAvC,CAAuC,CAAA;AAWnG,IAAM,QAAQ,GAA2B,UAAC,KAAK;IAC5C,IAAA,MAAM,GAAI,KAAK,OAAT,CAAS;IACjB,IAAA,KAAwB,KAAK,CAAC,IAAI,EAAhC,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAe,CAAC;IAEjC,IAAA,QAAQ,GAAK,IAAA,WAAG,GAAE,SAAV,CAAW;IAE3B,IAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjC,IAAA,KAAK,GAAK,IAAA,iBAAQ,GAAE,MAAf,CAAe;IAC5B,IAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAE1C,IAAI,QAAQ,EAAC;QACX,OAAS,wBAAC,UAAU,aAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,iBAC9D,uBAAC,WAAI,IACH,OAAO,EAAE,IAAI,EACb,GAAG,EAAE;wBACH,MAAM,CAAC,sBAAsB,CAAC;wBAC9B,QAAQ,IAAI,MAAM,CAAC,wBAAwB,CAAC;qBAC7C,EACD,GAAG,EAAE,KAAK,WACV,EACF,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,WAAI,aACT,CAAA;KACd;IAED,OAAO,CAAC,wBAAC,UAAU,aAAC,EAAE,EAAE,IAAI,iBAC1B,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,WAAI,EACpB,uBAAC,WAAI,IACH,OAAO,EAAE,IAAI,EACb,GAAG,EAAE;oBACH,MAAM,CAAC,eAAe,CAAC;oBACvB,QAAQ,IAAI,MAAM,CAAC,wBAAwB,CAAC;iBAC7C,EACD,GAAG,EAAE,KAAK,WACV,aACS,CACZ,CAAC;AACJ,CAAC,CAAA;AApCY,QAAA,QAAQ,YAoCpB"}
|
|
@@ -0,0 +1,28 @@
|
|
|
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 react_helmet_1 = require("react-helmet");
|
|
22
|
+
var Router = function (props) {
|
|
23
|
+
var children = props.children, style = props.style, basePath = props.basePath, defaultPath = props.defaultPath;
|
|
24
|
+
var base = "/:language".concat(basePath);
|
|
25
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, {}, void 0), (0, jsx_runtime_1.jsx)(router_1.Router, __assign({ basepath: base }, { children: children }), void 0)] }, void 0));
|
|
26
|
+
};
|
|
27
|
+
exports.Router = Router;
|
|
28
|
+
//# sourceMappingURL=Router.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Router.js","sourceRoot":"","sources":["../../../src/components/router/Router.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,wCAAsD;AACtD,6CAAsC;AAS/B,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,CAAW;IACzD,IAAM,IAAI,GAAG,oBAAa,QAAQ,CAAE,CAAC;IAGrC,OAAO,CACL,wBAAC,eAAK,CAAC,QAAQ,eACb,uBAAC,qBAAM,aACE,EACT,uBAAC,eAAW,aAAC,QAAQ,EAAE,IAAI,gBACxB,QAAQ,YACG,YACC,CAClB,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,MAAM,UAcjB"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ComponentVariants, IconPlaceholder, RouterComposition, RouterStyles } from '@codeleap/common';
|
|
3
|
+
import { StylesOf } from '../../types/utility';
|
|
4
|
+
export declare type RouteProps = {
|
|
5
|
+
title?: string;
|
|
6
|
+
path?: string;
|
|
7
|
+
menuIcon?: IconPlaceholder;
|
|
8
|
+
};
|
|
9
|
+
export * from './Router';
|
|
10
|
+
declare type RouterPageProps = {
|
|
11
|
+
basePath: string;
|
|
12
|
+
styles: StylesOf<RouterComposition>;
|
|
13
|
+
} & ComponentVariants<typeof RouterStyles>;
|
|
14
|
+
export declare const RouterPage: React.FC<RouterPageProps>;
|
|
@@ -0,0 +1,69 @@
|
|
|
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
|
+
__exportStar(require("./Router"), exports);
|
|
44
|
+
var RouterPage = function (props) {
|
|
45
|
+
var children = props.children, basePath = props.basePath, variants = props.variants, responsiveVariants = props.responsiveVariants, styles = props.styles;
|
|
46
|
+
var _a = (0, react_1.useMemo)(function () {
|
|
47
|
+
var items = [];
|
|
48
|
+
var defaultPath = '';
|
|
49
|
+
react_1.default.Children.forEach(children, function (c) {
|
|
50
|
+
if (react_1.default.isValidElement(c)) {
|
|
51
|
+
var _a = c.props, title = _a.title, path = _a.path, menuIcon = _a.menuIcon;
|
|
52
|
+
if ([title, path, menuIcon].some(function (i) { return !i; })) {
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
if (c.props.default)
|
|
56
|
+
defaultPath = path;
|
|
57
|
+
items.push(__assign(__assign({}, c.props), { title: title, path: "".concat(basePath).concat(path), icon: menuIcon }));
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
return {
|
|
61
|
+
menuItems: items,
|
|
62
|
+
defaultPath: defaultPath,
|
|
63
|
+
};
|
|
64
|
+
}, [children]), menuItems = _a.menuItems, defaultPath = _a.defaultPath;
|
|
65
|
+
var variantStyles = (0, common_1.useComponentStyle)('Router', { variants: variants, responsiveVariants: responsiveVariants, styles: styles });
|
|
66
|
+
return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Menu_1.Menu, { items: menuItems, styles: variantStyles }, void 0), (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 }, { children: children }), void 0) }), void 0)] }, void 0);
|
|
67
|
+
};
|
|
68
|
+
exports.RouterPage = RouterPage;
|
|
69
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/router/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,6CAAsC;AAEtC,+BAA6B;AAC7B,mCAAiC;AACjC,2CAAyH;AAUzH,2CAAwB;AAOjB,IAAM,UAAU,GAA6B,UAAC,KAAK;IACjD,IAAA,QAAQ,GAAqD,KAAK,SAA1D,EAAG,QAAQ,GAA0C,KAAK,SAA/C,EAAE,QAAQ,GAAgC,KAAK,SAArC,EAAE,kBAAkB,GAAY,KAAK,mBAAjB,EAAE,MAAM,GAAI,KAAK,OAAT,CAAS;IAEnE,IAAA,KAA2B,IAAA,eAAO,EAAC;QACvC,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,EAAC;gBACpB,IAAA,KAA0B,CAAC,CAAC,KAAK,EAAhC,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAW,CAAA;gBACvC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAF,CAAE,CAAC,EAAC;oBAC1C,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;IAEH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EA1BP,SAAS,eAAA,EAAE,WAAW,iBA0Bf,CAAA;IACd,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,QAAQ,EAAE,EAAC,QAAQ,UAAA,EAAE,kBAAkB,oBAAA,EAAE,MAAM,QAAA,EAAC,CAAC,CAAA;IACzF,OAAO,6DACL,uBAAC,WAAI,IACH,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,aAAa,WACrB,EACF,uBAAC,WAAI,aAAC,GAAG,EAAE,aAAa,CAAC,OAAO,gBAC9B,uBAAC,eAAM,aACL,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,gBAEjB,QAAQ,YACF,YACJ,YACN,CAAA;AAEL,CAAC,CAAA;AA9CY,QAAA,UAAU,cA8CtB"}
|
package/dist/index.d.ts
ADDED
package/dist/index.js
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
__exportStar(require("./components"), exports);
|
|
14
|
+
__exportStar(require("./lib/hooks"), exports);
|
|
15
|
+
__exportStar(require("./lib/utils"), exports);
|
|
16
|
+
__exportStar(require("./types/utility"), exports);
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+CAA6B;AAC7B,8CAA4B;AAC5B,8CAA4B;AAC5B,kDAAgC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { AnyFunction } from '@codeleap/common';
|
|
2
|
+
export declare function useWindowSize(): number[];
|
|
3
|
+
declare type UseClickOutsideOpts = {
|
|
4
|
+
customId?: string;
|
|
5
|
+
deps: any[];
|
|
6
|
+
};
|
|
7
|
+
export declare function useClickOutside(callback: AnyFunction, { customId, deps }: UseClickOutsideOpts): any;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
3
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
4
|
+
if (ar || !(i in from)) {
|
|
5
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
6
|
+
ar[i] = from[i];
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
10
|
+
};
|
|
11
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
+
exports.useClickOutside = exports.useWindowSize = void 0;
|
|
13
|
+
var common_1 = require("@codeleap/common");
|
|
14
|
+
var react_1 = require("react");
|
|
15
|
+
var uuid_1 = require("uuid");
|
|
16
|
+
function useWindowSize() {
|
|
17
|
+
var _a = (0, react_1.useState)([window.innerWidth, window.innerWidth]), size = _a[0], setSize = _a[1];
|
|
18
|
+
function handleResize() {
|
|
19
|
+
setSize([window.innerWidth, window.innerHeight]);
|
|
20
|
+
}
|
|
21
|
+
(0, common_1.onUpdate)(function () {
|
|
22
|
+
window.addEventListener('resize', handleResize);
|
|
23
|
+
return function () {
|
|
24
|
+
window.removeEventListener('resize', handleResize);
|
|
25
|
+
};
|
|
26
|
+
}, []);
|
|
27
|
+
return size;
|
|
28
|
+
}
|
|
29
|
+
exports.useWindowSize = useWindowSize;
|
|
30
|
+
function useClickOutside(callback, _a) {
|
|
31
|
+
var customId = _a.customId, _b = _a.deps, deps = _b === void 0 ? [] : _b;
|
|
32
|
+
var id = (0, react_1.useRef)(customId || (0, uuid_1.v4)()).current;
|
|
33
|
+
function onClick(e) {
|
|
34
|
+
var element = document.getElementById(id);
|
|
35
|
+
var isInside = element.contains(e.target);
|
|
36
|
+
if (!isInside) {
|
|
37
|
+
callback(e);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
(0, common_1.onUpdate)(function () {
|
|
41
|
+
document.addEventListener('click', onClick);
|
|
42
|
+
return function () {
|
|
43
|
+
document.removeEventListener('click', onClick);
|
|
44
|
+
};
|
|
45
|
+
}, __spreadArray(__spreadArray([], deps, true), [onClick], false));
|
|
46
|
+
return id;
|
|
47
|
+
}
|
|
48
|
+
exports.useClickOutside = useClickOutside;
|
|
49
|
+
//# sourceMappingURL=hooks.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/lib/hooks.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyD;AACzD,+BAA0C;AAC1C,6BAAuB;AACvB,SAAgB,aAAa;IACrB,IAAA,KAAkB,IAAA,gBAAQ,EAAC,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,EAAjE,IAAI,QAAA,EAAE,OAAO,QAAoD,CAAA;IAExE,SAAS,YAAY;QACnB,OAAO,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAA;IAClD,CAAC;IAED,IAAA,iBAAQ,EAAC;QACP,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAC/C,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACpD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,IAAI,CAAA;AACb,CAAC;AAfD,sCAeC;AAGD,SAAgB,eAAe,CAAC,QAAqB,EAAE,EAA2C;QAA1C,QAAQ,cAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA;IACzE,IAAM,EAAE,GAAG,IAAA,cAAM,EAAC,QAAQ,IAAI,IAAA,SAAE,GAAE,CAAC,CAAC,OAAO,CAAA;IAE3C,SAAS,OAAO,CAAC,CAAO;QACtB,IAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAA;QAC3C,IAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,CAAA;QAEnD,IAAI,CAAC,QAAQ,EAAC;YACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC;IAED,IAAA,iBAAQ,EAAC;QACP,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAC3C,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAChD,CAAC,CAAA;IACH,CAAC,kCAAM,IAAI,UAAE,OAAO,UAAE,CAAA;IAEtB,OAAO,EAAE,CAAA;AACX,CAAC;AApBD,0CAoBC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.logger = void 0;
|
|
4
|
+
var common_1 = require("@codeleap/common");
|
|
5
|
+
exports.logger = new common_1.Logger({
|
|
6
|
+
Environment: {
|
|
7
|
+
IsDev: true,
|
|
8
|
+
},
|
|
9
|
+
Sentry: {
|
|
10
|
+
enable: false,
|
|
11
|
+
},
|
|
12
|
+
Logger: {
|
|
13
|
+
Level: 'debug',
|
|
14
|
+
},
|
|
15
|
+
});
|
|
16
|
+
//# sourceMappingURL=logger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logger.js","sourceRoot":"","sources":["../../src/lib/logger.ts"],"names":[],"mappings":";;;AAAA,2CAA0C;AAE7B,QAAA,MAAM,GAAG,IAAI,eAAM,CAAC;IAC/B,WAAW,EAAE;QACX,KAAK,EAAE,IAAI;KAEZ;IACD,MAAM,EAAE;QACN,MAAM,EAAE,KAAK;KAEd;IACD,MAAM,EAAE;QACN,KAAK,EAAE,OAAO;KACf;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
var js_cookie_1 = __importDefault(require("js-cookie"));
|
|
7
|
+
var get = function (key) { return (js_cookie_1.default.get(key)); };
|
|
8
|
+
var set = function (key, value) { return (js_cookie_1.default.set(key, value, { expires: 365 })); };
|
|
9
|
+
var remove = function (key) { return (js_cookie_1.default.remove(key)); };
|
|
10
|
+
exports.default = {
|
|
11
|
+
get: get,
|
|
12
|
+
set: set,
|
|
13
|
+
remove: remove,
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=cookies.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cookies.js","sourceRoot":"","sources":["../../../src/lib/utils/cookies.ts"],"names":[],"mappings":";;;;;AAAA,wDAA+B;AAE/B,IAAM,GAAG,GAAG,UAAC,GAAG,IAAK,OAAA,CACnB,mBAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CACjB,EAFoB,CAEpB,CAAA;AAED,IAAM,GAAG,GAAG,UAAC,GAAG,EAAE,KAAK,IAAK,OAAA,CAC1B,mBAAO,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAC1C,EAF2B,CAE3B,CAAA;AAED,IAAM,MAAM,GAAG,UAAC,GAAG,IAAK,OAAA,CACtB,mBAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CACpB,EAFuB,CAEvB,CAAA;AAED,kBAAe;IACb,GAAG,KAAA;IACH,GAAG,KAAA;IACH,MAAM,QAAA;CACP,CAAA"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
12
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
13
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
14
|
+
};
|
|
15
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
16
|
+
exports.Cookies = exports.url = void 0;
|
|
17
|
+
__exportStar(require("./pollyfils/scroll"), exports);
|
|
18
|
+
__exportStar(require("./stopPropagation"), exports);
|
|
19
|
+
var url_parse_1 = require("url-parse");
|
|
20
|
+
Object.defineProperty(exports, "url", { enumerable: true, get: function () { return __importDefault(url_parse_1).default; } });
|
|
21
|
+
var cookies_1 = require("./cookies");
|
|
22
|
+
Object.defineProperty(exports, "Cookies", { enumerable: true, get: function () { return __importDefault(cookies_1).default; } });
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAkC;AAClC,oDAAiC;AACjC,uCAA0C;AAAjC,iHAAA,OAAO,OAAO;AACvB,qCAA8C;AAArC,mHAAA,OAAO,OAAW"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const scrollToElem: (elemSelector: any) => void;
|