react-miui 0.5.1 → 0.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/components/ui/button/Button.d.ts +1 -2
  3. package/dist/components/ui/button/Button.d.ts.map +1 -1
  4. package/dist/components/ui/button/Button.js +15 -3
  5. package/dist/components/ui/button/Button.js.map +1 -1
  6. package/docs/enums/ICON.html +6 -6
  7. package/docs/index.html +4 -4
  8. package/docs/modules/Item.html +3 -3
  9. package/docs/modules/List.html +3 -3
  10. package/docs/modules/Section.html +3 -3
  11. package/docs/modules/StickyHeader.html +4 -4
  12. package/docs/modules.html +19 -19
  13. package/docs/pages/Tutorials/Test.html +3 -3
  14. package/esm/components/ui/button/Button.d.ts +1 -2
  15. package/esm/components/ui/button/Button.d.ts.map +1 -1
  16. package/esm/components/ui/button/Button.js +3 -3
  17. package/esm/components/ui/button/Button.js.map +1 -1
  18. package/package.json +1 -1
  19. package/src/components/ui/button/Button.tsx +8 -4
  20. package/src/demo/components/ui/button/ButtonDemo.tsx +9 -5
package/CHANGELOG.md CHANGED
@@ -6,6 +6,10 @@ 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.2] - 2021-12-29
10
+ ### Fixed
11
+ - button component not accepting most of the props
12
+
9
13
  ## [0.5.1] - 2021-12-17
10
14
  ### Fixed
11
15
  - newest components not exported
package/dist/components/ui/button/Button.d.ts CHANGED
@@ -1,8 +1,7 @@
1
1
  import React from "react";
2
2
  interface Props {
3
- disabled?: boolean;
4
3
  variant?: "inline" | "outline";
5
4
  }
6
- declare const Button: React.FC<Props>;
5
+ declare const Button: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & Props>;
7
6
  export { Button };
8
7
  //# sourceMappingURL=Button.d.ts.map
package/dist/components/ui/button/Button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAClC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAW3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAClC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAgB3E,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
package/dist/components/ui/button/Button.js CHANGED
@@ -1,4 +1,15 @@
1
1
  "use strict";
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
2
13
  var __importDefault = (this && this.__importDefault) || function (mod) {
3
14
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
15
  };
@@ -8,13 +19,14 @@ const react_1 = __importDefault(require("react"));
8
19
  const classnames_1 = __importDefault(require("classnames"));
9
20
  const Button_module_scss_1 = __importDefault(require("./Button.module.scss"));
10
21
  const makeVariants_js_1 = require("../../../utils/makeVariants.js");
11
- const Button = (props) => {
22
+ const Button = (_a) => {
23
+ var { className, children } = _a, props = __rest(_a, ["className", "children"]);
12
24
  const variants = makeVariants_js_1.makeVariants(props.variant);
13
25
  const cls = classnames_1.default(Button_module_scss_1.default.btn, {
14
26
  [Button_module_scss_1.default["btn--inline"]]: variants.includes("inline"),
15
27
  [Button_module_scss_1.default["btn--outline"]]: variants.includes("outline"),
16
- });
17
- return (react_1.default.createElement("button", { className: cls, disabled: props.disabled }, props.children));
28
+ }, className);
29
+ return (react_1.default.createElement("button", Object.assign({}, props, { className: cls, disabled: props.disabled }), children));
18
30
  };
19
31
  exports.Button = Button;
20
32
  //# sourceMappingURL=Button.js.map
package/dist/components/ui/button/Button.js.map CHANGED
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4DAAoC;AAEpC,8EAA0C;AAC1C,oEAA8D;AAM9D,MAAM,MAAM,GAAoE,CAAC,EAAiC,EAAE,EAAE;QAArC,EAAE,SAAS,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA/B,yBAAiC,CAAF;IAC5G,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,EAAE,SAAS,CAAC,CAAC;IAEd,OAAO,CACH,0DACQ,KAAK,IACT,SAAS,EAAE,GAAG,EACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,KAC1B,QAAQ,CACD,CACZ,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}
package/docs/enums/ICON.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>ICON | react-miui - v0.5.1</title>
7
- <meta name="description" content="Documentation for react-miui - v0.5.1">
6
+ <title>ICON | react-miui - v0.5.2</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.5.2">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="../assets/css/main.css">
10
10
  <link rel="stylesheet" href="../assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="../index.html" class="title">react-miui - v0.5.1</a>
