react-miui 0.8.0 → 0.9.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.
Files changed (102) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/dist/components/form/choice/Choice.d.ts +11 -0
  3. package/dist/components/form/choice/Choice.d.ts.map +1 -0
  4. package/dist/components/form/choice/Choice.js +19 -0
  5. package/dist/components/form/choice/Choice.js.map +1 -0
  6. package/dist/components/form/choice/Choice.module.scss +43 -0
  7. package/dist/components/form/choice/ChoiceItem.d.ts +11 -0
  8. package/dist/components/form/choice/ChoiceItem.d.ts.map +1 -0
  9. package/dist/components/form/choice/ChoiceItem.js +33 -0
  10. package/dist/components/form/choice/ChoiceItem.js.map +1 -0
  11. package/dist/components/ui/tabs/Item.d.ts +10 -0
  12. package/dist/components/ui/tabs/Item.d.ts.map +1 -0
  13. package/dist/components/ui/tabs/Item.js +39 -0
  14. package/dist/components/ui/tabs/Item.js.map +1 -0
  15. package/dist/components/ui/tabs/Item.module.scss +11 -0
  16. package/dist/components/ui/tabs/Selector.d.ts +10 -0
  17. package/dist/components/ui/tabs/Selector.d.ts.map +1 -0
  18. package/dist/components/ui/tabs/Selector.js +46 -0
  19. package/dist/components/ui/tabs/Selector.js.map +1 -0
  20. package/dist/components/ui/tabs/Selector.module.scss +6 -0
  21. package/dist/global.scss +9 -0
  22. package/dist/index.d.ts +2 -0
  23. package/dist/index.d.ts.map +1 -1
  24. package/dist/index.js +2 -0
  25. package/dist/index.js.map +1 -1
  26. package/dist/types/form.d.ts +7 -0
  27. package/dist/types/form.d.ts.map +1 -0
  28. package/dist/types/form.js +3 -0
  29. package/dist/types/form.js.map +1 -0
  30. package/dist/utils/index.d.ts +3 -0
  31. package/dist/utils/index.d.ts.map +1 -0
  32. package/dist/utils/index.js +15 -0
  33. package/dist/utils/index.js.map +1 -0
  34. package/dist/utils/toObjectValue.d.ts +4 -0
  35. package/dist/utils/toObjectValue.d.ts.map +1 -0
  36. package/dist/utils/toObjectValue.js +8 -0
  37. package/dist/utils/toObjectValue.js.map +1 -0
  38. package/docs/assets/js/search.js +1 -1
  39. package/docs/assets/js/search.json +1 -1
  40. package/docs/classes/ToasterProvider.html +14 -8
  41. package/docs/enums/ICON.html +14 -8
  42. package/docs/index.html +10 -4
  43. package/docs/modules/Item.html +3 -3
  44. package/docs/modules/List.html +3 -3
  45. package/docs/modules/Modal.html +3 -3
  46. package/docs/modules/ModalButtons.html +3 -3
  47. package/docs/modules/Section.html +3 -3
  48. package/docs/modules/StickyHeader.html +4 -4
  49. package/docs/modules.html +53 -25
  50. package/docs/pages/Tutorials/Test.html +3 -3
  51. package/esm/components/form/choice/Choice.d.ts +11 -0
  52. package/esm/components/form/choice/Choice.d.ts.map +1 -0
  53. package/esm/components/form/choice/Choice.js +13 -0
  54. package/esm/components/form/choice/Choice.js.map +1 -0
  55. package/esm/components/form/choice/Choice.module.scss +43 -0
  56. package/esm/components/form/choice/ChoiceItem.d.ts +11 -0
  57. package/esm/components/form/choice/ChoiceItem.d.ts.map +1 -0
  58. package/esm/components/form/choice/ChoiceItem.js +11 -0
  59. package/esm/components/form/choice/ChoiceItem.js.map +1 -0
  60. package/esm/components/ui/tabs/Item.d.ts +10 -0
  61. package/esm/components/ui/tabs/Item.d.ts.map +1 -0
  62. package/esm/components/ui/tabs/Item.js +14 -0
  63. package/esm/components/ui/tabs/Item.js.map +1 -0
  64. package/esm/components/ui/tabs/Item.module.scss +11 -0
  65. package/esm/components/ui/tabs/Selector.d.ts +10 -0
  66. package/esm/components/ui/tabs/Selector.d.ts.map +1 -0
  67. package/esm/components/ui/tabs/Selector.js +21 -0
  68. package/esm/components/ui/tabs/Selector.js.map +1 -0
  69. package/esm/components/ui/tabs/Selector.module.scss +6 -0
  70. package/esm/global.scss +9 -0
  71. package/esm/index.d.ts +2 -0
  72. package/esm/index.d.ts.map +1 -1
  73. package/esm/index.js +2 -0
  74. package/esm/index.js.map +1 -1
  75. package/esm/types/form.d.ts +7 -0
  76. package/esm/types/form.d.ts.map +1 -0
  77. package/esm/types/form.js +2 -0
  78. package/esm/types/form.js.map +1 -0
  79. package/esm/utils/index.d.ts +3 -0
  80. package/esm/utils/index.d.ts.map +1 -0
  81. package/esm/utils/index.js +3 -0
  82. package/esm/utils/index.js.map +1 -0
  83. package/esm/utils/toObjectValue.d.ts +4 -0
  84. package/esm/utils/toObjectValue.d.ts.map +1 -0
  85. package/esm/utils/toObjectValue.js +5 -0
  86. package/esm/utils/toObjectValue.js.map +1 -0
  87. package/package.json +1 -1
  88. package/src/components/form/choice/Choice.module.scss +43 -0
  89. package/src/components/form/choice/Choice.tsx +32 -0
  90. package/src/components/form/choice/ChoiceItem.tsx +30 -0
  91. package/src/components/ui/tabs/Item.module.scss +11 -0
  92. package/src/components/ui/tabs/Item.tsx +26 -0
  93. package/src/components/ui/tabs/Selector.module.scss +6 -0
  94. package/src/components/ui/tabs/Selector.tsx +31 -0
  95. package/src/demo/components/form/Choice.tsx +19 -0
  96. package/src/demo/components/ui/tabs/Tabs.tsx +15 -0
  97. package/src/demo/componentsMap.ts +10 -0
  98. package/src/global.scss +9 -0
  99. package/src/index.ts +2 -0
  100. package/src/types/form.ts +7 -0
  101. package/src/utils/index.ts +2 -0
  102. package/src/utils/toObjectValue.ts +9 -0
