react-miui 0.4.0 → 0.5.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/CHANGELOG.md +20 -0
- package/dist/components/form/Checkbox.js +2 -2
- package/dist/components/form/Checkbox.js.map +1 -1
- package/dist/components/icons/Icon.js +6 -6
- package/dist/components/icons/Icon.js.map +1 -1
- package/dist/components/layout/card/Card.d.ts +8 -0
- package/dist/components/layout/card/Card.d.ts.map +1 -0
- package/dist/components/layout/card/Card.js +19 -0
- package/dist/components/layout/card/Card.js.map +1 -0
- package/dist/components/layout/card/Card.module.scss +15 -0
- package/dist/components/layout/header/Header.js +4 -4
- package/dist/components/layout/header/Header.js.map +1 -1
- package/dist/components/layout/list/Item.d.ts +7 -1
- package/dist/components/layout/list/Item.d.ts.map +1 -1
- package/dist/components/layout/list/Item.js +5 -2
- package/dist/components/layout/list/Item.js.map +1 -1
- package/dist/components/layout/list/List.d.ts +5 -1
- package/dist/components/layout/list/List.d.ts.map +1 -1
- package/dist/components/layout/list/List.js +2 -0
- package/dist/components/layout/list/List.js.map +1 -1
- package/dist/components/layout/section/Section.d.ts +12 -0
- package/dist/components/layout/section/Section.d.ts.map +1 -0
- package/dist/components/layout/section/Section.js +22 -0
- package/dist/components/layout/section/Section.js.map +1 -0
- package/dist/components/layout/section/Section.module.scss +17 -0
- package/dist/components/layout/section/SectionContainer.d.ts +4 -0
- package/dist/components/layout/section/SectionContainer.d.ts.map +1 -0
- package/dist/components/layout/section/SectionContainer.js +13 -0
- package/dist/components/layout/section/SectionContainer.js.map +1 -0
- package/dist/components/layout/section/SectionContainer.module.scss +4 -0
- package/dist/components/ui/action/Action.js +2 -2
- package/dist/components/ui/action/Action.js.map +1 -1
- package/dist/components/ui/action/EqualActions.js +3 -3
- package/dist/components/ui/action/EqualActions.js.map +1 -1
- package/dist/components/ui/button/Button.js +3 -3
- package/dist/components/ui/button/Button.js.map +1 -1
- package/dist/global.scss +2 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -0
- package/dist/index.js.map +1 -1
- package/dist/utils/makeVariants.d.ts +3 -0
- package/dist/utils/makeVariants.d.ts.map +1 -0
- package/dist/utils/makeVariants.js +14 -0
- package/dist/utils/makeVariants.js.map +1 -0
- package/docs/assets/js/search.js +1 -1
- package/docs/assets/js/search.json +1 -1
- package/docs/enums/ICON.html +18 -6
- package/docs/index.html +22 -4
- package/docs/modules/Item.html +155 -0
- package/docs/modules/List.html +144 -0
- package/docs/modules/StickyHeader.html +10 -4
- package/docs/modules.html +78 -14
- package/docs/pages/Tutorials/Test.html +9 -3
- package/esm/components/form/Checkbox.js +1 -1
- package/esm/components/form/Checkbox.js.map +1 -1
- package/esm/components/icons/Icon.js +3 -3
- package/esm/components/icons/Icon.js.map +1 -1
- package/esm/components/layout/card/Card.d.ts +8 -0
- package/esm/components/layout/card/Card.d.ts.map +1 -0
- package/esm/components/layout/card/Card.js +13 -0
- package/esm/components/layout/card/Card.js.map +1 -0
- package/esm/components/layout/card/Card.module.scss +15 -0
- package/esm/components/layout/header/Header.js +2 -2
- package/esm/components/layout/header/Header.js.map +1 -1
- package/esm/components/layout/list/Item.d.ts +7 -1
- package/esm/components/layout/list/Item.d.ts.map +1 -1
- package/esm/components/layout/list/Item.js +4 -1
- package/esm/components/layout/list/Item.js.map +1 -1
- package/esm/components/layout/list/List.d.ts +5 -1
- package/esm/components/layout/list/List.d.ts.map +1 -1
- package/esm/components/layout/list/List.js +2 -0
- package/esm/components/layout/list/List.js.map +1 -1
- package/esm/components/layout/section/Section.d.ts +12 -0
- package/esm/components/layout/section/Section.d.ts.map +1 -0
- package/esm/components/layout/section/Section.js +16 -0
- package/esm/components/layout/section/Section.js.map +1 -0
- package/esm/components/layout/section/Section.module.scss +17 -0
- package/esm/components/layout/section/SectionContainer.d.ts +4 -0
- package/esm/components/layout/section/SectionContainer.d.ts.map +1 -0
- package/esm/components/layout/section/SectionContainer.js +7 -0
- package/esm/components/layout/section/SectionContainer.js.map +1 -0
- package/esm/components/layout/section/SectionContainer.module.scss +4 -0
- package/esm/components/ui/action/Action.js +1 -1
- package/esm/components/ui/action/Action.js.map +1 -1
- package/esm/components/ui/action/EqualActions.js +2 -2
- package/esm/components/ui/action/EqualActions.js.map +1 -1
- package/esm/components/ui/button/Button.js +2 -2
- package/esm/components/ui/button/Button.js.map +1 -1
- package/esm/global.scss +2 -0
- package/esm/index.d.ts +4 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +4 -0
- package/esm/index.js.map +1 -1
- package/esm/utils/makeVariants.d.ts +3 -0
- package/esm/utils/makeVariants.d.ts.map +1 -0
- package/esm/utils/makeVariants.js +11 -0
- package/esm/utils/makeVariants.js.map +1 -0
- package/package.json +2 -2
- package/src/components/form/Checkbox.tsx +1 -1
- package/src/components/icons/Icon.tsx +3 -3
- package/src/components/layout/card/Card.module.scss +15 -0
- package/src/components/layout/card/Card.tsx +26 -0
- package/src/components/layout/header/Header.tsx +2 -2
- package/src/components/layout/list/Item.tsx +11 -2
- package/src/components/layout/list/List.tsx +8 -1
- package/src/components/layout/section/Section.module.scss +17 -0
- package/src/components/layout/section/Section.tsx +34 -0
- package/src/components/layout/section/SectionContainer.module.scss +4 -0
- package/src/components/layout/section/SectionContainer.tsx +11 -0
- package/src/components/ui/action/Action.tsx +1 -1
- package/src/components/ui/action/EqualActions.tsx +2 -2
- package/src/components/ui/button/Button.tsx +2 -2
- package/src/demo/Main.module.scss +2 -0
- package/src/demo/components/layout/card/Card.tsx +21 -0
- package/src/demo/components/layout/list/Label.tsx +2 -1
- package/src/demo/components/layout/list/Value.tsx +3 -3
- package/src/demo/components/layout/section/Section.tsx +34 -0
- package/src/demo/componentsMap.ts +10 -0
- package/src/global.scss +2 -0
- package/src/index.ts +4 -0
- /package/src/{demo/utils → utils}/makeVariants.ts +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -6,6 +6,26 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
|
|
|
6
6
|
## [UNRELEASED]
|
|
7
7
|
(nothing yet)
|
|
8
8
|
|
|
9
|
+
## [0.5.0] - 2021-12-17
|
|
10
|
+
### Added
|
|
11
|
+
- Section component + container
|
|
12
|
+
- Card component
|
|
13
|
+
|
|
14
|
+
## [0.4.3] - 2021-11-27
|
|
15
|
+
### Fixed
|
|
16
|
+
- Button component crashing
|
|
17
|
+
|
|
18
|
+
## [0.4.2] - 2021-11-27
|
|
19
|
+
### Fixed
|
|
20
|
+
- A lot of components crashing on unknown imports due to missing extensions
|
|
21
|
+
|
|
22
|
+
## [0.4.1] - 2021-11-27
|
|
23
|
+
### Fixed
|
|
24
|
+
- Missing exports
|
|
25
|
+
### Changed
|
|
26
|
+
- Label and Value are subcomponents of Item
|
|
27
|
+
- Header is subcomponent of List
|
|
28
|
+
|
|
9
29
|
## [0.4.0] - 2021-11-27
|
|
10
30
|
### Added
|
|
11
31
|
- Support for splitting list item row into pieces
|
|
@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.Checkbox = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const Checkbox_module_scss_1 = __importDefault(require("./Checkbox.module.scss"));
|
|
9
|
-
const
|
|
9
|
+
const Checkmark_js_1 = require("../icons/Checkmark.js");
|
|
10
10
|
const Checkbox = (props) => {
|
|
11
11
|
const style = {};
|
|
12
12
|
props.color && (style.color = props.color);
|
|
13
13
|
return (react_1.default.createElement("label", { className: Checkbox_module_scss_1.default.checkbox },
|
|
14
14
|
react_1.default.createElement("input", { type: "checkbox", name: props.name, onChange: props.onChange, checked: props.checked }),
|
|
15
15
|
react_1.default.createElement("span", { style: style },
|
|
16
|
-
react_1.default.createElement(
|
|
16
|
+
react_1.default.createElement(Checkmark_js_1.Checkmark, null)),
|
|
17
17
|
react_1.default.createElement("span", null, props.children)));
|
|
18
18
|
};
|
|
19
19
|
exports.Checkbox = Checkbox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,kFAA4C;AAC5C,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,kFAA4C;AAC5C,wDAAkD;AASlD,MAAM,QAAQ,GAAoB,CAAC,KAAK,EAAE,EAAE;IACxC,MAAM,KAAK,GAAwB,EAAE,CAAC;IACtC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;IAE3C,OAAO,CACH,yCAAO,SAAS,EAAE,8BAAM,CAAC,QAAQ;QAC7B,yCAAO,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI;QAC/F,wCAAM,KAAK,EAAE,KAAK;YAAE,8BAAC,wBAAS,OAAG,CAAO;QACxC,4CAAO,KAAK,CAAC,QAAQ,CAAQ,CACzB,CACX,CAAC;AACN,CAAC,CAAC;AAEO,4BAAQ"}
|
|
@@ -16,9 +16,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.ICON = exports.Icon = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const
|
|
19
|
+
const Checkmark_js_1 = require("./Checkmark.js");
|
|
20
|
+
const Back_js_1 = require("./Back.js");
|
|
21
|
+
const Forward_js_1 = require("./Forward.js");
|
|
22
22
|
var ICON;
|
|
23
23
|
(function (ICON) {
|
|
24
24
|
ICON["checkmark"] = "checkmark";
|
|
@@ -27,9 +27,9 @@ var ICON;
|
|
|
27
27
|
})(ICON || (ICON = {}));
|
|
28
28
|
exports.ICON = ICON;
|
|
29
29
|
const iconsMap = new Map([
|
|
30
|
-
[ICON.checkmark,
|
|
31
|
-
[ICON.back,
|
|
32
|
-
[ICON.forward,
|
|
30
|
+
[ICON.checkmark, Checkmark_js_1.Checkmark],
|
|
31
|
+
[ICON.back, Back_js_1.Back],
|
|
32
|
+
[ICON.forward, Forward_js_1.Forward],
|
|
33
33
|
]);
|
|
34
34
|
const Icon = (_a) => {
|
|
35
35
|
var { name: iconName } = _a, props = __rest(_a, ["name"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAG1B,
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAG1B,iDAA2C;AAC3C,uCAAiC;AACjC,6CAAuC;AAEvC,IAAK,IAIJ;AAJD,WAAK,IAAI;IACL,+BAAuB,CAAA;IACvB,qBAAa,CAAA;IACb,2BAAmB,CAAA;AACvB,CAAC,EAJI,IAAI,KAAJ,IAAI,QAIR;AAqBc,oBAAI;AAdnB,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAqB;IACzC,CAAC,IAAI,CAAC,SAAS,EAAE,wBAAS,CAAC;IAC3B,CAAC,IAAI,CAAC,IAAI,EAAE,cAAI,CAAC;IACjB,CAAC,IAAI,CAAC,OAAO,EAAE,oBAAO,CAAC;CAC1B,CAAC,CAAC;AAEH,MAAM,IAAI,GAAoB,CAAC,EAA4B,EAAE,EAAE;QAAhC,EAAE,IAAI,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA1B,QAA4B,CAAF;IACrD,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACjC,IAAI,CAAC,CAAC,EAAE;QACJ,MAAM,IAAI,SAAS,CAAC,gBAAgB,GAAG,QAAQ,CAAC,CAAC;KACpD;IACD,OAAO,8BAAC,CAAC,oBAAK,KAAK,EAAI,CAAC;AAC5B,CAAC,CAAC;AAEO,oBAAI"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,aAAK,QAAQ,GAAG,QAAQ,CAAC;AAEzB,UAAU,KAAK;IACX,OAAO,CAAC,EAAE,QAAQ,CAAC;CACtB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAWzB,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
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
|
+
exports.Card = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
+
const makeVariants_js_1 = require("../../../utils/makeVariants.js");
|
|
10
|
+
const Card_module_scss_1 = __importDefault(require("./Card.module.scss"));
|
|
11
|
+
const Card = (props) => {
|
|
12
|
+
const v = makeVariants_js_1.makeVariants(props.variant);
|
|
13
|
+
const cls = classnames_1.default(Card_module_scss_1.default.card, {
|
|
14
|
+
[Card_module_scss_1.default.margin]: v.includes("margin"),
|
|
15
|
+
});
|
|
16
|
+
return (react_1.default.createElement("div", { className: cls }, props.children));
|
|
17
|
+
};
|
|
18
|
+
exports.Card = Card;
|
|
19
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,oEAA8D;AAC9D,0EAAwC;AAQxC,MAAM,IAAI,GAAoB,CAAC,KAAK,EAAE,EAAE;IACpC,MAAM,CAAC,GAAG,8BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACtC,MAAM,GAAG,GAAG,oBAAU,CAAC,0BAAM,CAAC,IAAI,EAAE;QAChC,CAAC,0BAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC;KACxC,CAAC,CAAC;IAIH,OAAO,CACH,uCAAK,SAAS,EAAE,GAAG,IAAG,KAAK,CAAC,QAAQ,CAAO,CAC9C,CAAC;AACN,CAAC,CAAC;AAEO,oBAAI"}
|
|
@@ -7,15 +7,15 @@ exports.Header = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
9
9
|
const Header_module_scss_1 = __importDefault(require("./Header.module.scss"));
|
|
10
|
-
const
|
|
11
|
-
const
|
|
10
|
+
const Action_js_1 = require("../../ui/action/Action.js");
|
|
11
|
+
const EqualActions_js_1 = require("../../ui/action/EqualActions.js");
|
|
12
12
|
const Header = (props) => {
|
|
13
13
|
const { center, children, variant, position = "top" } = props;
|
|
14
14
|
let justActions = false;
|
|
15
15
|
if (position === "top" || position === "bottom") {
|
|
16
16
|
const chld = react_1.default.Children.toArray(props.children);
|
|
17
17
|
justActions = chld.every(c => {
|
|
18
|
-
return c && typeof c === "object" && "type" in c && c.type ===
|
|
18
|
+
return c && typeof c === "object" && "type" in c && c.type === Action_js_1.Action;
|
|
19
19
|
});
|
|
20
20
|
}
|
|
21
21
|
const cls = classnames_1.default(Header_module_scss_1.default.header, {
|
|
@@ -24,7 +24,7 @@ const Header = (props) => {
|
|
|
24
24
|
}, Header_module_scss_1.default[`header--${position}`], props.className);
|
|
25
25
|
let contents = children;
|
|
26
26
|
if (justActions) {
|
|
27
|
-
contents = react_1.default.createElement(
|
|
27
|
+
contents = react_1.default.createElement(EqualActions_js_1.EqualActions, { className: Header_module_scss_1.default.actions }, contents);
|
|
28
28
|
}
|
|
29
29
|
let before;
|
|
30
30
|
if (props.before != null) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/layout/header/Header.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAGpC,8EAA0C;AAC1C,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/layout/header/Header.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAGpC,8EAA0C;AAC1C,yDAAmD;AACnD,qEAA+D;AAgB/D,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAE9D,IAAI,WAAW,GAAG,KAAK,CAAC;IACxB,IAAI,QAAQ,KAAK,KAAK,IAAI,QAAQ,KAAK,QAAQ,EAAE;QAC7C,MAAM,IAAI,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACpD,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACzB,OAAO,CAAC,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,kBAAM,CAAC;QAC1E,CAAC,CAAC,CAAC;KACN;IAED,MAAM,GAAG,GAAG,oBAAU,CAAC,4BAAM,CAAC,MAAM,EAAE;QAClC,CAAC,4BAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,MAAM;QAClC,CAAC,4BAAM,CAAC,iBAAiB,CAAC,CAAC,EAAE,OAAO,KAAK,SAAS;KACrD,EAAE,4BAAM,CAAC,WAAW,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnD,IAAI,QAAQ,GAAG,QAAQ,CAAC;IACxB,IAAI,WAAW,EAAE;QACb,QAAQ,GAAG,8BAAC,8BAAY,IAAC,SAAS,EAAE,4BAAM,CAAC,OAAO,IAAG,QAAQ,CAAgB,CAAC;KACjF;IAED,IAAI,MAAiB,CAAC;IACtB,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,EAAE;QACtB,MAAM,GAAG,uCAAK,SAAS,EAAE,4BAAM,CAAC,MAAM,IAAG,KAAK,CAAC,MAAM,CAAO,CAAC;KAChE;IAED,IAAI,KAAgB,CAAC;IACrB,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,EAAE;QACrB,KAAK,GAAG,uCAAK,SAAS,EAAE,4BAAM,CAAC,KAAK,IAAG,KAAK,CAAC,KAAK,CAAO,CAAC;KAC7D;IAED,OAAO,CACH,uCAAK,SAAS,EAAE,GAAG;QACd,MAAM;QACP,uCAAK,SAAS,EAAE,4BAAM,CAAC,QAAQ,IAC1B,QAAQ,CACP;QACL,KAAK,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { Value } from "./Value.js";
|
|
3
|
+
import { Label } from "./Label.js";
|
|
2
4
|
interface LinkProps {
|
|
3
5
|
href: string;
|
|
4
6
|
}
|
|
@@ -10,6 +12,10 @@ interface Props {
|
|
|
10
12
|
Link?: React.ComponentClass<LinkProps> | React.FC<LinkProps>;
|
|
11
13
|
ratio?: string;
|
|
12
14
|
}
|
|
13
|
-
|
|
15
|
+
interface SubComponents {
|
|
16
|
+
Label: typeof Label;
|
|
17
|
+
Value: typeof Value;
|
|
18
|
+
}
|
|
19
|
+
declare const Item: React.FC<Props> & SubComponents;
|
|
14
20
|
export { Item };
|
|
15
21
|
//# sourceMappingURL=Item.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,aAAa;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;CACvB;AAGD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,aA6C7B,CAAC;AAKF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -18,7 +18,8 @@ exports.Item = void 0;
|
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
19
|
const classnames_1 = __importDefault(require("classnames"));
|
|
20
20
|
const Item_module_scss_1 = __importDefault(require("./Item.module.scss"));
|
|
21
|
-
const
|
|
21
|
+
const Value_js_1 = require("./Value.js");
|
|
22
|
+
const Label_js_1 = require("./Label.js");
|
|
22
23
|
const Item = (props) => {
|
|
23
24
|
const { className, children, href, to, onClick, Link, ratio } = props, restProps = __rest(props, ["className", "children", "href", "to", "onClick", "Link", "ratio"]);
|
|
24
25
|
const cls = classnames_1.default(Item_module_scss_1.default.item, className);
|
|
@@ -28,7 +29,7 @@ const Item = (props) => {
|
|
|
28
29
|
const r = ratio ? ratio.split("/") : [];
|
|
29
30
|
const ren = react_1.default.Children.map(props.children, (child, index) => {
|
|
30
31
|
let flex = undefined;
|
|
31
|
-
if (!r.length && child && typeof child === "object" && "type" in child && child.type ===
|
|
32
|
+
if (!r.length && child && typeof child === "object" && "type" in child && child.type === Value_js_1.Value) {
|
|
32
33
|
return child;
|
|
33
34
|
}
|
|
34
35
|
if (index in r) {
|
|
@@ -60,4 +61,6 @@ const Item = (props) => {
|
|
|
60
61
|
react_1.default.createElement("div", Object.assign({}, restProps, { className: Item_module_scss_1.default.content }), ren));
|
|
61
62
|
};
|
|
62
63
|
exports.Item = Item;
|
|
64
|
+
Item.Label = Label_js_1.Label;
|
|
65
|
+
Item.Value = Value_js_1.Value;
|
|
63
66
|
//# sourceMappingURL=Item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,0EAAwC;AACxC,
|
|
1
|
+
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,0EAAwC;AACxC,yCAAmC;AACnC,yCAAmC;AAqBnC,MAAM,IAAI,GAAoC,CAAC,KAAK,EAAE,EAAE;IACpD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAA7E,mEAAqE,CAAQ,CAAC;IACpF,MAAM,GAAG,GAAG,oBAAU,CAAC,0BAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE/C,MAAM,OAAO,GAAG;QACZ,SAAS,EAAE,GAAG;KACjB,CAAC;IAEF,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAExC,MAAM,GAAG,GAAG,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC5D,IAAI,IAAI,GAAG,SAAS,CAAC;QACrB,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,gBAAK,EAAE;YAC5F,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,KAAK,IAAI,CAAC,EAAE;YACZ,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;SACnB;QACD,OAAO,uCAAK,KAAK,EAAE,EAAE,IAAI,EAAE,IAAG,KAAK,CAAO,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,IAAI,EAAE,EAAE;QACJ,IAAI,CAAC,IAAI,EAAE;YACP,MAAM,IAAI,SAAS,CAAC,0CAA0C,CAAC,CAAC;SACnE;QAED,OAAO,sDAAQ,OAAO;YAAE,8BAAC,IAAI,kBAAC,IAAI,EAAE,EAAE,IAAM,SAAS;gBAAE,qCAAG,SAAS,EAAE,0BAAM,CAAC,OAAO,IAAG,GAAG,CAAK,CAAO,CAAK,CAAC;KAC9G;IACD,IAAI,IAAI,EAAE;QACN,MAAM,MAAM,qBAA0D,SAAS,CAAE,CAAC;QAClF,IAAI,OAAO,EAAE;YACT,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;SAC5B;QACD,OAAO,sDAAQ,OAAO;YAAE,mDAAG,IAAI,EAAE,IAAI,IAAM,MAAM,IAAE,SAAS,EAAE,0BAAM,CAAC,OAAO,KAAG,GAAG,CAAK,CAAK,CAAC;KAChG;IACD,IAAI,OAAO,EAAE;QACT,OAAO,CACH,sDAAQ,OAAO;YACX,wDAAQ,SAAS,EAAE,oBAAU,CAAC,0BAAM,CAAC,MAAM,EAAE,0BAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,IAAK,SAAS,GAC7F,GAAG,CACC,CACR,CACR,CAAC;KACL;IACD,OAAO,sDAAQ,OAAO;QAAE,uDAAS,SAAS,IAAE,SAAS,EAAE,0BAAM,CAAC,OAAO,KAAG,GAAG,CAAO,CAAK,CAAC;AAC5F,CAAC,CAAC;AAKO,oBAAI;AAHb,IAAI,CAAC,KAAK,GAAG,gBAAK,CAAC;AACnB,IAAI,CAAC,KAAK,GAAG,gBAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAGrC,UAAU,aAAa;IACnB,MAAM,EAAE,OAAO,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,GAAG,aAItB,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -5,9 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.List = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const Header_js_1 = require("./Header.js");
|
|
8
9
|
const List_module_scss_1 = __importDefault(require("./List.module.scss"));
|
|
9
10
|
const List = (props) => {
|
|
10
11
|
return (react_1.default.createElement("ul", { className: List_module_scss_1.default.list }, props.children));
|
|
11
12
|
};
|
|
12
13
|
exports.List = List;
|
|
14
|
+
List.Header = Header_js_1.Header;
|
|
13
15
|
//# sourceMappingURL=List.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/components/layout/list/List.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,0EAAwC;
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/components/layout/list/List.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2CAAqC;AACrC,0EAAwC;AAMxC,MAAM,IAAI,GAA6B,CAAC,KAAK,EAAE,EAAE;IAC7C,OAAO,CACH,sCAAI,SAAS,EAAE,0BAAM,CAAC,IAAI,IAAG,KAAK,CAAC,QAAQ,CAAM,CACpD,CAAC;AACN,CAAC,CAAC;AAIO,oBAAI;AAFb,IAAI,CAAC,MAAM,GAAG,kBAAM,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SectionContainer } from "./SectionContainer.js";
|
|
3
|
+
interface SubComponents {
|
|
4
|
+
Container: typeof SectionContainer;
|
|
5
|
+
}
|
|
6
|
+
declare type Variant = "horizontal" | "vertical";
|
|
7
|
+
interface Props {
|
|
8
|
+
variant?: Variant | Variant[];
|
|
9
|
+
}
|
|
10
|
+
declare const Section: React.FC<Props> & SubComponents;
|
|
11
|
+
export { Section };
|
|
12
|
+
//# sourceMappingURL=Section.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAIzD,UAAU,aAAa;IACnB,SAAS,EAAE,OAAO,gBAAgB,CAAC;CACtC;AAED,aAAK,OAAO,GAAG,YAAY,GAAG,UAAU,CAAC;AAEzC,UAAU,KAAK;IACX,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACjC;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,aAYhC,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
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
|
+
exports.Section = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
+
const SectionContainer_js_1 = require("./SectionContainer.js");
|
|
10
|
+
const makeVariants_js_1 = require("../../../utils/makeVariants.js");
|
|
11
|
+
const Section_module_scss_1 = __importDefault(require("./Section.module.scss"));
|
|
12
|
+
const Section = (props) => {
|
|
13
|
+
const v = makeVariants_js_1.makeVariants(props.variant);
|
|
14
|
+
const cls = classnames_1.default(Section_module_scss_1.default.section, {
|
|
15
|
+
[Section_module_scss_1.default.vertical]: v.includes("vertical"),
|
|
16
|
+
[Section_module_scss_1.default.horizontal]: v.includes("horizontal"),
|
|
17
|
+
});
|
|
18
|
+
return (react_1.default.createElement("section", { className: cls }, props.children));
|
|
19
|
+
};
|
|
20
|
+
exports.Section = Section;
|
|
21
|
+
Section.Container = SectionContainer_js_1.SectionContainer;
|
|
22
|
+
//# sourceMappingURL=Section.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../src/components/layout/section/Section.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,+DAAyD;AACzD,oEAA8D;AAC9D,gFAA2C;AAY3C,MAAM,OAAO,GAAoC,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,CAAC,GAAG,8BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEtC,MAAM,GAAG,GAAG,oBAAU,CAAC,6BAAM,CAAC,OAAO,EAAE;QACnC,CAAC,6BAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC;QACzC,CAAC,6BAAM,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC;KAChD,CAAC,CAAC;IACH,OAAO,CACH,2CAAS,SAAS,EAAE,GAAG,IAClB,KAAK,CAAC,QAAQ,CACT,CACb,CAAC;AACN,CAAC,CAAC;AAIO,0BAAO;AAFhB,OAAO,CAAC,SAAS,GAAG,sCAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SectionContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/section/SectionContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAI7B,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
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
|
+
exports.SectionContainer = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const SectionContainer_module_scss_1 = __importDefault(require("./SectionContainer.module.scss"));
|
|
9
|
+
const SectionContainer = (props) => {
|
|
10
|
+
return (react_1.default.createElement("div", { className: SectionContainer_module_scss_1.default.container }, props.children));
|
|
11
|
+
};
|
|
12
|
+
exports.SectionContainer = SectionContainer;
|
|
13
|
+
//# sourceMappingURL=SectionContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SectionContainer.js","sourceRoot":"","sources":["../../../../src/components/layout/section/SectionContainer.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,kGAAoD;AAEpD,MAAM,gBAAgB,GAAa,CAAC,KAAK,EAAE,EAAE;IACzC,OAAO,CACH,uCAAK,SAAS,EAAE,sCAAM,CAAC,SAAS,IAAG,KAAK,CAAC,QAAQ,CAAO,CAC3D,CAAC;AACN,CAAC,CAAC;AAEO,4CAAgB"}
|
|
@@ -16,13 +16,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.Action = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
|
-
const
|
|
19
|
+
const Icon_js_1 = require("../../icons/Icon.js");
|
|
20
20
|
const Action_module_scss_1 = __importDefault(require("./Action.module.scss"));
|
|
21
21
|
const Action = (props) => {
|
|
22
22
|
const { icon, label, href, to, Link } = props, restProps = __rest(props, ["icon", "label", "href", "to", "Link"]);
|
|
23
23
|
let iconElem = icon;
|
|
24
24
|
if (typeof icon === "string") {
|
|
25
|
-
iconElem = react_1.default.createElement(
|
|
25
|
+
iconElem = react_1.default.createElement(Icon_js_1.Icon, { name: icon });
|
|
26
26
|
}
|
|
27
27
|
const labelElem = label ? react_1.default.createElement("div", { className: Action_module_scss_1.default.label }, label) : null;
|
|
28
28
|
const content = (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../../../src/components/ui/action/Action.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAI1B,
|
|
1
|
+
{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../../../src/components/ui/action/Action.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAI1B,iDAA2C;AAC3C,8EAA0C;AAgB1C,MAAM,MAAM,GAAqB,CAAC,KAAK,EAAE,EAAE;IACvC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAArD,uCAA6C,CAAQ,CAAC;IAE5D,IAAI,QAAQ,GAAc,IAAI,CAAC;IAC/B,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC1B,QAAQ,GAAG,8BAAC,cAAI,IAAC,IAAI,EAAE,IAAY,GAAI,CAAC;KAC3C;IAED,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,uCAAK,SAAS,EAAE,4BAAM,CAAC,KAAK,IAAG,KAAK,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7E,MAAM,OAAO,GAAG,CACZ;QACI,uCAAK,SAAS,EAAE,4BAAM,CAAC,MAAM,IAAG,QAAQ,CAAO;QAC9C,SAAS,CACX,CACN,CAAC;IAEF,IAAI,EAAE,EAAE;QACJ,IAAI,CAAC,IAAI,EAAE;YACP,MAAM,IAAI,SAAS,CAAC,0CAA0C,CAAC,CAAC;SACnE;QAED,OAAO,8BAAC,IAAI,kBAAC,IAAI,EAAE,EAAE,IAAM,SAAS;YAAE,qCAAG,SAAS,EAAE,4BAAM,CAAC,CAAC,IAAG,OAAO,CAAK,CAAO,CAAC;KACtF;IAED,IAAI,IAAI,EAAE;QACN,OAAO,mDAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,4BAAM,CAAC,CAAC,IAAM,SAAS,GAAG,OAAO,CAAK,CAAC;KAC3E;IAED,OAAO,CACH,0CAAQ,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,4BAAM,CAAC,MAAM,IACnD,OAAO,CACH,CACZ,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}
|
|
@@ -5,12 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.EqualActions = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const Action_1 = require("./Action");
|
|
9
|
-
const EqualActions_module_scss_1 = __importDefault(require("./EqualActions.module.scss"));
|
|
10
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
+
const Action_js_1 = require("./Action.js");
|
|
10
|
+
const EqualActions_module_scss_1 = __importDefault(require("./EqualActions.module.scss"));
|
|
11
11
|
const EqualActions = (props) => {
|
|
12
12
|
react_1.default.Children.forEach(props.children, (child) => {
|
|
13
|
-
if (!child || typeof child !== "object" || !("type" in child) || child.type !==
|
|
13
|
+
if (!child || typeof child !== "object" || !("type" in child) || child.type !== Action_js_1.Action) {
|
|
14
14
|
throw new TypeError("Every child of EqualActions must be an Action component");
|
|
15
15
|
}
|
|
16
16
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EqualActions.js","sourceRoot":"","sources":["../../../../src/components/ui/action/EqualActions.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"EqualActions.js","sourceRoot":"","sources":["../../../../src/components/ui/action/EqualActions.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,2CAAqC;AACrC,0FAAgD;AAMhD,MAAM,YAAY,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC5C,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAC7C,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,kBAAM,EAAE;YACpF,MAAM,IAAI,SAAS,CAAC,yDAAyD,CAAC,CAAC;SAClF;IACL,CAAC,CAAC,CAAC;IAGH,MAAM,KAAK,GAAG;QACV,iBAAiB,EAAE,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;KACnC,CAAC;IAEzB,OAAO,CACH,uCAAK,SAAS,EAAE,oBAAU,CAAC,kCAAM,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IACpE,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC,CAAC;AAEO,oCAAY"}
|
|
@@ -5,11 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Button = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const Button_module_scss_1 = __importDefault(require("./Button.module.scss"));
|
|
9
8
|
const classnames_1 = __importDefault(require("classnames"));
|
|
10
|
-
const
|
|
9
|
+
const Button_module_scss_1 = __importDefault(require("./Button.module.scss"));
|
|
10
|
+
const makeVariants_js_1 = require("../../../utils/makeVariants.js");
|
|
11
11
|
const Button = (props) => {
|
|
12
|
-
const variants =
|
|
12
|
+
const variants = makeVariants_js_1.makeVariants(props.variant);
|
|
13
13
|
const cls = classnames_1.default(Button_module_scss_1.default.btn, {
|
|
14
14
|
[Button_module_scss_1.default["btn--inline"]]: variants.includes("inline"),
|
|
15
15
|
[Button_module_scss_1.default["btn--outline"]]: variants.includes("outline"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,8EAA0C;AAC1C,oEAA8D;AAO9D,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,QAAQ,GAAG,8BAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAE7C,MAAM,GAAG,GAAG,oBAAU,CAAC,4BAAM,CAAC,GAAG,EAAE;QAC/B,CAAC,4BAAM,CAAC,aAAa,CAAC,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC;QACpD,CAAC,4BAAM,CAAC,cAAc,CAAC,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC;KACzD,CAAC,CAAC;IAEH,OAAO,CACH,0CAAQ,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAG,KAAK,CAAC,QAAQ,CAAU,CAC9E,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}
|
package/dist/global.scss
CHANGED
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
export * from "./components/form/Checkbox.js";
|
|
2
|
+
export * from "./components/form/Toggle.js";
|
|
2
3
|
export * from "./components/icons/Icon.js";
|
|
3
4
|
export * from "./components/layout/header/Header.js";
|
|
5
|
+
export * from "./components/layout/header/HeaderIconAction.js";
|
|
4
6
|
export * from "./components/layout/header/StickyHeader.js";
|
|
5
7
|
export * from "./components/layout/list/List.js";
|
|
6
8
|
export * from "./components/layout/list/Item.js";
|
|
9
|
+
export * from "./components/ui/action/Action.js";
|
|
10
|
+
export * from "./components/ui/action/EqualActions.js";
|
|
7
11
|
export * from "./components/ui/button/Button.js";
|
|
8
12
|
export * from "./components/ui/directionPad/Pad.js";
|
|
9
13
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AAEjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -11,11 +11,15 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
11
11
|
};
|
|
12
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
13
|
__exportStar(require("./components/form/Checkbox.js"), exports);
|
|
14
|
+
__exportStar(require("./components/form/Toggle.js"), exports);
|
|
14
15
|
__exportStar(require("./components/icons/Icon.js"), exports);
|
|
15
16
|
__exportStar(require("./components/layout/header/Header.js"), exports);
|
|
17
|
+
__exportStar(require("./components/layout/header/HeaderIconAction.js"), exports);
|
|
16
18
|
__exportStar(require("./components/layout/header/StickyHeader.js"), exports);
|
|
17
19
|
__exportStar(require("./components/layout/list/List.js"), exports);
|
|
18
20
|
__exportStar(require("./components/layout/list/Item.js"), exports);
|
|
21
|
+
__exportStar(require("./components/ui/action/Action.js"), exports);
|
|
22
|
+
__exportStar(require("./components/ui/action/EqualActions.js"), exports);
|
|
19
23
|
__exportStar(require("./components/ui/button/Button.js"), exports);
|
|
20
24
|
__exportStar(require("./components/ui/directionPad/Pad.js"), exports);
|
|
21
25
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gEAA8C;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gEAA8C;AAC9C,8DAA4C;AAE5C,6DAA2C;AAE3C,uEAAqD;AACrD,iFAA+D;AAC/D,6EAA2D;AAC3D,mEAAiD;AACjD,mEAAiD;AAEjD,mEAAiD;AACjD,yEAAuD;AACvD,mEAAiD;AACjD,sEAAoD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"makeVariants.d.ts","sourceRoot":"","sources":["../../src/utils/makeVariants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,0DAQjB,CAAC;AAEF,OAAO,EACH,YAAY,GACf,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.makeVariants = void 0;
|
|
4
|
+
const makeVariants = (variants) => {
|
|
5
|
+
if (!variants) {
|
|
6
|
+
return [];
|
|
7
|
+
}
|
|
8
|
+
if (typeof variants === "string") {
|
|
9
|
+
return variants.split(" ").filter(Boolean);
|
|
10
|
+
}
|
|
11
|
+
return variants;
|
|
12
|
+
};
|
|
13
|
+
exports.makeVariants = makeVariants;
|
|
14
|
+
//# sourceMappingURL=makeVariants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"makeVariants.js","sourceRoot":"","sources":["../../src/utils/makeVariants.ts"],"names":[],"mappings":";;;AAAA,MAAM,YAAY,GAAG,CAAmB,QAA6B,EAAO,EAAE;IAC1E,IAAI,CAAC,QAAQ,EAAE;QACX,OAAO,EAAE,CAAC;KACb;IACD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAC9B,OAAO,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAQ,CAAC;KACrD;IACD,OAAO,QAAQ,CAAC;AACpB,CAAC,CAAC;AAGE,oCAAY"}
|
package/docs/assets/js/search.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
window.searchData = {"kinds":{"2":"Namespace","4":"Enumeration","16":"Enumeration member","32":"Variable","64":"Function"},"rows":[{"id":0,"kind":32,"name":"Checkbox","url":"modules.html#Checkbox","classes":"tsd-kind-variable"},{"id":1,"kind":32,"name":"Icon","url":"modules.html#Icon","classes":"tsd-kind-variable"},{"id":
|
|
1
|
+
window.searchData = {"kinds":{"2":"Namespace","4":"Enumeration","16":"Enumeration member","32":"Variable","64":"Function"},"rows":[{"id":0,"kind":32,"name":"Checkbox","url":"modules.html#Checkbox","classes":"tsd-kind-variable"},{"id":1,"kind":32,"name":"Toggle","url":"modules.html#Toggle","classes":"tsd-kind-variable"},{"id":2,"kind":32,"name":"Icon","url":"modules.html#Icon","classes":"tsd-kind-variable"},{"id":3,"kind":4,"name":"ICON","url":"enums/ICON.html","classes":"tsd-kind-enum"},{"id":4,"kind":16,"name":"checkmark","url":"enums/ICON.html#checkmark","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":5,"kind":16,"name":"back","url":"enums/ICON.html#back","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":6,"kind":16,"name":"forward","url":"enums/ICON.html#forward","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":7,"kind":32,"name":"Header","url":"modules.html#Header","classes":"tsd-kind-variable"},{"id":8,"kind":32,"name":"HeaderIconAction","url":"modules.html#HeaderIconAction","classes":"tsd-kind-variable"},{"id":9,"kind":32,"name":"StickyHeader","url":"modules.html#StickyHeader","classes":"tsd-kind-variable"},{"id":10,"kind":2,"name":"StickyHeader","url":"modules/StickyHeader.html","classes":"tsd-kind-namespace"},{"id":11,"kind":64,"name":"Content","url":"modules/StickyHeader.html#Content","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"StickyHeader"},{"id":12,"kind":32,"name":"List","url":"modules.html#List","classes":"tsd-kind-variable"},{"id":13,"kind":2,"name":"List","url":"modules/List.html","classes":"tsd-kind-namespace"},{"id":14,"kind":32,"name":"Header","url":"modules/List.html#Header","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"List"},{"id":15,"kind":32,"name":"Item","url":"modules.html#Item","classes":"tsd-kind-variable"},{"id":16,"kind":2,"name":"Item","url":"modules/Item.html","classes":"tsd-kind-namespace"},{"id":17,"kind":32,"name":"Label","url":"modules/Item.html#Label","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Item"},{"id":18,"kind":32,"name":"Value","url":"modules/Item.html#Value","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Item"},{"id":19,"kind":32,"name":"Action","url":"modules.html#Action","classes":"tsd-kind-variable"},{"id":20,"kind":32,"name":"EqualActions","url":"modules.html#EqualActions","classes":"tsd-kind-variable"},{"id":21,"kind":32,"name":"Button","url":"modules.html#Button","classes":"tsd-kind-variable"},{"id":22,"kind":32,"name":"DirectionPad","url":"modules.html#DirectionPad","classes":"tsd-kind-variable"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,27.726]],["parent/0",[]],["name/1",[1,27.726]],["parent/1",[]],["name/2",[2,14.733]],["parent/2",[]],["name/3",[2,14.733]],["parent/3",[]],["name/4",[3,27.726]],["parent/4",[2,0.761]],["name/5",[4,27.726]],["parent/5",[2,0.761]],["name/6",[5,27.726]],["parent/6",[2,0.761]],["name/7",[6,22.618]],["parent/7",[]],["name/8",[7,27.726]],["parent/8",[]],["name/9",[8,19.253]],["parent/9",[]],["name/10",[8,19.253]],["parent/10",[]],["name/11",[9,27.726]],["parent/11",[8,0.995]],["name/12",[10,19.253]],["parent/12",[]],["name/13",[10,19.253]],["parent/13",[]],["name/14",[6,22.618]],["parent/14",[10,0.995]],["name/15",[11,16.74]],["parent/15",[]],["name/16",[11,16.74]],["parent/16",[]],["name/17",[12,27.726]],["parent/17",[11,0.865]],["name/18",[13,27.726]],["parent/18",[11,0.865]],["name/19",[14,27.726]],["parent/19",[]],["name/20",[15,27.726]],["parent/20",[]],["name/21",[16,27.726]],["parent/21",[]],["name/22",[17,27.726]],["parent/22",[]]],"invertedIndex":[["action",{"_index":14,"name":{"19":{}},"parent":{}}],["back",{"_index":4,"name":{"5":{}},"parent":{}}],["button",{"_index":16,"name":{"21":{}},"parent":{}}],["checkbox",{"_index":0,"name":{"0":{}},"parent":{}}],["checkmark",{"_index":3,"name":{"4":{}},"parent":{}}],["content",{"_index":9,"name":{"11":{}},"parent":{}}],["directionpad",{"_index":17,"name":{"22":{}},"parent":{}}],["equalactions",{"_index":15,"name":{"20":{}},"parent":{}}],["forward",{"_index":5,"name":{"6":{}},"parent":{}}],["header",{"_index":6,"name":{"7":{},"14":{}},"parent":{}}],["headericonaction",{"_index":7,"name":{"8":{}},"parent":{}}],["icon",{"_index":2,"name":{"2":{},"3":{}},"parent":{"4":{},"5":{},"6":{}}}],["item",{"_index":11,"name":{"15":{},"16":{}},"parent":{"17":{},"18":{}}}],["label",{"_index":12,"name":{"17":{}},"parent":{}}],["list",{"_index":10,"name":{"12":{},"13":{}},"parent":{"14":{}}}],["stickyheader",{"_index":8,"name":{"9":{},"10":{}},"parent":{"11":{}}}],["toggle",{"_index":1,"name":{"1":{}},"parent":{}}],["value",{"_index":13,"name":{"18":{}},"parent":{}}]],"pipeline":[]}}
|