26
+ <a href="../index.html" class="title">react-miui - v0.5.2</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
@@ -90,7 +90,7 @@
90
90
  <div class="tsd-signature tsd-kind-icon">back<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> = &quot;back&quot;</span></div>
91
91
  <aside class="tsd-sources">
92
92
  <ul>
93
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/00326b9/src/components/icons/Icon.tsx#L10">src/components/icons/Icon.tsx:10</a></li>
93
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/icons/Icon.tsx#L10">src/components/icons/Icon.tsx:10</a></li>
94
94
  </ul>
95
95
  </aside>
96
96
  </section>
@@ -100,7 +100,7 @@
100
100
  <div class="tsd-signature tsd-kind-icon">checkmark<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> = &quot;checkmark&quot;</span></div>
101
101
  <aside class="tsd-sources">
102
102
  <ul>
103
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/00326b9/src/components/icons/Icon.tsx#L9">src/components/icons/Icon.tsx:9</a></li>
103
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/icons/Icon.tsx#L9">src/components/icons/Icon.tsx:9</a></li>
104
104
  </ul>
105
105
  </aside>
106
106
  </section>
@@ -110,7 +110,7 @@
110
110
  <div class="tsd-signature tsd-kind-icon">forward<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> = &quot;forward&quot;</span></div>
111
111
  <aside class="tsd-sources">
112
112
  <ul>
113
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/00326b9/src/components/icons/Icon.tsx#L11">src/components/icons/Icon.tsx:11</a></li>
113
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/icons/Icon.tsx#L11">src/components/icons/Icon.tsx:11</a></li>
114
114
  </ul>
115
115
  </aside>
116
116
  </section>
package/docs/index.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>react-miui - v0.5.1</title>
7
- <meta name="description" content="Documentation for react-miui - v0.5.1">
6
+ <title>react-miui - v0.5.2</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.5.2">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="assets/css/main.css">
10
10
  <link rel="stylesheet" href="assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="index.html" class="title">react-miui - v0.5.1</a>
26
+ <a href="index.html" class="title">react-miui - v0.5.2</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
@@ -57,7 +57,7 @@
57
57
  <a href="modules.html">Globals</a>
58
58
  </li>
59
59
  </ul>
60
- <h1>Project react-miui - v0.5.1</h1>
60
+ <h1>Project react-miui - v0.5.2</h1>
61
61
  </div>
62
62
  </div>
63
63
  </header>
package/docs/modules/Item.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>Item | react-miui - v0.5.1</title>
7
- <meta name="description" content="Documentation for react-miui - v0.5.1">
6
+ <title>Item | react-miui - v0.5.2</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.5.2">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="../assets/css/main.css">
10
10
  <link rel="stylesheet" href="../assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="../index.html" class="title">react-miui - v0.5.1</a>
26
+ <a href="../index.html" class="title">react-miui - v0.5.2</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
package/docs/modules/List.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>List | react-miui - v0.5.1</title>
7
- <meta name="description" content="Documentation for react-miui - v0.5.1">
6
+ <title>List | react-miui - v0.5.2</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.5.2">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="../assets/css/main.css">
10
10
  <link rel="stylesheet" href="../assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="../index.html" class="title">react-miui - v0.5.1</a>
26
+ <a href="../index.html" class="title">react-miui - v0.5.2</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
package/docs/modules/Section.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>Section | react-miui - v0.5.1</title>
7
- <meta name="description" content="Documentation for react-miui - v0.5.1">
6
+ <title>Section | react-miui - v0.5.2</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.5.2">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="../assets/css/main.css">
10
10
  <link rel="stylesheet" href="../assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="../index.html" class="title">react-miui - v0.5.1</a>