package/CHANGELOG.md CHANGED
@@ -6,6 +6,11 @@ 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.9.0] - 2022-02-11
10
+ ### Added
11
+ - choice component
12
+ - tabs selector component
13
+
9
14
  ## [0.8.0] - 2022-01-27
10
15
  ### Added
11
16
  - modal component
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ import type { Value } from "../../../types/form";
3
+ interface Props {
4
+ values: Value[];
5
+ value: string;
6
+ name: string;
7
+ onChange: (value: string) => void;
8
+ }
9
+ declare const Choice: React.FC<Props>;
10
+ export { Choice };
11
+ //# sourceMappingURL=Choice.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAKjD,UAAU,KAAK;IACX,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAe3B,CAAC;AAEF,OAAO,EAAE,MAAM,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.Choice = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const utils_1 = require("../../../utils");
9
+ const ChoiceItem_1 = require("./ChoiceItem");
10
+ const Choice_module_scss_1 = __importDefault(require("./Choice.module.scss"));
11
+ const Choice = (props) => {
12
+ const opts = props.values.map(option => {
13
+ const opt = utils_1.toObjectValue(option);
14
+ return (react_1.default.createElement(ChoiceItem_1.ChoiceItem, { key: opt.value, name: props.name, value: opt, onChange: props.onChange, active: props.value === opt.value }));
15
+ });
16
+ return react_1.default.createElement("div", { className: Choice_module_scss_1.default.choice }, opts);
17
+ };
18
+ exports.Choice = Choice;
19
+ //# sourceMappingURL=Choice.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Choice.js","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,0CAA+C;AAC/C,6CAA0C;AAC1C,8EAA0C;AAS1C,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QACnC,MAAM,GAAG,GAAG,qBAAa,CAAC,MAAM,CAAC,CAAC;QAClC,OAAO,CACH,8BAAC,uBAAU,IACP,GAAG,EAAE,GAAG,CAAC,KAAK,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK,GACnC,CACL,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,OAAO,uCAAK,SAAS,EAAE,4BAAM,CAAC,MAAM,IAAG,IAAI,CAAO,CAAC;AACvD,CAAC,CAAC;AAEO,wBAAM"}
@@ -0,0 +1,43 @@
1
+ .choice {
2
+ input {
3
+ width: 0;
4
+ height: 0;
5
+ overflow: hidden;
6
+ opacity: 0;
7
+ margin: 0;
8
+ position: absolute;
9
+
10
+ &:checked + span {
11
+ color: var(--choice-active-text);
12
+ background: var(--choice-active-bg);
13
+ }
14
+ }
15
+
16
+ span {
17
+ display: flex;
18
+ padding: 0;
19
+ flex: 1;
20
+ height: 100%;
21
+ align-items: center;
22
+ justify-content: center;
23
+ font-size: calc(24px / var(--ratio-font));
24
+ color: var(--choice-text);
25
+ background: var(--choice-bg);
26
+ }
27
+
28
+ display: flex;
29
+ border: 1px solid var(--choice-border); // @TODO width
30
+ position: relative;
31
+ border-radius: 8px;
32
+ overflow: hidden;
33
+
34
+ label {
35
+ flex: 1;
36
+ height: calc(89px / var(--ratio-dimensions));
37
+ display: flex;
38
+
39
+ + label {
40
+ border-left: 1px solid var(--choice-border);
41
+ }
42
+ }
43
+ }
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ import type { ObjectValue } from "../../../types/form";
3
+ interface Props {
4
+ name: string;
5
+ value: ObjectValue;
6
+ onChange: (value: string) => void;
7
+ active: boolean;
8
+ }
9
+ declare const ChoiceItem: React.FC<Props>;
10
+ export { ChoiceItem };
11
+ //# sourceMappingURL=ChoiceItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChoiceItem.d.ts","sourceRoot":"","sources":["../../../../src/components/form/choice/ChoiceItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,UAAU,KAAK;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiB/B,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
@@ -0,0 +1,33 @@
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ Object.defineProperty(exports, "__esModule", { value: true });
22
+ exports.ChoiceItem = void 0;
23
+ const react_1 = __importStar(require("react"));
24
+ const ChoiceItem = (props) => {
25
+ const handleChange = react_1.useCallback((e) => {
26
+ props.onChange(e.currentTarget.value);
27
+ }, [props.onChange]);
28
+ return (react_1.default.createElement("label", { key: props.value.value, tabIndex: 0 },
29
+ react_1.default.createElement("input", { type: "radio", name: props.name, value: props.value.value, checked: props.active, onChange: handleChange }),
30
+ react_1.default.createElement("span", null, props.value.label)));
31
+ };
32
+ exports.ChoiceItem = ChoiceItem;
33
+ //# sourceMappingURL=ChoiceItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChoiceItem.js","sourceRoot":"","sources":["../../../../src/components/form/choice/ChoiceItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAU3C,MAAM,UAAU,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC1C,MAAM,YAAY,GAAG,mBAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QACxE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,OAAO,CACH,yCAAO,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC;QACtC,yCACI,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EACxB,OAAO,EAAE,KAAK,CAAC,MAAM,EACrB,QAAQ,EAAE,YAAY,GACxB;QACF,4CAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAQ,CAC5B,CACX,CAAC;AACN,CAAC,CAAC;AAEO,gCAAU"}
@@ -0,0 +1,10 @@
1
+ import React from "react";
2
+ import type { ObjectValue } from "../../../types/form";
3
+ interface Props {
4
+ value: ObjectValue;
5
+ onClick: (value: string) => void;
6
+ active: boolean;
7
+ }
8
+ declare const Item: React.FC<Props>;
9
+ export { Item };
10
+ //# sourceMappingURL=Item.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tabs/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIvD,UAAU,KAAK;IACX,KAAK,EAAE,WAAW,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAUzB,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
@@ -0,0 +1,39 @@
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __importDefault = (this && this.__importDefault) || function (mod) {
22
+ return (mod && mod.__esModule) ? mod : { "default": mod };
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ exports.Item = void 0;
26
+ const react_1 = __importStar(require("react"));
27
+ const classnames_1 = __importDefault(require("classnames"));
28
+ const Item_module_scss_1 = __importDefault(require("./Item.module.scss"));
29
+ const Item = (props) => {
30
+ const handleClick = react_1.useCallback(() => {
31
+ props.onClick(props.value.value);
32
+ }, [props.onClick, props.value.value, props.value.label]);
33
+ const cls = classnames_1.default(Item_module_scss_1.default.button, {
34
+ [Item_module_scss_1.default.active]: props.active,
35
+ });
36
+ return react_1.default.createElement("button", { onClick: handleClick, className: cls, type: "button" }, props.value.label);
37
+ };
38
+ exports.Item = Item;
39
+ //# sourceMappingURL=Item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/ui/tabs/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,4DAAoC;AAIpC,0EAAwC;AAQxC,MAAM,IAAI,GAAoB,CAAC,KAAK,EAAE,EAAE;IACpC,MAAM,WAAW,GAAG,mBAAW,CAAC,GAAG,EAAE;QACjC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAE1D,MAAM,GAAG,GAAG,oBAAU,CAAC,0BAAM,CAAC,MAAM,EAAE;QAClC,CAAC,0BAAM,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM;KAChC,CAAC,CAAC;IAEH,OAAO,0CAAQ,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,IAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAU,CAAC;AACtG,CAAC,CAAC;AAEO,oBAAI"}
@@ -0,0 +1,11 @@
1
+ .button {
2
+ border: none;
3
+ padding: 0;
4
+ font-size: calc(29px / var(--ratio-font));
5
+ color: var(--selector-text);
6
+ background: none;
7
+ }
8
+
9
+ .active {
10
+ color: var(--selector-active);
11
+ }
@@ -0,0 +1,10 @@
1
+ import React from "react";
2
+ import type { Value } from "../../../types/form";
3
+ interface Props {
4
+ values: Value[];
5
+ value?: string;
6
+ onChange?: (value: string) => void;
7
+ }
8
+ declare const Selector: React.FC<Props>;
9
+ export { Selector };
10
+ //# sourceMappingURL=Selector.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Selector.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tabs/Selector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAKjD,UAAU,KAAK;IACX,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAe7B,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -0,0 +1,46 @@
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __importDefault = (this && this.__importDefault) || function (mod) {
22
+ return (mod && mod.__esModule) ? mod : { "default": mod };
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ exports.Selector = void 0;
26
+ const react_1 = __importStar(require("react"));
27
+ const utils_1 = require("../../../utils");
28
+ const Item_1 = require("./Item");
29
+ const Selector_module_scss_1 = __importDefault(require("./Selector.module.scss"));
30
+ const Selector = (props) => {
31
+ var _a;
32
+ const [current, setCurrent] = react_1.useState(props.value);
33
+ const handleCurrent = react_1.useCallback((value) => {
34
+ var _a;
35
+ setCurrent(value);
36
+ (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value);
37
+ }, [props.onChange]);
38
+ const crr = (_a = props.value) !== null && _a !== void 0 ? _a : current;
39
+ const vals = props.values.map(v => {
40
+ const ov = utils_1.toObjectValue(v);
41
+ return react_1.default.createElement(Item_1.Item, { key: ov.value, value: ov, onClick: handleCurrent, active: crr === ov.value });
42
+ });
43
+ return react_1.default.createElement("div", { className: Selector_module_scss_1.default.selector }, vals);
44
+ };
45
+ exports.Selector = Selector;
46
+ //# sourceMappingURL=Selector.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Selector.js","sourceRoot":"","sources":["../../../../src/components/ui/tabs/Selector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AAGrD,0CAA+C;AAC/C,iCAA8B;AAC9B,kFAA4C;AAQ5C,MAAM,QAAQ,GAAoB,CAAC,KAAK,EAAE,EAAE;;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,gBAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,mBAAW,CAAC,CAAC,KAAa,EAAE,EAAE;;QAChD,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,MAAA,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,KAAK,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,MAAM,GAAG,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,OAAO,CAAC;IAEnC,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QAC9B,MAAM,EAAE,GAAG,qBAAa,CAAC,CAAC,CAAC,CAAC;QAC5B,OAAO,8BAAC,WAAI,IAAC,GAAG,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC,KAAK,GAAI,CAAC;IAChG,CAAC,CAAC,CAAC;IACH,OAAO,uCAAK,SAAS,EAAE,8BAAM,CAAC,QAAQ,IAAG,IAAI,CAAO,CAAC;AACzD,CAAC,CAAC;AAEO,4BAAQ"}
@@ -0,0 +1,6 @@
1
+ .selector {
2
+ display: flex;
3
+ flex: 1;
4
+ justify-content: center;
5
+ gap: calc(114px / var(--ratio-dimensions));
6
+ }
package/dist/global.scss CHANGED
@@ -32,6 +32,15 @@
32
32
  --modal-button-bg: #f8f8f8;
33
33
  --modal-button-border: #c2c2c2;
34
34
 
35
+ --choice-bg: #ffffff;
36
+ --choice-text: #999999;
37
+ --choice-active-bg: #f3f3f3;
38
+ --choice-active-text: #313131;
39
+ --choice-border: #cfcfcf;
40
+
41
+ --selector-text: #606060;
42
+ --selector-active: var(--main-color);
43
+
35
44
  // Shades: https://maketintsandshades.com/#038bf4,ff7200,7357e8,3ec234,3ec234,ff388f,ea2700
36
45
  --blue1: #038bf4;
37
46
  --orange1: #ff7200;
package/dist/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ export * from "./components/form/choice/Choice.js";
1
2
  export * from "./components/form/Checkbox.js";
2
3
  export * from "./components/form/Input.js";
3
4
  export * from "./components/form/Label.js";
@@ -18,5 +19,6 @@ export * from "./components/ui/button/Button.js";
18
19
  export * from "./components/ui/directionPad/Pad.js";
19
20
  export * from "./components/ui/modal/Modal.js";
20
21
  export * from "./components/ui/modal/ModalButtons.js";
22
+ export * from "./components/ui/tabs/Selector.js";
21
23
  export * from "./components/ui/toaster/Toaster.js";
22
24
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AAEvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,oCAAoC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AAEvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC"}
package/dist/index.js CHANGED
@@ -10,6 +10,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
10
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
11
  };
12
12
  Object.defineProperty(exports, "__esModule", { value: true });
13
+ __exportStar(require("./components/form/choice/Choice.js"), exports);
13
14
  __exportStar(require("./components/form/Checkbox.js"), exports);
14
15
  __exportStar(require("./components/form/Input.js"), exports);
15
16
  __exportStar(require("./components/form/Label.js"), exports);
@@ -30,5 +31,6 @@ __exportStar(require("./components/ui/button/Button.js"), exports);
30
31
  __exportStar(require("./components/ui/directionPad/Pad.js"), exports);
31
32
  __exportStar(require("./components/ui/modal/Modal.js"), exports);
32
33
  __exportStar(require("./components/ui/modal/ModalButtons.js"), exports);
34
+ __exportStar(require("./components/ui/tabs/Selector.js"), exports);
33
35
  __exportStar(require("./components/ui/toaster/Toaster.js"), exports);
34
36
  //# 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;AAC9C,6DAA2C;AAC3C,6DAA2C;AAC3C,gEAA8C;AAC9C,8DAA4C;AAE5C,6DAA2C;AAE3C,mEAAiD;AACjD,uEAAqD;AACrD,iFAA+D;AAC/D,6EAA2D;AAC3D,mEAAiD;AACjD,mEAAiD;AACjD,iFAA+D;AAC/D,yEAAuD;AAEvD,mEAAiD;AACjD,yEAAuD;AACvD,mEAAiD;AACjD,sEAAoD;AACpD,iEAA+C;AAC/C,wEAAsD;AACtD,qEAAmD"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,qEAAmD;AACnD,gEAA8C;AAC9C,6DAA2C;AAC3C,6DAA2C;AAC3C,gEAA8C;AAC9C,8DAA4C;AAE5C,6DAA2C;AAE3C,mEAAiD;AACjD,uEAAqD;AACrD,iFAA+D;AAC/D,6EAA2D;AAC3D,mEAAiD;AACjD,mEAAiD;AACjD,iFAA+D;AAC/D,yEAAuD;AAEvD,mEAAiD;AACjD,yEAAuD;AACvD,mEAAiD;AACjD,sEAAoD;AACpD,iEAA+C;AAC/C,wEAAsD;AACtD,mEAAiD;AACjD,qEAAmD"}
@@ -0,0 +1,7 @@
1
+ interface ObjectValue {
2
+ value: string;
3
+ label: string;
4
+ }
5
+ declare type Value = string | ObjectValue;
6
+ export type { ObjectValue, Value, };
7
+ //# sourceMappingURL=form.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/types/form.ts"],"names":[],"mappings":"AAAA,UAAU,WAAW;IAAG,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE;AACtD,aAAK,KAAK,GAAG,MAAM,GAAG,WAAW,CAAC;AAElC,YAAY,EACR,WAAW,EACX,KAAK,GACR,CAAC"}
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=form.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/types/form.ts"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ export * from "./makeVariants";
2
+ export * from "./toObjectValue";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}
@@ -0,0 +1,15 @@
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("./makeVariants"), exports);
14
+ __exportStar(require("./toObjectValue"), exports);
15
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAA+B;AAC/B,kDAAgC"}
@@ -0,0 +1,4 @@
1
+ import type { ObjectValue, Value } from "../types/form";
2
+ declare const toObjectValue: (s: Value) => ObjectValue;
3
+ export { toObjectValue, };
4
+ //# sourceMappingURL=toObjectValue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toObjectValue.d.ts","sourceRoot":"","sources":["../../src/utils/toObjectValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAExD,QAAA,MAAM,aAAa,MAAO,KAAK,KAAG,WAEjC,CAAC;AAEF,OAAO,EACH,aAAa,GAChB,CAAC"}
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.toObjectValue = void 0;
4
+ const toObjectValue = (s) => {
5
+ return typeof s === "string" ? { value: s, label: s } : s;
6
+ };
7
+ exports.toObjectValue = toObjectValue;
8
+ //# sourceMappingURL=toObjectValue.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toObjectValue.js","sourceRoot":"","sources":["../../src/utils/toObjectValue.ts"],"names":[],"mappings":";;;AAEA,MAAM,aAAa,GAAG,CAAC,CAAQ,EAAe,EAAE;IAC5C,OAAO,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC9D,CAAC,CAAC;AAGE,sCAAa"}
@@ -1 +1 @@
1
- window.searchData = {"kinds":{"2":"Namespace","4":"Enumeration","16":"Enumeration member","32":"Variable","64":"Function","128":"Class","512":"Constructor","2048":"Method","65536":"Type literal"},"rows":[{"id":0,"kind":32,"name":"Checkbox","url":"modules.html#Checkbox","classes":"tsd-kind-variable"},{"id":1,"kind":32,"name":"Input","url":"modules.html#Input","classes":"tsd-kind-variable"},{"id":2,"kind":32,"name":"Label","url":"modules.html#Label","classes":"tsd-kind-variable"},{"id":3,"kind":32,"name":"TextArea","url":"modules.html#TextArea","classes":"tsd-kind-variable"},{"id":4,"kind":32,"name":"Toggle","url":"modules.html#Toggle","classes":"tsd-kind-variable"},{"id":5,"kind":32,"name":"Icon","url":"modules.html#Icon","classes":"tsd-kind-variable"},{"id":6,"kind":4,"name":"ICON","url":"enums/ICON.html","classes":"tsd-kind-enum"},{"id":7,"kind":16,"name":"checkmark","url":"enums/ICON.html#checkmark","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":8,"kind":16,"name":"back","url":"enums/ICON.html#back","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":9,"kind":16,"name":"forward","url":"enums/ICON.html#forward","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":10,"kind":16,"name":"search","url":"enums/ICON.html#search","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":11,"kind":16,"name":"battery","url":"enums/ICON.html#battery","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":12,"kind":32,"name":"Card","url":"modules.html#Card","classes":"tsd-kind-variable"},{"id":13,"kind":32,"name":"Header","url":"modules.html#Header","classes":"tsd-kind-variable"},{"id":14,"kind":32,"name":"HeaderIconAction","url":"modules.html#HeaderIconAction","classes":"tsd-kind-variable"},{"id":15,"kind":32,"name":"StickyHeader","url":"modules.html#StickyHeader","classes":"tsd-kind-variable"},{"id":16,"kind":2,"name":"StickyHeader","url":"modules/StickyHeader.html","classes":"tsd-kind-namespace"},{"id":17,"kind":64,"name":"Content","url":"modules/StickyHeader.html#Content","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"StickyHeader"},{"id":18,"kind":32,"name":"List","url":"modules.html#List","classes":"tsd-kind-variable"},{"id":19,"kind":2,"name":"List","url":"modules/List.html","classes":"tsd-kind-namespace"},{"id":20,"kind":32,"name":"Header","url":"modules/List.html#Header","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"List"},{"id":21,"kind":32,"name":"Item","url":"modules.html#Item","classes":"tsd-kind-variable"},{"id":22,"kind":2,"name":"Item","url":"modules/Item.html","classes":"tsd-kind-namespace"},{"id":23,"kind":32,"name":"Label","url":"modules/Item.html#Label","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Item"},{"id":24,"kind":32,"name":"Value","url":"modules/Item.html#Value","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Item"},{"id":25,"kind":32,"name":"SearchContainer","url":"modules.html#SearchContainer","classes":"tsd-kind-variable"},{"id":26,"kind":32,"name":"Section","url":"modules.html#Section","classes":"tsd-kind-variable"},{"id":27,"kind":2,"name":"Section","url":"modules/Section.html","classes":"tsd-kind-namespace"},{"id":28,"kind":32,"name":"Container","url":"modules/Section.html#Container","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Section"},{"id":29,"kind":32,"name":"Action","url":"modules.html#Action","classes":"tsd-kind-variable"},{"id":30,"kind":32,"name":"EqualActions","url":"modules.html#EqualActions","classes":"tsd-kind-variable"},{"id":31,"kind":32,"name":"Button","url":"modules.html#Button","classes":"tsd-kind-variable"},{"id":32,"kind":32,"name":"DirectionPad","url":"modules.html#DirectionPad","classes":"tsd-kind-variable"},{"id":33,"kind":32,"name":"Modal","url":"modules.html#Modal","classes":"tsd-kind-variable"},{"id":34,"kind":2,"name":"Modal","url":"modules/Modal.html","classes":"tsd-kind-namespace"},{"id":35,"kind":32,"name":"NegateMargin","url":"modules/Modal.html#NegateMargin","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Modal"},{"id":36,"kind":32,"name":"ModalButtons","url":"modules.html#ModalButtons","classes":"tsd-kind-variable"},{"id":37,"kind":2,"name":"ModalButtons","url":"modules/ModalButtons.html","classes":"tsd-kind-namespace"},{"id":38,"kind":32,"name":"Button","url":"modules/ModalButtons.html#Button","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"ModalButtons"},{"id":39,"kind":128,"name":"ToasterProvider","url":"classes/ToasterProvider.html","classes":"tsd-kind-class"},{"id":40,"kind":512,"name":"constructor","url":"classes/ToasterProvider.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"ToasterProvider"},{"id":41,"kind":2048,"name":"_add","url":"classes/ToasterProvider.html#_add","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-private","parent":"ToasterProvider"},{"id":42,"kind":2048,"name":"_handleRemove","url":"classes/ToasterProvider.html#_handleRemove","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-private","parent":"ToasterProvider"},{"id":43,"kind":2048,"name":"_removeAllToasts","url":"classes/ToasterProvider.html#_removeAllToasts","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-private","parent":"ToasterProvider"},{"id":44,"kind":2048,"name":"render","url":"classes/ToasterProvider.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ToasterProvider"},{"id":45,"kind":65536,"name":"__type","url":"classes/ToasterProvider.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ToasterProvider"},{"id":46,"kind":64,"name":"useToaster","url":"modules.html#useToaster","classes":"tsd-kind-function"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,34.657]],["parent/0",[]],["name/1",[1,34.657]],["parent/1",[]],["name/2",[2,29.549]],["parent/2",[]],["name/3",[3,34.657]],["parent/3",[]],["name/4",[4,34.657]],["parent/4",[]],["name/5",[5,18.563]],["parent/5",[]],["name/6",[5,18.563]],["parent/6",[]],["name/7",[6,34.657]],["parent/7",[5,1.119]],["name/8",[7,34.657]],["parent/8",[5,1.119]],["name/9",[8,34.657]],["parent/9",[5,1.119]],["name/10",[9,34.657]],["parent/10",[5,1.119]],["name/11",[10,34.657]],["parent/11",[5,1.119]],["name/12",[11,34.657]],["parent/12",[]],["name/13",[12,29.549]],["parent/13",[]],["name/14",[13,34.657]],["parent/14",[]],["name/15",[14,26.184]],["parent/15",[]],["name/16",[14,26.184]],["parent/16",[]],["name/17",[15,34.657]],["parent/17",[14,1.578]],["name/18",[16,26.184]],["parent/18",[]],["name/19",[16,26.184]],["parent/19",[]],["name/20",[12,29.549]],["parent/20",[16,1.578]],["name/21",[17,23.671]],["parent/21",[]],["name/22",[17,23.671]],["parent/22",[]],["name/23",[2,29.549]],["parent/23",[17,1.427]],["name/24",[18,34.657]],["parent/24",[17,1.427]],["name/25",[19,34.657]],["parent/25",[]],["name/26",[20,26.184]],["parent/26",[]],["name/27",[20,26.184]],["parent/27",[]],["name/28",[21,34.657]],["parent/28",[20,1.578]],["name/29",[22,34.657]],["parent/29",[]],["name/30",[23,34.657]],["parent/30",[]],["name/31",[24,29.549]],["parent/31",[]],["name/32",[25,34.657]],["parent/32",[]],["name/33",[26,26.184]],["parent/33",[]],["name/34",[26,26.184]],["parent/34",[]],["name/35",[27,34.657]],["parent/35",[26,1.578]],["name/36",[28,26.184]],["parent/36",[]],["name/37",[28,26.184]],["parent/37",[]],["name/38",[24,29.549]],["parent/38",[28,1.578]],["name/39",[29,18.563]],["parent/39",[]],["name/40",[30,34.657]],["parent/40",[29,1.119]],["name/41",[31,34.657]],["parent/41",[29,1.119]],["name/42",[32,34.657]],["parent/42",[29,1.119]],["name/43",[33,34.657]],["parent/43",[29,1.119]],["name/44",[34,34.657]],["parent/44",[29,1.119]],["name/45",[35,34.657]],["parent/45",[29,1.119]],["name/46",[36,34.657]],["parent/46",[]]],"invertedIndex":[["__type",{"_index":35,"name":{"45":{}},"parent":{}}],["_add",{"_index":31,"name":{"41":{}},"parent":{}}],["_handleremove",{"_index":32,"name":{"42":{}},"parent":{}}],["_removealltoasts",{"_index":33,"name":{"43":{}},"parent":{}}],["action",{"_index":22,"name":{"29":{}},"parent":{}}],["back",{"_index":7,"name":{"8":{}},"parent":{}}],["battery",{"_index":10,"name":{"11":{}},"parent":{}}],["button",{"_index":24,"name":{"31":{},"38":{}},"parent":{}}],["card",{"_index":11,"name":{"12":{}},"parent":{}}],["checkbox",{"_index":0,"name":{"0":{}},"parent":{}}],["checkmark",{"_index":6,"name":{"7":{}},"parent":{}}],["constructor",{"_index":30,"name":{"40":{}},"parent":{}}],["container",{"_index":21,"name":{"28":{}},"parent":{}}],["content",{"_index":15,"name":{"17":{}},"parent":{}}],["directionpad",{"_index":25,"name":{"32":{}},"parent":{}}],["equalactions",{"_index":23,"name":{"30":{}},"parent":{}}],["forward",{"_index":8,"name":{"9":{}},"parent":{}}],["header",{"_index":12,"name":{"13":{},"20":{}},"parent":{}}],["headericonaction",{"_index":13,"name":{"14":{}},"parent":{}}],["icon",{"_index":5,"name":{"5":{},"6":{}},"parent":{"7":{},"8":{},"9":{},"10":{},"11":{}}}],["input",{"_index":1,"name":{"1":{}},"parent":{}}],["item",{"_index":17,"name":{"21":{},"22":{}},"parent":{"23":{},"24":{}}}],["label",{"_index":2,"name":{"2":{},"23":{}},"parent":{}}],["list",{"_index":16,"name":{"18":{},"19":{}},"parent":{"20":{}}}],["modal",{"_index":26,"name":{"33":{},"34":{}},"parent":{"35":{}}}],["modalbuttons",{"_index":28,"name":{"36":{},"37":{}},"parent":{"38":{}}}],["negatemargin",{"_index":27,"name":{"35":{}},"parent":{}}],["render",{"_index":34,"name":{"44":{}},"parent":{}}],["search",{"_index":9,"name":{"10":{}},"parent":{}}],["searchcontainer",{"_index":19,"name":{"25":{}},"parent":{}}],["section",{"_index":20,"name":{"26":{},"27":{}},"parent":{"28":{}}}],["stickyheader",{"_index":14,"name":{"15":{},"16":{}},"parent":{"17":{}}}],["textarea",{"_index":3,"name":{"3":{}},"parent":{}}],["toasterprovider",{"_index":29,"name":{"39":{}},"parent":{"40":{},"41":{},"42":{},"43":{},"44":{},"45":{}}}],["toggle",{"_index":4,"name":{"4":{}},"parent":{}}],["usetoaster",{"_index":36,"name":{"46":{}},"parent":{}}],["value",{"_index":18,"name":{"24":{}},"parent":{}}]],"pipeline":[]}}
1
+ window.searchData = {"kinds":{"2":"Namespace","4":"Enumeration","16":"Enumeration member","32":"Variable","64":"Function","128":"Class","512":"Constructor","2048":"Method","65536":"Type literal"},"rows":[{"id":0,"kind":32,"name":"Choice","url":"modules.html#Choice","classes":"tsd-kind-variable"},{"id":1,"kind":32,"name":"Checkbox","url":"modules.html#Checkbox","classes":"tsd-kind-variable"},{"id":2,"kind":32,"name":"Input","url":"modules.html#Input","classes":"tsd-kind-variable"},{"id":3,"kind":32,"name":"Label","url":"modules.html#Label","classes":"tsd-kind-variable"},{"id":4,"kind":32,"name":"TextArea","url":"modules.html#TextArea","classes":"tsd-kind-variable"},{"id":5,"kind":32,"name":"Toggle","url":"modules.html#Toggle","classes":"tsd-kind-variable"},{"id":6,"kind":32,"name":"Icon","url":"modules.html#Icon","classes":"tsd-kind-variable"},{"id":7,"kind":4,"name":"ICON","url":"enums/ICON.html","classes":"tsd-kind-enum"},{"id":8,"kind":16,"name":"checkmark","url":"enums/ICON.html#checkmark","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":9,"kind":16,"name":"back","url":"enums/ICON.html#back","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":10,"kind":16,"name":"forward","url":"enums/ICON.html#forward","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":11,"kind":16,"name":"search","url":"enums/ICON.html#search","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":12,"kind":16,"name":"battery","url":"enums/ICON.html#battery","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ICON"},{"id":13,"kind":32,"name":"Card","url":"modules.html#Card","classes":"tsd-kind-variable"},{"id":14,"kind":32,"name":"Header","url":"modules.html#Header","classes":"tsd-kind-variable"},{"id":15,"kind":32,"name":"HeaderIconAction","url":"modules.html#HeaderIconAction","classes":"tsd-kind-variable"},{"id":16,"kind":32,"name":"StickyHeader","url":"modules.html#StickyHeader","classes":"tsd-kind-variable"},{"id":17,"kind":2,"name":"StickyHeader","url":"modules/StickyHeader.html","classes":"tsd-kind-namespace"},{"id":18,"kind":64,"name":"Content","url":"modules/StickyHeader.html#Content","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"StickyHeader"},{"id":19,"kind":32,"name":"List","url":"modules.html#List","classes":"tsd-kind-variable"},{"id":20,"kind":2,"name":"List","url":"modules/List.html","classes":"tsd-kind-namespace"},{"id":21,"kind":32,"name":"Header","url":"modules/List.html#Header","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"List"},{"id":22,"kind":32,"name":"Item","url":"modules.html#Item","classes":"tsd-kind-variable"},{"id":23,"kind":2,"name":"Item","url":"modules/Item.html","classes":"tsd-kind-namespace"},{"id":24,"kind":32,"name":"Label","url":"modules/Item.html#Label","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Item"},{"id":25,"kind":32,"name":"Value","url":"modules/Item.html#Value","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Item"},{"id":26,"kind":32,"name":"SearchContainer","url":"modules.html#SearchContainer","classes":"tsd-kind-variable"},{"id":27,"kind":32,"name":"Section","url":"modules.html#Section","classes":"tsd-kind-variable"},{"id":28,"kind":2,"name":"Section","url":"modules/Section.html","classes":"tsd-kind-namespace"},{"id":29,"kind":32,"name":"Container","url":"modules/Section.html#Container","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Section"},{"id":30,"kind":32,"name":"Action","url":"modules.html#Action","classes":"tsd-kind-variable"},{"id":31,"kind":32,"name":"EqualActions","url":"modules.html#EqualActions","classes":"tsd-kind-variable"},{"id":32,"kind":32,"name":"Button","url":"modules.html#Button","classes":"tsd-kind-variable"},{"id":33,"kind":32,"name":"DirectionPad","url":"modules.html#DirectionPad","classes":"tsd-kind-variable"},{"id":34,"kind":32,"name":"Modal","url":"modules.html#Modal","classes":"tsd-kind-variable"},{"id":35,"kind":2,"name":"Modal","url":"modules/Modal.html","classes":"tsd-kind-namespace"},{"id":36,"kind":32,"name":"NegateMargin","url":"modules/Modal.html#NegateMargin","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Modal"},{"id":37,"kind":32,"name":"ModalButtons","url":"modules.html#ModalButtons","classes":"tsd-kind-variable"},{"id":38,"kind":2,"name":"ModalButtons","url":"modules/ModalButtons.html","classes":"tsd-kind-namespace"},{"id":39,"kind":32,"name":"Button","url":"modules/ModalButtons.html#Button","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"ModalButtons"},{"id":40,"kind":32,"name":"Selector","url":"modules.html#Selector","classes":"tsd-kind-variable"},{"id":41,"kind":128,"name":"ToasterProvider","url":"classes/ToasterProvider.html","classes":"tsd-kind-class"},{"id":42,"kind":512,"name":"constructor","url":"classes/ToasterProvider.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"ToasterProvider"},{"id":43,"kind":2048,"name":"_add","url":"classes/ToasterProvider.html#_add","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-private","parent":"ToasterProvider"},{"id":44,"kind":2048,"name":"_handleRemove","url":"classes/ToasterProvider.html#_handleRemove","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-private","parent":"ToasterProvider"},{"id":45,"kind":2048,"name":"_removeAllToasts","url":"classes/ToasterProvider.html#_removeAllToasts","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-private","parent":"ToasterProvider"},{"id":46,"kind":2048,"name":"render","url":"classes/ToasterProvider.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ToasterProvider"},{"id":47,"kind":65536,"name":"__type","url":"classes/ToasterProvider.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ToasterProvider"},{"id":48,"kind":64,"name":"useToaster","url":"modules.html#useToaster","classes":"tsd-kind-function"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,35.066]],["parent/0",[]],["name/1",[1,35.066]],["parent/1",[]],["name/2",[2,35.066]],["parent/2",[]],["name/3",[3,29.957]],["parent/3",[]],["name/4",[4,35.066]],["parent/4",[]],["name/5",[5,35.066]],["parent/5",[]],["name/6",[6,18.971]],["parent/6",[]],["name/7",[6,18.971]],["parent/7",[]],["name/8",[7,35.066]],["parent/8",[6,1.113]],["name/9",[8,35.066]],["parent/9",[6,1.113]],["name/10",[9,35.066]],["parent/10",[6,1.113]],["name/11",[10,35.066]],["parent/11",[6,1.113]],["name/12",[11,35.066]],["parent/12",[6,1.113]],["name/13",[12,35.066]],["parent/13",[]],["name/14",[13,29.957]],["parent/14",[]],["name/15",[14,35.066]],["parent/15",[]],["name/16",[15,26.593]],["parent/16",[]],["name/17",[15,26.593]],["parent/17",[]],["name/18",[16,35.066]],["parent/18",[15,1.56]],["name/19",[17,26.593]],["parent/19",[]],["name/20",[17,26.593]],["parent/20",[]],["name/21",[13,29.957]],["parent/21",[17,1.56]],["name/22",[18,24.079]],["parent/22",[]],["name/23",[18,24.079]],["parent/23",[]],["name/24",[3,29.957]],["parent/24",[18,1.413]],["name/25",[19,35.066]],["parent/25",[18,1.413]],["name/26",[20,35.066]],["parent/26",[]],["name/27",[21,26.593]],["parent/27",[]],["name/28",[21,26.593]],["parent/28",[]],["name/29",[22,35.066]],["parent/29",[21,1.56]],["name/30",[23,35.066]],["parent/30",[]],["name/31",[24,35.066]],["parent/31",[]],["name/32",[25,29.957]],["parent/32",[]],["name/33",[26,35.066]],["parent/33",[]],["name/34",[27,26.593]],["parent/34",[]],["name/35",[27,26.593]],["parent/35",[]],["name/36",[28,35.066]],["parent/36",[27,1.56]],["name/37",[29,26.593]],["parent/37",[]],["name/38",[29,26.593]],["parent/38",[]],["name/39",[25,29.957]],["parent/39",[29,1.56]],["name/40",[30,35.066]],["parent/40",[]],["name/41",[31,18.971]],["parent/41",[]],["name/42",[32,35.066]],["parent/42",[31,1.113]],["name/43",[33,35.066]],["parent/43",[31,1.113]],["name/44",[34,35.066]],["parent/44",[31,1.113]],["name/45",[35,35.066]],["parent/45",[31,1.113]],["name/46",[36,35.066]],["parent/46",[31,1.113]],["name/47",[37,35.066]],["parent/47",[31,1.113]],["name/48",[38,35.066]],["parent/48",[]]],"invertedIndex":[["__type",{"_index":37,"name":{"47":{}},"parent":{}}],["_add",{"_index":33,"name":{"43":{}},"parent":{}}],["_handleremove",{"_index":34,"name":{"44":{}},"parent":{}}],["_removealltoasts",{"_index":35,"name":{"45":{}},"parent":{}}],["action",{"_index":23,"name":{"30":{}},"parent":{}}],["back",{"_index":8,"name":{"9":{}},"parent":{}}],["battery",{"_index":11,"name":{"12":{}},"parent":{}}],["button",{"_index":25,"name":{"32":{},"39":{}},"parent":{}}],["card",{"_index":12,"name":{"13":{}},"parent":{}}],["checkbox",{"_index":1,"name":{"1":{}},"parent":{}}],["checkmark",{"_index":7,"name":{"8":{}},"parent":{}}],["choice",{"_index":0,"name":{"0":{}},"parent":{}}],["constructor",{"_index":32,"name":{"42":{}},"parent":{}}],["container",{"_index":22,"name":{"29":{}},"parent":{}}],["content",{"_index":16,"name":{"18":{}},"parent":{}}],["directionpad",{"_index":26,"name":{"33":{}},"parent":{}}],["equalactions",{"_index":24,"name":{"31":{}},"parent":{}}],["forward",{"_index":9,"name":{"10":{}},"parent":{}}],["header",{"_index":13,"name":{"14":{},"21":{}},"parent":{}}],["headericonaction",{"_index":14,"name":{"15":{}},"parent":{}}],["icon",{"_index":6,"name":{"6":{},"7":{}},"parent":{"8":{},"9":{},"10":{},"11":{},"12":{}}}],["input",{"_index":2,"name":{"2":{}},"parent":{}}],["item",{"_index":18,"name":{"22":{},"23":{}},"parent":{"24":{},"25":{}}}],["label",{"_index":3,"name":{"3":{},"24":{}},"parent":{}}],["list",{"_index":17,"name":{"19":{},"20":{}},"parent":{"21":{}}}],["modal",{"_index":27,"name":{"34":{},"35":{}},"parent":{"36":{}}}],["modalbuttons",{"_index":29,"name":{"37":{},"38":{}},"parent":{"39":{}}}],["negatemargin",{"_index":28,"name":{"36":{}},"parent":{}}],["render",{"_index":36,"name":{"46":{}},"parent":{}}],["search",{"_index":10,"name":{"11":{}},"parent":{}}],["searchcontainer",{"_index":20,"name":{"26":{}},"parent":{}}],["section",{"_index":21,"name":{"27":{},"28":{}},"parent":{"29":{}}}],["selector",{"_index":30,"name":{"40":{}},"parent":{}}],["stickyheader",{"_index":15,"name":{"16":{},"17":{}},"parent":{"18":{}}}],["textarea",{"_index":4,"name":{"4":{}},"parent":{}}],["toasterprovider",{"_index":31,"name":{"41":{}},"parent":{"42":{},"43":{},"44":{},"45":{},"46":{},"47":{}}}],["toggle",{"_index":5,"name":{"5":{}},"parent":{}}],["usetoaster",{"_index":38,"name":{"48":{}},"parent":{}}],["value",{"_index":19,"name":{"25":{}},"parent":{}}]],"pipeline":[]}}