@decisiv/ui-components 2.0.1-alpha.160 → 2.0.1-alpha.162
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/lib/components/Loading/Loading.d.ts +12 -0
- package/lib/components/Loading/Loading.d.ts.map +1 -0
- package/lib/components/Loading/Loading.js +70 -0
- package/lib/components/Loading/index.d.ts +4 -0
- package/lib/components/Loading/index.d.ts.map +1 -0
- package/lib/components/Loading/index.js +33 -0
- package/lib/components/Loading/index.test.js +55 -0
- package/lib/components/Loading/schema.d.ts +4 -0
- package/lib/components/Loading/schema.d.ts.map +1 -0
- package/lib/components/Loading/schema.js +31 -0
- package/lib/components/Loading/styles.d.ts +211 -0
- package/lib/components/Loading/styles.d.ts.map +1 -0
- package/lib/components/Loading/styles.js +77 -0
- package/lib/components/Loading/types.d.ts +10 -0
- package/lib/components/Loading/types.d.ts.map +1 -0
- package/lib/components/Tabs/Tab/index.d.ts +13 -0
- package/lib/components/Tabs/Tab/index.d.ts.map +1 -0
- package/lib/components/Tabs/Tab/index.js +88 -0
- package/lib/components/Tabs/{schema.tab.d.ts → Tab/schema.d.ts} +1 -1
- package/lib/components/Tabs/Tab/schema.d.ts.map +1 -0
- package/lib/components/Tabs/Tab/styles.d.ts +7 -0
- package/lib/components/Tabs/Tab/styles.d.ts.map +1 -0
- package/lib/components/Tabs/Tab/styles.js +37 -0
- package/lib/components/Tabs/context.d.ts +2 -2
- package/lib/components/Tabs/context.d.ts.map +1 -1
- package/lib/components/Tabs/context.js +1 -1
- package/lib/components/Tabs/index.d.ts +17 -6
- package/lib/components/Tabs/index.d.ts.map +1 -1
- package/lib/components/Tabs/index.js +94 -163
- package/lib/components/Tabs/styles.d.ts +4 -0
- package/lib/components/Tabs/styles.d.ts.map +1 -0
- package/lib/components/Tabs/styles.js +35 -0
- package/lib/components/Typography/withColors.d.ts +1 -1
- package/lib/components/Typography/withColors.d.ts.map +1 -1
- package/lib/components/Typography/withColors.js +1 -1
- package/lib/components/index.d.ts +2 -1
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/index.js +58 -0
- package/package.json +2 -2
- package/lib/components/Tabs/Tab.d.ts +0 -5
- package/lib/components/Tabs/Tab.d.ts.map +0 -1
- package/lib/components/Tabs/Tab.js +0 -109
- package/lib/components/Tabs/schema.tab.d.ts.map +0 -1
- package/lib/components/Tabs/types.d.ts +0 -27
- package/lib/components/Tabs/types.d.ts.map +0 -1
- /package/lib/components/{Tabs → Loading}/types.js +0 -0
- /package/lib/components/Tabs/{schema.tab.js → Tab/schema.js} +0 -0
|
@@ -15,6 +15,7 @@ export { Column, Container, default as Grid, Row } from './Grid';
|
|
|
15
15
|
export { default as JumpTo, JumpToRef } from './JumpTo';
|
|
16
16
|
export { default as LeftNav, useStickyLeftNav } from './LeftNav';
|
|
17
17
|
export { default as Link } from './Link';
|
|
18
|
+
export { default as Loading, LoadingProps, LoadingSize, LoadingVariant, } from './Loading';
|
|
18
19
|
export { default as Menu } from './Menu';
|
|
19
20
|
export { default as Message } from './Message';
|
|
20
21
|
export { default as Modal } from './Modal';
|
|
@@ -30,7 +31,7 @@ export { default as SelectDate, DisabledDateRuleName, DayOfWeek, } from './Selec
|
|
|
30
31
|
export { default as SelectDateRange } from './SelectDateRange';
|
|
31
32
|
export { default as SelectMenu } from './SelectMenu';
|
|
32
33
|
export { default as Table, TableProps } from './Table';
|
|
33
|
-
export { default as Tabs, Tab } from './Tabs';
|
|
34
|
+
export { default as Tabs, Tab, TabsProps, TabData, TabIcon, TabProps, } from './Tabs';
|
|
34
35
|
export { default as Tag, TagActionButtonRef, TagRef } from './Tag';
|
|
35
36
|
export { default as TextArea } from './TextArea';
|
|
36
37
|
export { default as TextField } from './TextField';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,IAAI,IAAI,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,QAAQ,EACR,gBAAgB,GACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,oBAAoB,EACpB,SAAS,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
package/lib/components/index.js
CHANGED
|
@@ -36,6 +36,10 @@ var _exportNames = {
|
|
|
36
36
|
LeftNav: true,
|
|
37
37
|
useStickyLeftNav: true,
|
|
38
38
|
Link: true,
|
|
39
|
+
Loading: true,
|
|
40
|
+
LoadingProps: true,
|
|
41
|
+
LoadingSize: true,
|
|
42
|
+
LoadingVariant: true,
|
|
39
43
|
Menu: true,
|
|
40
44
|
Message: true,
|
|
41
45
|
Modal: true,
|
|
@@ -60,6 +64,10 @@ var _exportNames = {
|
|
|
60
64
|
TableProps: true,
|
|
61
65
|
Tabs: true,
|
|
62
66
|
Tab: true,
|
|
67
|
+
TabsProps: true,
|
|
68
|
+
TabData: true,
|
|
69
|
+
TabIcon: true,
|
|
70
|
+
TabProps: true,
|
|
63
71
|
Tag: true,
|
|
64
72
|
TagActionButtonRef: true,
|
|
65
73
|
TagRef: true,
|
|
@@ -262,6 +270,30 @@ Object.defineProperty(exports, "Link", {
|
|
|
262
270
|
return _Link.default;
|
|
263
271
|
}
|
|
264
272
|
});
|
|
273
|
+
Object.defineProperty(exports, "Loading", {
|
|
274
|
+
enumerable: true,
|
|
275
|
+
get: function get() {
|
|
276
|
+
return _Loading.default;
|
|
277
|
+
}
|
|
278
|
+
});
|
|
279
|
+
Object.defineProperty(exports, "LoadingProps", {
|
|
280
|
+
enumerable: true,
|
|
281
|
+
get: function get() {
|
|
282
|
+
return _Loading.LoadingProps;
|
|
283
|
+
}
|
|
284
|
+
});
|
|
285
|
+
Object.defineProperty(exports, "LoadingSize", {
|
|
286
|
+
enumerable: true,
|
|
287
|
+
get: function get() {
|
|
288
|
+
return _Loading.LoadingSize;
|
|
289
|
+
}
|
|
290
|
+
});
|
|
291
|
+
Object.defineProperty(exports, "LoadingVariant", {
|
|
292
|
+
enumerable: true,
|
|
293
|
+
get: function get() {
|
|
294
|
+
return _Loading.LoadingVariant;
|
|
295
|
+
}
|
|
296
|
+
});
|
|
265
297
|
Object.defineProperty(exports, "Menu", {
|
|
266
298
|
enumerable: true,
|
|
267
299
|
get: function get() {
|
|
@@ -406,6 +438,30 @@ Object.defineProperty(exports, "Tab", {
|
|
|
406
438
|
return _Tabs.Tab;
|
|
407
439
|
}
|
|
408
440
|
});
|
|
441
|
+
Object.defineProperty(exports, "TabsProps", {
|
|
442
|
+
enumerable: true,
|
|
443
|
+
get: function get() {
|
|
444
|
+
return _Tabs.TabsProps;
|
|
445
|
+
}
|
|
446
|
+
});
|
|
447
|
+
Object.defineProperty(exports, "TabData", {
|
|
448
|
+
enumerable: true,
|
|
449
|
+
get: function get() {
|
|
450
|
+
return _Tabs.TabData;
|
|
451
|
+
}
|
|
452
|
+
});
|
|
453
|
+
Object.defineProperty(exports, "TabIcon", {
|
|
454
|
+
enumerable: true,
|
|
455
|
+
get: function get() {
|
|
456
|
+
return _Tabs.TabIcon;
|
|
457
|
+
}
|
|
458
|
+
});
|
|
459
|
+
Object.defineProperty(exports, "TabProps", {
|
|
460
|
+
enumerable: true,
|
|
461
|
+
get: function get() {
|
|
462
|
+
return _Tabs.TabProps;
|
|
463
|
+
}
|
|
464
|
+
});
|
|
409
465
|
Object.defineProperty(exports, "Tag", {
|
|
410
466
|
enumerable: true,
|
|
411
467
|
get: function get() {
|
|
@@ -495,6 +551,8 @@ var _LeftNav = _interopRequireWildcard(require("./LeftNav"));
|
|
|
495
551
|
|
|
496
552
|
var _Link = _interopRequireDefault(require("./Link"));
|
|
497
553
|
|
|
554
|
+
var _Loading = _interopRequireWildcard(require("./Loading"));
|
|
555
|
+
|
|
498
556
|
var _Menu = _interopRequireDefault(require("./Menu"));
|
|
499
557
|
|
|
500
558
|
var _Message = _interopRequireDefault(require("./Message"));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@decisiv/ui-components",
|
|
3
|
-
"version": "2.0.1-alpha.
|
|
3
|
+
"version": "2.0.1-alpha.162+1633819",
|
|
4
4
|
"description": "Decisiv's design system React components",
|
|
5
5
|
"author": "Decisiv UI Development Team",
|
|
6
6
|
"license": "MIT",
|
|
@@ -71,5 +71,5 @@
|
|
|
71
71
|
"access": "public"
|
|
72
72
|
},
|
|
73
73
|
"private": false,
|
|
74
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "1633819ff8ff705affe08c74759c902d34ff00b6"
|
|
75
75
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAGA,OAAc,EAGZ,sBAAsB,EAIvB,MAAM,OAAO,CAAC;AAWf,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AA4I3C,QAAA,MAAM,UAAU,EAAE,sBAAsB,CAAC,MAAM,EAAE,QAAQ,CAAmB,CAAC;AAe7E,eAAe,UAAU,CAAC"}
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
|
|
9
|
-
|
|
10
|
-
var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
|
|
11
|
-
|
|
12
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
|
-
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
17
|
-
|
|
18
|
-
var _designTokens = require("@decisiv/design-tokens");
|
|
19
|
-
|
|
20
|
-
var _BaseButton = _interopRequireDefault(require("../../atoms/BaseButton"));
|
|
21
|
-
|
|
22
|
-
var _assignRef = _interopRequireDefault(require("../../utils/assignRef"));
|
|
23
|
-
|
|
24
|
-
var _styleModifiers = require("../../utils/styleModifiers");
|
|
25
|
-
|
|
26
|
-
var _context = require("./context");
|
|
27
|
-
|
|
28
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
|
|
29
|
-
|
|
30
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
31
|
-
|
|
32
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
33
|
-
|
|
34
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
35
|
-
|
|
36
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
37
|
-
|
|
38
|
-
var base = _designTokens.color.base,
|
|
39
|
-
interaction = _designTokens.color.interaction,
|
|
40
|
-
opacity = _designTokens.color.opacity;
|
|
41
|
-
var shadowColor = (0, _toColorString.default)(interaction.pacificOcean40);
|
|
42
|
-
var yPaddingBySize = {
|
|
43
|
-
normal: 5,
|
|
44
|
-
large: 10
|
|
45
|
-
};
|
|
46
|
-
var StyledTab = (0, _styledComponents.default)(_BaseButton.default).withConfig({
|
|
47
|
-
displayName: "Tab__StyledTab",
|
|
48
|
-
componentId: "txb60x-0"
|
|
49
|
-
})(["color:", ";align-items:center;background:", ";border-radius:2px 2px 0 0;border:1px solid transparent;cursor:default;display:flex;font-size:", ";line-height:1.4;margin:0;outline:none;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";position:relative;font-weight:", ";&::after{background:", ";bottom:-1px;content:'';height:3px;left:2px;opacity:0;position:absolute;right:2px;}&:hover{color:", ";}&[aria-selected='true']{border-color:", ";border-bottom-color:transparent;color:", ";margin-bottom:-1px;padding-bottom:", ";&:focus{border-color:", ";border-bottom-color:", ";box-shadow:inset 0 0 0 2px ", ";&::after{opacity:1;}}}&:disabled{color:", ";cursor:not-allowed;}> *:not(span){margin-top:-1px;}> * + span{margin-left:", ";}", ";"], (0, _toColorString.default)(interaction.pacificOcean), (0, _toColorString.default)(base.snowWhite), (0, _rem.default)(_designTokens.typography.size.scale[1]), (0, _rem.default)(yPaddingBySize.normal + 3), (0, _rem.default)(15), (0, _rem.default)(yPaddingBySize.normal - 1), (0, _rem.default)(15), _designTokens.typography.weight.alias.medium, (0, _toColorString.default)(base.snowWhite), (0, _toColorString.default)(interaction.indianOcean), (0, _toColorString.default)(base.quarterMoon), (0, _toColorString.default)(base.alaskanHusky), (0, _rem.default)(yPaddingBySize.normal), (0, _toColorString.default)(interaction.pacificOcean), shadowColor, shadowColor, (0, _toColorString.default)(opacity.charcoal40), (0, _rem.default)(8), (0, _styleModifiers.when)('size', 'large', (0, _styledComponents.css)(["font-size:", ";line-height:1.2;padding-bottom:", ";padding-top:", ";&[aria-selected='true']{padding-bottom:", ";}"], (0, _rem.default)(_designTokens.typography.size.scale[2]), (0, _rem.default)(yPaddingBySize.large - 1), (0, _rem.default)(yPaddingBySize.large + 3), (0, _rem.default)(yPaddingBySize.large))));
|
|
50
|
-
|
|
51
|
-
var Tab = function Tab(props, ref) {
|
|
52
|
-
var id = props.id,
|
|
53
|
-
children = props.children,
|
|
54
|
-
icon = props.icon,
|
|
55
|
-
title = props.title,
|
|
56
|
-
onClick = props.onClick,
|
|
57
|
-
disabled = props.disabled,
|
|
58
|
-
rest = _objectWithoutProperties(props, ["id", "children", "icon", "title", "onClick", "disabled"]);
|
|
59
|
-
|
|
60
|
-
var tabs = (0, _context.useTabs)();
|
|
61
|
-
var Icon = icon;
|
|
62
|
-
var isActive = id === tabs.activeId;
|
|
63
|
-
var internalRef = (0, _react.useRef)(null);
|
|
64
|
-
var handleClick = (0, _react.useCallback)(function (e) {
|
|
65
|
-
!disabled && tabs.activateById(id);
|
|
66
|
-
onClick && onClick(e);
|
|
67
|
-
}, [id, tabs, disabled, onClick]);
|
|
68
|
-
|
|
69
|
-
var assignRefs = function assignRefs(node) {
|
|
70
|
-
(0, _assignRef.default)(ref, node);
|
|
71
|
-
(0, _assignRef.default)(internalRef, node);
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
tabs.register(id, {
|
|
75
|
-
isDisabled: !!disabled,
|
|
76
|
-
content: children,
|
|
77
|
-
ref: internalRef
|
|
78
|
-
});
|
|
79
|
-
return _react.default.createElement(StyledTab, _extends({}, rest, {
|
|
80
|
-
"aria-controls": "tab-panel-".concat(id),
|
|
81
|
-
"aria-selected": isActive,
|
|
82
|
-
disabled: !!disabled,
|
|
83
|
-
id: "tab-".concat(id),
|
|
84
|
-
onClick: handleClick,
|
|
85
|
-
onKeyDown: tabs.onKeyDown,
|
|
86
|
-
ref: assignRefs,
|
|
87
|
-
role: "tab",
|
|
88
|
-
size: tabs.size || 'normal',
|
|
89
|
-
tabIndex: isActive ? 0 : -1,
|
|
90
|
-
type: "button"
|
|
91
|
-
}), Icon && _react.default.createElement(Icon, {
|
|
92
|
-
size: "medium"
|
|
93
|
-
}), _react.default.createElement("span", null, title));
|
|
94
|
-
};
|
|
95
|
-
|
|
96
|
-
var TabWithRef = (0, _react.forwardRef)(Tab); // @ts-ignore
|
|
97
|
-
|
|
98
|
-
TabWithRef.propTypes = {
|
|
99
|
-
id: _propTypes.default.string.isRequired,
|
|
100
|
-
title: _propTypes.default.string.isRequired,
|
|
101
|
-
icon: _propTypes.default.elementType,
|
|
102
|
-
disabled: _propTypes.default.bool
|
|
103
|
-
};
|
|
104
|
-
TabWithRef.defaultProps = {
|
|
105
|
-
icon: undefined,
|
|
106
|
-
disabled: false
|
|
107
|
-
};
|
|
108
|
-
var _default = TabWithRef;
|
|
109
|
-
exports.default = _default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"schema.tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/schema.tab.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAAmC,CAAC;AAqBhD,eAAe,MAAM,CAAC"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef, ReactNode, Ref, RefObject } from 'react';
|
|
2
|
-
import { IconProps } from '@decisiv/iconix';
|
|
3
|
-
declare type IconComponent = (props: IconProps) => JSX.Element;
|
|
4
|
-
export declare type TabsRef = HTMLDivElement;
|
|
5
|
-
export declare type TabRef = HTMLButtonElement;
|
|
6
|
-
export interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
|
|
7
|
-
ref?: Ref<TabsRef>;
|
|
8
|
-
size?: 'normal' | 'large';
|
|
9
|
-
onChange?: (id: string) => void;
|
|
10
|
-
selectedId?: string;
|
|
11
|
-
defaultSelectedId?: string;
|
|
12
|
-
renderHiddenTabsContent?: boolean;
|
|
13
|
-
}
|
|
14
|
-
export interface TabData {
|
|
15
|
-
ref: RefObject<HTMLButtonElement>;
|
|
16
|
-
content: ReactNode;
|
|
17
|
-
isDisabled: boolean;
|
|
18
|
-
}
|
|
19
|
-
export interface TabProps extends Omit<ComponentPropsWithoutRef<'button'>, 'size'> {
|
|
20
|
-
id: string;
|
|
21
|
-
ref?: Ref<TabRef>;
|
|
22
|
-
icon?: IconComponent;
|
|
23
|
-
title: string;
|
|
24
|
-
disabled?: boolean;
|
|
25
|
-
}
|
|
26
|
-
export {};
|
|
27
|
-
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,aAAK,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;AAEvD,oBAAY,OAAO,GAAG,cAAc,CAAC;AACrC,oBAAY,MAAM,GAAG,iBAAiB,CAAC;AAEvC,MAAM,WAAW,KACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,GAAG,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,MAAM,WAAW,OAAO;IACtB,GAAG,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAClC,OAAO,EAAE,SAAS,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAClB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
|
|
File without changes
|
|
File without changes
|