26
+ <a href="../index.html" class="title">react-miui - v0.5.2</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
package/docs/modules/StickyHeader.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>StickyHeader | react-miui - v0.5.1</title>
7
- <meta name="description" content="Documentation for react-miui - v0.5.1">
6
+ <title>StickyHeader | react-miui - v0.5.2</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.5.2">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="../assets/css/main.css">
10
10
  <link rel="stylesheet" href="../assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="../index.html" class="title">react-miui - v0.5.1</a>
26
+ <a href="../index.html" class="title">react-miui - v0.5.2</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
@@ -92,7 +92,7 @@
92
92
  <li class="tsd-description">
93
93
  <aside class="tsd-sources">
94
94
  <ul>
95
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/00326b9/src/components/layout/header/StickyHeader.tsx#L50">src/components/layout/header/StickyHeader.tsx:50</a></li>
95
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/layout/header/StickyHeader.tsx#L50">src/components/layout/header/StickyHeader.tsx:50</a></li>
96
96
  </ul>
97
97
  </aside>
98
98
  <h4 class="tsd-parameters-title">Parameters</h4>
package/docs/modules.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>react-miui - v0.5.1</title>
7
- <meta name="description" content="Documentation for react-miui - v0.5.1">
6
+ <title>react-miui - v0.5.2</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.5.2">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="assets/css/main.css">
10
10
  <link rel="stylesheet" href="assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="index.html" class="title">react-miui - v0.5.1</a>
26
+ <a href="index.html" class="title">react-miui - v0.5.2</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
@@ -57,7 +57,7 @@
57
57
  <a href="modules.html">Globals</a>
58
58
  </li>
59
59
  </ul>
60
- <h1>Project react-miui - v0.5.1</h1>
60
+ <h1>Project react-miui - v0.5.2</h1>
61
61
  </div>
62
62
  </div>
63
63
  </header>
@@ -113,17 +113,17 @@
113
113
  <div class="tsd-signature tsd-kind-icon">Action<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.VFC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
114
114
  <aside class="tsd-sources">
115
115
  <ul>
116
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/00326b9/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
116
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
117
117
  </ul>
118
118
  </aside>
119
119
  </section>
120
120
  <section class="tsd-panel tsd-member tsd-kind-variable">
121
121
  <a name="Button" class="tsd-anchor"></a>
122
122
  <h3><span class="tsd-flag ts-flagConst">Const</span> Button</h3>
123
- <div class="tsd-signature tsd-kind-icon">Button<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
123
+ <div class="tsd-signature tsd-kind-icon">Button<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">React.ButtonHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLButtonElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
124
124
  <aside class="tsd-sources">
125
125
  <ul>
126
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/00326b9/src/components/ui/button/Button.tsx#L12">src/components/ui/button/Button.tsx:12</a></li>
126
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/ui/button/Button.tsx#L11">src/components/ui/button/Button.tsx:11</a></li>
127
127
  </ul>
128
128
  </aside>
129
129
  </section>
@@ -133,7 +133,7 @@
133
133
  <div class="tsd-signature tsd-kind-icon">Card<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
134
134
  <aside class="tsd-sources">
135
135
  <ul>
136
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/00326b9/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
136
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
137
137
  </ul>
138
138
  </aside>
139
139
  </section>
@@ -143,7 +143,7 @@
143
143
  <div class="tsd-signature tsd-kind-icon">Checkbox<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
144
144
  <aside class="tsd-sources">
145
145
  <ul>
146
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/00326b9/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
146
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
147
147
  </ul>
148
148
  </aside>
149
149
  </section>
@@ -153,7 +153,7 @@
153
153
  <div class="tsd-signature tsd-kind-icon">Direction<wbr>Pad<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
154
154
  <aside class="tsd-sources">
155
155
  <ul>
156
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/00326b9/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
156
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
157
157
  </ul>
158
158
  </aside>
159
159
  </section>
@@ -163,7 +163,7 @@
163
163
  <div class="tsd-signature tsd-kind-icon">Equal<wbr>Actions<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
164
164
  <aside class="tsd-sources">
165
165
  <ul>
166
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/00326b9/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
166
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
167
167
  </ul>
