gdx-ui 1.13.13 → 1.13.14

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 (6) hide show
  1. package/components/tabs/Tabs.js +6 -7
  2. package/package.json +1 -1
  3. package/stories/buttons/IconButton.stories.js +25 -0
  4. package/stories/tables/Table.stories.js +1 -1
  5. package/stories/tabs/Tabs.stories.js +42 -0
  6. package/stories/tree/Tree.stories.js +1 -1
package/components/tabs/Tabs.js CHANGED
@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.TabsWrapper = exports.Tabs = exports.TabContent = exports.Tab = void 0;
7
+ exports.TabsControl = exports.Tabs = exports.TabControl = exports.TabContent = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
10
  var _excluded = ["children", "active"];
@@ -20,7 +20,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
20
20
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
21
21
  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
22
22
  var TabsContext = /*#__PURE__*/(0, _react.createContext)(null);
23
- var TabsWrapper = exports.TabsWrapper = function TabsWrapper(_ref) {
23
+ var Tabs = exports.Tabs = function Tabs(_ref) {
24
24
  var children = _ref.children;
25
25
  var _useState = (0, _react.useState)(null),
26
26
  _useState2 = _slicedToArray(_useState, 2),
@@ -35,7 +35,7 @@ var TabsWrapper = exports.TabsWrapper = function TabsWrapper(_ref) {
35
35
  className: "tabs-widget"
36
36
  }, children));
37
37
  };
38
- var Tabs = exports.Tabs = function Tabs(_ref2) {
38
+ var TabsControl = exports.TabsControl = function TabsControl(_ref2) {
39
39
  var children = _ref2.children,
40
40
  active = _ref2.active,
41
41
  props = _objectWithoutProperties(_ref2, _excluded);
@@ -48,10 +48,9 @@ var Tabs = exports.Tabs = function Tabs(_ref2) {
48
48
  className: "tabs"
49
49
  }, props), children);
50
50
  };
51
- var Tab = exports.Tab = function Tab(_ref3) {
51
+ var TabControl = exports.TabControl = function TabControl(_ref3) {
52
52
  var children = _ref3.children,
53
53
  control = _ref3.control,
54
- current = _ref3.active,
55
54
  _ref3$disabled = _ref3.disabled,
56
55
  disabled = _ref3$disabled === void 0 ? false : _ref3$disabled;
57
56
  var _useContext2 = (0, _react.useContext)(TabsContext),
@@ -78,9 +77,9 @@ var TabContent = exports.TabContent = function TabContent(_ref4) {
78
77
  className: "tab-content ".concat(active == id ? '' : 'hidden')
79
78
  }, children);
80
79
  };
81
- Tab.propTypes = {
80
+ TabControl.propTypes = {
82
81
  children: _propTypes["default"].any
83
82
  };
84
- Tabs.propTypes = {
83
+ TabsControl.propTypes = {
85
84
  children: _propTypes["default"].any
86
85
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gdx-ui",
3
- "version": "1.13.13",
3
+ "version": "1.13.14",
4
4
  "description": "UI gdx",
5
5
  "main": "index.js",
6
6
  "module": "index.js",
package/stories/buttons/IconButton.stories.js ADDED
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = exports.Default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _Button = require("../../components/button/Button");
9
+ var _reactFontawesome = require("@fortawesome/react-fontawesome");
10
+ var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
11
+ var _components = require("../../components");
12
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
13
+ var _default = exports["default"] = {
14
+ title: 'Buttons/IconButton',
15
+ component: _components.IconButton,
16
+ parameters: {
17
+ layout: 'centered'
18
+ },
19
+ tags: ['autodocs']
20
+ };
21
+ var Default = exports.Default = {
22
+ args: {
23
+ icon: _freeSolidSvgIcons.faSearch
24
+ }
25
+ };
package/stories/tables/Table.stories.js CHANGED
@@ -54,7 +54,7 @@ var data = [{
54
54
  email: 'carlos.sanchez@example.com'
55
55
  }];
56
56
  var _default = exports["default"] = {
57
- title: 'Tables/Table',
57
+ title: 'Components/Table',
58
58
  component: _Table.Table,
59
59
  tags: ['autodocs']
60
60
  };
package/stories/tabs/Tabs.stories.js ADDED
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = exports.Default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _Tabs = require("../../components/tabs/Tabs");
9
+ var _reactFontawesome = require("@fortawesome/react-fontawesome");
10
+ var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
12
+ var _default = exports["default"] = {
13
+ title: 'Components/Tabs',
14
+ component: _Tabs.Tabs,
15
+ parameters: {
16
+ // layout: 'centered',
17
+ },
18
+ tags: ['autodocs']
19
+ };
20
+ var Default = exports.Default = {
21
+ args: {},
22
+ render: function render() {
23
+ return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs, null, /*#__PURE__*/_react["default"].createElement(_Tabs.TabsControl, {
24
+ active: "tab1"
25
+ }, /*#__PURE__*/_react["default"].createElement(_Tabs.TabControl, {
26
+ control: "tab1"
27
+ }, /*#__PURE__*/_react["default"].createElement(_reactFontawesome.FontAwesomeIcon, {
28
+ icon: _freeSolidSvgIcons.faCircleCheck
29
+ }), " Tab 1"), /*#__PURE__*/_react["default"].createElement(_Tabs.TabControl, {
30
+ control: "tab2"
31
+ }, "Tab 2"), /*#__PURE__*/_react["default"].createElement(_Tabs.TabControl, {
32
+ control: "tab3",
33
+ disabled: true
34
+ }, "Tab 3")), /*#__PURE__*/_react["default"].createElement(_Tabs.TabContent, {
35
+ id: "tab1"
36
+ }, "Content 1"), /*#__PURE__*/_react["default"].createElement(_Tabs.TabContent, {
37
+ id: "tab2"
38
+ }, "Content 2"), /*#__PURE__*/_react["default"].createElement(_Tabs.TabContent, {
39
+ id: "tab3"
40
+ }, "Content 3")));
41
+ }
42
+ };
package/stories/tree/Tree.stories.js CHANGED
@@ -10,7 +10,7 @@ var _tree = require("./tree");
10
10
  var _components = require("../../components");
11
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
12
12
  var _default = exports["default"] = {
13
- title: 'Tree/Tree',
13
+ title: 'Components/Tree',
14
14
  component: _Tree.Tree,
15
15
  parameters: {
16
16
  // layout: 'centered',