168
168
  </aside>
169
169
  </section>
@@ -173,7 +173,7 @@
173
173
  <div class="tsd-signature tsd-kind-icon">Header<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
174
174
  <aside class="tsd-sources">
175
175
  <ul>
176
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/00326b9/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
176
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
177
177
  </ul>
178
178
  </aside>
179
179
  </section>
@@ -183,7 +183,7 @@
183
183
  <div class="tsd-signature tsd-kind-icon">Header<wbr>Icon<wbr>Action<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.VFC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
184
184
  <aside class="tsd-sources">
185
185
  <ul>
186
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/00326b9/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
186
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
187
187
  </ul>
188
188
  </aside>
189
189
  </section>
@@ -193,7 +193,7 @@
193
193
  <div class="tsd-signature tsd-kind-icon">Icon<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
194
194
  <aside class="tsd-sources">
195
195
  <ul>
196
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/00326b9/src/components/icons/Icon.tsx#L25">src/components/icons/Icon.tsx:25</a></li>
196
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/icons/Icon.tsx#L25">src/components/icons/Icon.tsx:25</a></li>
197
197
  </ul>
198
198
  </aside>
199
199
  </section>
@@ -203,7 +203,7 @@
203
203
  <div class="tsd-signature tsd-kind-icon">Item<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
204
204
  <aside class="tsd-sources">
205
205
  <ul>
206
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/00326b9/src/components/layout/list/Item.tsx#L27">src/components/layout/list/Item.tsx:27</a></li>
206
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/layout/list/Item.tsx#L27">src/components/layout/list/Item.tsx:27</a></li>
207
207
  </ul>
208
208
  </aside>
209
209
  </section>
@@ -213,7 +213,7 @@
213
213
  <div class="tsd-signature tsd-kind-icon">List<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
214
214
  <aside class="tsd-sources">
215
215
  <ul>
216
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/00326b9/src/components/layout/list/List.tsx#L10">src/components/layout/list/List.tsx:10</a></li>
216
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/layout/list/List.tsx#L10">src/components/layout/list/List.tsx:10</a></li>
217
217
  </ul>
218
218
  </aside>
219
219
  </section>
@@ -223,7 +223,7 @@
223
223
  <div class="tsd-signature tsd-kind-icon">Section<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
224
224
  <aside class="tsd-sources">
225
225
  <ul>
226
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/00326b9/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
226
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
227
227
  </ul>
228
228
  </aside>
229
229
  </section>
@@ -233,7 +233,7 @@
233
233
  <div class="tsd-signature tsd-kind-icon">Sticky<wbr>Header<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Content</span><span class="tsd-signature-symbol"> = ...</span></div>
234
234
  <aside class="tsd-sources">
235
235
  <ul>
236
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/00326b9/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
236
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
237
237
  </ul>
238
238
  </aside>
239
239
  </section>
@@ -243,7 +243,7 @@
243
243
  <div class="tsd-signature tsd-kind-icon">Toggle<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.VFC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
244
244
  <aside class="tsd-sources">
245
245
  <ul>
246
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/00326b9/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
246
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
247
247
  </ul>
248
248
  </aside>
249
249
  </section>
package/docs/pages/Tutorials/Test.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>Test | react-miui - v0.5.1</title>
7
- <meta name="description" content="Documentation for react-miui - v0.5.1">
6
+ <title>Test | react-miui - v0.5.2</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.5.2">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="../../assets/css/main.css">
10
10
  <link rel="stylesheet" href="../../assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="../../index.html" class="title">react-miui - v0.5.1</a>
26
+ <a href="../../index.html" class="title">react-miui - v0.5.2</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
package/esm/components/ui/button/Button.d.ts CHANGED
@@ -1,8 +1,7 @@
1
1
  import React from "react";
2
2
  interface Props {
3
- disabled?: boolean;
4
3
  variant?: "inline" | "outline";
5
4
  }
6
- declare const Button: React.FC<Props>;
5
+ declare const Button: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & Props>;
7
6
  export { Button };
8
7
  //# sourceMappingURL=Button.d.ts.map
package/esm/components/ui/button/Button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAClC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAW3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAClC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAgB3E,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
package/esm/components/ui/button/Button.js CHANGED
@@ -2,13 +2,13 @@ import React from "react";
2
2
  import classnames from "classnames";
3
3
  import styles from "./Button.module.scss";
4
4
  import { makeVariants } from "../../../utils/makeVariants.js";
5
- const Button = (props) => {
5
+ const Button = ({ className, children, ...props }) => {
6
6
  const variants = makeVariants(props.variant);
7
7
  const cls = classnames(styles.btn, {
8
8
  [styles["btn--inline"]]: variants.includes("inline"),
9
9
  [styles["btn--outline"]]: variants.includes("outline"),
10
- });
11
- return (React.createElement("button", { className: cls, disabled: props.disabled }, props.children));
10
+ }, className);
11
+ return (React.createElement("button", { ...props, className: cls, disabled: props.disabled }, children));
12
12
  };
13
13
  export { Button };
14
14
  //# sourceMappingURL=Button.js.map
package/esm/components/ui/button/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAO9D,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAE7C,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE;QAC/B,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC;QACpD,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC;KACzD,CAAC,CAAC;IAEH,OAAO,CACH,gCAAQ,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAG,KAAK,CAAC,QAAQ,CAAU,CAC9E,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAM9D,MAAM,MAAM,GAAoE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClH,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAE7C,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE;QAC/B,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC;QACpD,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC;KACzD,EAAE,SAAS,CAAC,CAAC;IAEd,OAAO,CACH,mCACQ,KAAK,EACT,SAAS,EAAE,GAAG,EACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAC1B,QAAQ,CACD,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-miui",
3
- "version": "0.5.1",
3
+ "version": "0.5.2",
4
4
  "author": "Jacek Nowacki",
5
5
  "license": "MIT",
6
6
  "scripts": {
package/src/components/ui/button/Button.tsx CHANGED
@@ -5,20 +5,24 @@ import styles from "./Button.module.scss";
5
5
  import { makeVariants } from "../../../utils/makeVariants.js";
6
6
 
7
7
  interface Props {
8
- disabled?: boolean;
9
8
  variant?: "inline" | "outline";
10
9
  }
11
10
 
12
- const Button: React.FC<Props> = (props) => {
11
+ const Button: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement> & Props> = ({ className, children, ...props }) => {
13
12
  const variants = makeVariants(props.variant);
14
13
 
15
14
  const cls = classnames(styles.btn, {
16
15
  [styles["btn--inline"]]: variants.includes("inline"),
17
16
  [styles["btn--outline"]]: variants.includes("outline"),
18
- });
17
+ }, className);
19
18
 
20
19
  return (
21
- <button className={cls} disabled={props.disabled}>{props.children}</button>
20
+ <button
21
+ {...props}
22
+ className={cls}
23
+ disabled={props.disabled}
24
+ >{children}
25
+ </button>
22
26
  );
23
27
  };
24
28
 
package/src/demo/components/ui/button/ButtonDemo.tsx CHANGED
@@ -1,16 +1,20 @@
1
- import React from "react";
1
+ import React, { useCallback } from "react";
2
2
  import { Button } from "../../../../index.js";
3
3
 
4
4
  const ButtonDemo = () => {
5
+ const handleClick = useCallback(() => {
6
+ alert("Clicked");
7
+ }, []);
8
+
5
9
  return (
6
10
  <div>
7
- <Button>Basic button</Button>
11
+ <Button onClick={handleClick}>Basic button</Button>
8
12
  <br />
9
- <Button disabled={true}>Disabled button</Button>
13
+ <Button disabled={true} onClick={handleClick}>Disabled button</Button>
10
14
  <br />
11
- <Button variant={"inline"}>Inline button</Button>
15
+ <Button variant={"inline"} onClick={handleClick}>Inline button</Button>
12
16
  <br />
13
- <Button variant={"outline"}>Outline button</Button>
17
+ <Button variant={"outline"} onClick={handleClick}>Outline button</Button>
14
18
  </div>
15
19
  );
16
20
  };