@entur/tab 0.4.26 → 0.4.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/styles.css +3 -1
- package/dist/tab.cjs.development.js +45 -19
- package/dist/tab.cjs.development.js.map +1 -1
- package/dist/tab.cjs.production.min.js +1 -1
- package/dist/tab.cjs.production.min.js.map +1 -1
- package/dist/tab.esm.js +33 -10
- package/dist/tab.esm.js.map +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,18 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [0.4.29](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.28...@entur/tab@0.4.29) (2022-04-27)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @entur/tab
|
|
9
|
+
|
|
10
|
+
## [0.4.28](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.27...@entur/tab@0.4.28) (2022-02-09)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @entur/tab
|
|
13
|
+
|
|
14
|
+
## [0.4.27](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.26...@entur/tab@0.4.27) (2021-11-17)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @entur/tab
|
|
17
|
+
|
|
6
18
|
## [0.4.26](https://bitbucket.org/enturas/design-system/compare/@entur/tab@0.4.25...@entur/tab@0.4.26) (2021-09-23)
|
|
7
19
|
|
|
8
20
|
### Bug Fixes
|
package/dist/styles.css
CHANGED
|
@@ -2,12 +2,33 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
6
|
-
|
|
7
5
|
var utils = require('@entur/utils');
|
|
8
|
-
var React =
|
|
6
|
+
var React = require('react');
|
|
9
7
|
var tabs = require('@reach/tabs');
|
|
10
|
-
var classNames =
|
|
8
|
+
var classNames = require('classnames');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
+
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
|
|
14
|
+
|
|
15
|
+
function _extends() {
|
|
16
|
+
_extends = Object.assign || function (target) {
|
|
17
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
18
|
+
var source = arguments[i];
|
|
19
|
+
|
|
20
|
+
for (var key in source) {
|
|
21
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
22
|
+
target[key] = source[key];
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
return target;
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
return _extends.apply(this, arguments);
|
|
31
|
+
}
|
|
11
32
|
|
|
12
33
|
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
13
34
|
if (source == null) return {};
|
|
@@ -24,53 +45,58 @@ function _objectWithoutPropertiesLoose(source, excluded) {
|
|
|
24
45
|
return target;
|
|
25
46
|
}
|
|
26
47
|
|
|
48
|
+
var _excluded$4 = ["className", "removeActiveLine"];
|
|
27
49
|
var Tab = function Tab(_ref) {
|
|
28
50
|
var className = _ref.className,
|
|
29
51
|
_ref$removeActiveLine = _ref.removeActiveLine,
|
|
30
52
|
removeActiveLine = _ref$removeActiveLine === void 0 ? false : _ref$removeActiveLine,
|
|
31
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
53
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
|
|
32
54
|
|
|
33
|
-
return
|
|
34
|
-
className:
|
|
55
|
+
return React__default["default"].createElement(tabs.Tab, _extends({
|
|
56
|
+
className: classNames__default["default"]('eds-tab', {
|
|
35
57
|
'eds-tab--remove-active-line': removeActiveLine
|
|
36
58
|
}, className)
|
|
37
59
|
}, rest));
|
|
38
60
|
};
|
|
39
61
|
|
|
62
|
+
var _excluded$3 = ["className"];
|
|
40
63
|
var Tabs = function Tabs(_ref) {
|
|
41
64
|
var className = _ref.className,
|
|
42
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
65
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
|
|
43
66
|
|
|
44
|
-
return
|
|
45
|
-
className:
|
|
67
|
+
return React__default["default"].createElement(tabs.Tabs, _extends({
|
|
68
|
+
className: classNames__default["default"]('eds-tabs', className)
|
|
46
69
|
}, rest));
|
|
47
70
|
};
|
|
48
71
|
|
|
72
|
+
var _excluded$2 = ["className"];
|
|
49
73
|
var TabPanel = function TabPanel(_ref) {
|
|
50
74
|
var className = _ref.className,
|
|
51
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
75
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
|
|
52
76
|
|
|
53
|
-
return
|
|
54
|
-
className:
|
|
77
|
+
return React__default["default"].createElement(tabs.TabPanel, _extends({
|
|
78
|
+
className: classNames__default["default"]('eds-tab-panel', className)
|
|
55
79
|
}, rest));
|
|
56
80
|
};
|
|
57
81
|
|
|
82
|
+
var _excluded$1 = ["className"];
|
|
58
83
|
var TabPanels = function TabPanels(_ref) {
|
|
59
84
|
var className = _ref.className,
|
|
60
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
85
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
|
|
61
86
|
|
|
62
|
-
return
|
|
63
|
-
className:
|
|
87
|
+
return React__default["default"].createElement(tabs.TabPanels, _extends({
|
|
88
|
+
className: classNames__default["default"]('eds-tab-panels', className)
|
|
64
89
|
}, rest));
|
|
65
90
|
};
|
|
66
91
|
|
|
92
|
+
var _excluded = ["className", "width"];
|
|
67
93
|
var TabList = function TabList(_ref) {
|
|
68
94
|
var className = _ref.className,
|
|
69
95
|
width = _ref.width,
|
|
70
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
96
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
71
97
|
|
|
72
|
-
return
|
|
73
|
-
className:
|
|
98
|
+
return React__default["default"].createElement(tabs.TabList, _extends({
|
|
99
|
+
className: classNames__default["default"]('eds-tab-list', className, {
|
|
74
100
|
'eds-tab-list--width-fluid': width === 'fluid'
|
|
75
101
|
})
|
|
76
102
|
}, rest));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.cjs.development.js","sources":["../src/Tab.tsx","../src/Tabs.tsx","../src/TabPanel.tsx","../src/TabPanels.tsx","../src/TabList.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Tab as ReachTab } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabProps = {\n /** Overskriften til taben */\n children: React.ReactNode;\n /** Om taben er disabled eller ikke */\n disabled?: boolean;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n removeActiveLine?: boolean;\n [key: string]: any;\n};\n\nexport const Tab: React.FC<TabProps> = ({\n className,\n removeActiveLine = false,\n ...rest\n}) => {\n return (\n <ReachTab\n className={classNames(\n 'eds-tab',\n { 'eds-tab--remove-active-line': removeActiveLine },\n className,\n )}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { Tabs as ReachTabs } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabsProps = {\n /** Overskriften til taben */\n children: React.ReactNode;\n /** Kalles når taben endres */\n onChange?: (index: number) => void;\n /** Hvilken tab som skal være åpen by default */\n defaultIndex?: number;\n /** Den åpne indexen */\n index?: number;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n\n [key: string]: any;\n};\n\nexport const Tabs: React.FC<TabsProps> = ({ className, ...rest }) => {\n return <ReachTabs className={classNames('eds-tabs', className)} {...rest} />;\n};\n","import React from 'react';\nimport { TabPanel as ReachTabPanel } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelProps = {\n /** Overskriften til taben */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n [key: string]: any;\n};\n\nexport const TabPanel: React.FC<TabPanelProps> = ({ className, ...rest }) => {\n return (\n <ReachTabPanel\n className={classNames('eds-tab-panel', className)}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { TabPanels as ReachTabPanels } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelsProps = {\n /** Tab-panelene */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n [key: string]: any;\n};\n\nexport const TabPanels: React.FC<TabPanelsProps> = ({ className, ...rest }) => {\n return (\n <ReachTabPanels\n className={classNames('eds-tab-panels', className)}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { TabList as ReachTabList } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabListProps = {\n /** Tab-komponenter */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n width?: 'fluid';\n [key: string]: any;\n};\n\nexport const TabList: React.FC<TabListProps> = ({\n className,\n width,\n ...rest\n}) => {\n return (\n <ReachTabList\n className={classNames('eds-tab-list', className, {\n 'eds-tab-list--width-fluid': width === 'fluid',\n })}\n {...rest}\n />\n );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('tab');\n\nexport * from './Tab';\nexport * from './Tabs';\nexport * from './TabPanel';\nexport * from './TabPanels';\nexport * from './TabList';\n"],"names":["Tab","className","removeActiveLine","rest","React","ReachTab","classNames","Tabs","ReachTabs","TabPanel","ReachTabPanel","TabPanels","ReachTabPanels","TabList","width","ReachTabList","warnAboutMissingStyles"],"mappings":"
|
|
1
|
+
{"version":3,"file":"tab.cjs.development.js","sources":["../src/Tab.tsx","../src/Tabs.tsx","../src/TabPanel.tsx","../src/TabPanels.tsx","../src/TabList.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Tab as ReachTab } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabProps = {\n /** Overskriften til taben */\n children: React.ReactNode;\n /** Om taben er disabled eller ikke */\n disabled?: boolean;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n removeActiveLine?: boolean;\n [key: string]: any;\n};\n\nexport const Tab: React.FC<TabProps> = ({\n className,\n removeActiveLine = false,\n ...rest\n}) => {\n return (\n <ReachTab\n className={classNames(\n 'eds-tab',\n { 'eds-tab--remove-active-line': removeActiveLine },\n className,\n )}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { Tabs as ReachTabs } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabsProps = {\n /** Overskriften til taben */\n children: React.ReactNode;\n /** Kalles når taben endres */\n onChange?: (index: number) => void;\n /** Hvilken tab som skal være åpen by default */\n defaultIndex?: number;\n /** Den åpne indexen */\n index?: number;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n\n [key: string]: any;\n};\n\nexport const Tabs: React.FC<TabsProps> = ({ className, ...rest }) => {\n return <ReachTabs className={classNames('eds-tabs', className)} {...rest} />;\n};\n","import React from 'react';\nimport { TabPanel as ReachTabPanel } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelProps = {\n /** Overskriften til taben */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n [key: string]: any;\n};\n\nexport const TabPanel: React.FC<TabPanelProps> = ({ className, ...rest }) => {\n return (\n <ReachTabPanel\n className={classNames('eds-tab-panel', className)}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { TabPanels as ReachTabPanels } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelsProps = {\n /** Tab-panelene */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n [key: string]: any;\n};\n\nexport const TabPanels: React.FC<TabPanelsProps> = ({ className, ...rest }) => {\n return (\n <ReachTabPanels\n className={classNames('eds-tab-panels', className)}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { TabList as ReachTabList } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabListProps = {\n /** Tab-komponenter */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n width?: 'fluid';\n [key: string]: any;\n};\n\nexport const TabList: React.FC<TabListProps> = ({\n className,\n width,\n ...rest\n}) => {\n return (\n <ReachTabList\n className={classNames('eds-tab-list', className, {\n 'eds-tab-list--width-fluid': width === 'fluid',\n })}\n {...rest}\n />\n );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('tab');\n\nexport * from './Tab';\nexport * from './Tabs';\nexport * from './TabPanel';\nexport * from './TabPanels';\nexport * from './TabList';\n"],"names":["Tab","className","removeActiveLine","rest","React","ReachTab","classNames","Tabs","ReachTabs","TabPanel","ReachTabPanel","TabPanels","ReachTabPanels","TabList","width","ReachTabList","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAeaA,GAAG,GAAuB,SAA1BA,GAA0B;MACrCC,iBAAAA;mCACAC;MAAAA,sDAAmB;MAChBC;;AAEH,SACEC,uCAAA,CAACC,QAAD;AACEJ,IAAAA,SAAS,EAAEK,8BAAU,CACnB,SADmB,EAEnB;AAAE,qCAA+BJ;AAAjC,KAFmB,EAGnBD,SAHmB;AADvB,KAMME,IANN,EADF;AAUD;;;ICXYI,IAAI,GAAwB,SAA5BA,IAA4B;MAAGN,iBAAAA;MAAcE;;AACxD,SAAOC,uCAAA,CAACI,SAAD;AAAWP,IAAAA,SAAS,EAAEK,8BAAU,CAAC,UAAD,EAAaL,SAAb;AAAhC,KAA6DE,IAA7D,EAAP;AACD;;;ICTYM,QAAQ,GAA4B,SAApCA,QAAoC;MAAGR,iBAAAA;MAAcE;;AAChE,SACEC,uCAAA,CAACM,aAAD;AACET,IAAAA,SAAS,EAAEK,8BAAU,CAAC,eAAD,EAAkBL,SAAlB;AADvB,KAEME,IAFN,EADF;AAMD;;;ICPYQ,SAAS,GAA6B,SAAtCA,SAAsC;MAAGV,iBAAAA;MAAcE;;AAClE,SACEC,uCAAA,CAACQ,cAAD;AACEX,IAAAA,SAAS,EAAEK,8BAAU,CAAC,gBAAD,EAAmBL,SAAnB;AADvB,KAEME,IAFN,EADF;AAMD;;;ICNYU,OAAO,GAA2B,SAAlCA,OAAkC;MAC7CZ,iBAAAA;MACAa,aAAAA;MACGX;;AAEH,SACEC,uCAAA,CAACW,YAAD;AACEd,IAAAA,SAAS,EAAEK,8BAAU,CAAC,cAAD,EAAiBL,SAAjB,EAA4B;AAC/C,mCAA6Ba,KAAK,KAAK;AADQ,KAA5B;AADvB,KAIMX,IAJN,EADF;AAQD;;ACvBDa,4BAAsB,CAAC,KAAD,CAAtB;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),t=require("@reach/tabs"),s=require("classnames");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(a),n=r(s);function u(){return u=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e},u.apply(this,arguments)}function c(e,a){if(null==e)return{};var t,s,r={},l=Object.keys(e);for(s=0;s<l.length;s++)a.indexOf(t=l[s])>=0||(r[t]=e[t]);return r}var i=["className","removeActiveLine"],f=["className"],o=["className"],d=["className"],b=["className","width"];e.warnAboutMissingStyles("tab"),exports.Tab=function(e){var a=e.className,s=e.removeActiveLine,r=void 0!==s&&s,f=c(e,i);return l.default.createElement(t.Tab,u({className:n.default("eds-tab",{"eds-tab--remove-active-line":r},a)},f))},exports.TabList=function(e){var a=e.className,s=e.width,r=c(e,b);return l.default.createElement(t.TabList,u({className:n.default("eds-tab-list",a,{"eds-tab-list--width-fluid":"fluid"===s})},r))},exports.TabPanel=function(e){var a=e.className,s=c(e,o);return l.default.createElement(t.TabPanel,u({className:n.default("eds-tab-panel",a)},s))},exports.TabPanels=function(e){var a=e.className,s=c(e,d);return l.default.createElement(t.TabPanels,u({className:n.default("eds-tab-panels",a)},s))},exports.Tabs=function(e){var a=e.className,s=c(e,f);return l.default.createElement(t.Tabs,u({className:n.default("eds-tabs",a)},s))};
|
|
2
2
|
//# sourceMappingURL=tab.cjs.production.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.cjs.production.min.js","sources":["../src/index.tsx","../src/Tab.tsx","../src/TabList.tsx","../src/TabPanel.tsx","../src/TabPanels.tsx","../src/Tabs.tsx"],"sourcesContent":["import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('tab');\n\nexport * from './Tab';\nexport * from './Tabs';\nexport * from './TabPanel';\nexport * from './TabPanels';\nexport * from './TabList';\n","import React from 'react';\nimport { Tab as ReachTab } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabProps = {\n /** Overskriften til taben */\n children: React.ReactNode;\n /** Om taben er disabled eller ikke */\n disabled?: boolean;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n removeActiveLine?: boolean;\n [key: string]: any;\n};\n\nexport const Tab: React.FC<TabProps> = ({\n className,\n removeActiveLine = false,\n ...rest\n}) => {\n return (\n <ReachTab\n className={classNames(\n 'eds-tab',\n { 'eds-tab--remove-active-line': removeActiveLine },\n className,\n )}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { TabList as ReachTabList } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabListProps = {\n /** Tab-komponenter */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n width?: 'fluid';\n [key: string]: any;\n};\n\nexport const TabList: React.FC<TabListProps> = ({\n className,\n width,\n ...rest\n}) => {\n return (\n <ReachTabList\n className={classNames('eds-tab-list', className, {\n 'eds-tab-list--width-fluid': width === 'fluid',\n })}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { TabPanel as ReachTabPanel } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelProps = {\n /** Overskriften til taben */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n [key: string]: any;\n};\n\nexport const TabPanel: React.FC<TabPanelProps> = ({ className, ...rest }) => {\n return (\n <ReachTabPanel\n className={classNames('eds-tab-panel', className)}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { TabPanels as ReachTabPanels } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelsProps = {\n /** Tab-panelene */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n [key: string]: any;\n};\n\nexport const TabPanels: React.FC<TabPanelsProps> = ({ className, ...rest }) => {\n return (\n <ReachTabPanels\n className={classNames('eds-tab-panels', className)}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { Tabs as ReachTabs } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabsProps = {\n /** Overskriften til taben */\n children: React.ReactNode;\n /** Kalles når taben endres */\n onChange?: (index: number) => void;\n /** Hvilken tab som skal være åpen by default */\n defaultIndex?: number;\n /** Den åpne indexen */\n index?: number;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n\n [key: string]: any;\n};\n\nexport const Tabs: React.FC<TabsProps> = ({ className, ...rest }) => {\n return <ReachTabs className={classNames('eds-tabs', className)} {...rest} />;\n};\n"],"names":["warnAboutMissingStyles","className","removeActiveLine","rest","React","ReachTab","classNames","width","ReachTabList","ReachTabPanel","ReachTabPanels","ReachTabs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"tab.cjs.production.min.js","sources":["../src/index.tsx","../src/Tab.tsx","../src/TabList.tsx","../src/TabPanel.tsx","../src/TabPanels.tsx","../src/Tabs.tsx"],"sourcesContent":["import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('tab');\n\nexport * from './Tab';\nexport * from './Tabs';\nexport * from './TabPanel';\nexport * from './TabPanels';\nexport * from './TabList';\n","import React from 'react';\nimport { Tab as ReachTab } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabProps = {\n /** Overskriften til taben */\n children: React.ReactNode;\n /** Om taben er disabled eller ikke */\n disabled?: boolean;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n removeActiveLine?: boolean;\n [key: string]: any;\n};\n\nexport const Tab: React.FC<TabProps> = ({\n className,\n removeActiveLine = false,\n ...rest\n}) => {\n return (\n <ReachTab\n className={classNames(\n 'eds-tab',\n { 'eds-tab--remove-active-line': removeActiveLine },\n className,\n )}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { TabList as ReachTabList } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabListProps = {\n /** Tab-komponenter */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n width?: 'fluid';\n [key: string]: any;\n};\n\nexport const TabList: React.FC<TabListProps> = ({\n className,\n width,\n ...rest\n}) => {\n return (\n <ReachTabList\n className={classNames('eds-tab-list', className, {\n 'eds-tab-list--width-fluid': width === 'fluid',\n })}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { TabPanel as ReachTabPanel } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelProps = {\n /** Overskriften til taben */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n [key: string]: any;\n};\n\nexport const TabPanel: React.FC<TabPanelProps> = ({ className, ...rest }) => {\n return (\n <ReachTabPanel\n className={classNames('eds-tab-panel', className)}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { TabPanels as ReachTabPanels } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelsProps = {\n /** Tab-panelene */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n [key: string]: any;\n};\n\nexport const TabPanels: React.FC<TabPanelsProps> = ({ className, ...rest }) => {\n return (\n <ReachTabPanels\n className={classNames('eds-tab-panels', className)}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { Tabs as ReachTabs } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabsProps = {\n /** Overskriften til taben */\n children: React.ReactNode;\n /** Kalles når taben endres */\n onChange?: (index: number) => void;\n /** Hvilken tab som skal være åpen by default */\n defaultIndex?: number;\n /** Den åpne indexen */\n index?: number;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n\n [key: string]: any;\n};\n\nexport const Tabs: React.FC<TabsProps> = ({ className, ...rest }) => {\n return <ReachTabs className={classNames('eds-tabs', className)} {...rest} />;\n};\n"],"names":["warnAboutMissingStyles","className","removeActiveLine","rest","React","ReachTab","classNames","width","ReachTabList","ReachTabPanel","ReachTabPanels","ReachTabs"],"mappings":"msBAGAA,yBAAuB,mBCYgB,gBACrCC,IAAAA,cACAC,iBAAAA,gBACGC,gBAGDC,wBAACC,SACCJ,UAAWK,UACT,UACA,+BAAiCJ,GACjCD,IAEEE,qBCdqC,gBAC7CF,IAAAA,UACAM,IAAAA,MACGJ,gBAGDC,wBAACI,aACCP,UAAWK,UAAW,eAAgBL,EAAW,6BACR,UAAVM,KAE3BJ,sBCXuC,gBAAGF,IAAAA,UAAcE,gBAE9DC,wBAACK,cACCR,UAAWK,UAAW,gBAAiBL,IACnCE,uBCJyC,gBAAGF,IAAAA,UAAcE,gBAEhEC,wBAACM,eACCT,UAAWK,UAAW,iBAAkBL,IACpCE,kBCG+B,gBAAGF,IAAAA,UAAcE,gBACjDC,wBAACO,UAAUV,UAAWK,UAAW,WAAYL,IAAgBE"}
|
package/dist/tab.esm.js
CHANGED
|
@@ -3,6 +3,24 @@ import React from 'react';
|
|
|
3
3
|
import { Tab as Tab$1, Tabs as Tabs$1, TabPanel as TabPanel$1, TabPanels as TabPanels$1, TabList as TabList$1 } from '@reach/tabs';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
5
|
|
|
6
|
+
function _extends() {
|
|
7
|
+
_extends = Object.assign || function (target) {
|
|
8
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
9
|
+
var source = arguments[i];
|
|
10
|
+
|
|
11
|
+
for (var key in source) {
|
|
12
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
13
|
+
target[key] = source[key];
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
return target;
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
return _extends.apply(this, arguments);
|
|
22
|
+
}
|
|
23
|
+
|
|
6
24
|
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
7
25
|
if (source == null) return {};
|
|
8
26
|
var target = {};
|
|
@@ -18,52 +36,57 @@ function _objectWithoutPropertiesLoose(source, excluded) {
|
|
|
18
36
|
return target;
|
|
19
37
|
}
|
|
20
38
|
|
|
39
|
+
var _excluded$4 = ["className", "removeActiveLine"];
|
|
21
40
|
var Tab = function Tab(_ref) {
|
|
22
41
|
var className = _ref.className,
|
|
23
42
|
_ref$removeActiveLine = _ref.removeActiveLine,
|
|
24
43
|
removeActiveLine = _ref$removeActiveLine === void 0 ? false : _ref$removeActiveLine,
|
|
25
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
44
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
|
|
26
45
|
|
|
27
|
-
return React.createElement(Tab$1,
|
|
46
|
+
return React.createElement(Tab$1, _extends({
|
|
28
47
|
className: classNames('eds-tab', {
|
|
29
48
|
'eds-tab--remove-active-line': removeActiveLine
|
|
30
49
|
}, className)
|
|
31
50
|
}, rest));
|
|
32
51
|
};
|
|
33
52
|
|
|
53
|
+
var _excluded$3 = ["className"];
|
|
34
54
|
var Tabs = function Tabs(_ref) {
|
|
35
55
|
var className = _ref.className,
|
|
36
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
56
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
|
|
37
57
|
|
|
38
|
-
return React.createElement(Tabs$1,
|
|
58
|
+
return React.createElement(Tabs$1, _extends({
|
|
39
59
|
className: classNames('eds-tabs', className)
|
|
40
60
|
}, rest));
|
|
41
61
|
};
|
|
42
62
|
|
|
63
|
+
var _excluded$2 = ["className"];
|
|
43
64
|
var TabPanel = function TabPanel(_ref) {
|
|
44
65
|
var className = _ref.className,
|
|
45
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
66
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
|
|
46
67
|
|
|
47
|
-
return React.createElement(TabPanel$1,
|
|
68
|
+
return React.createElement(TabPanel$1, _extends({
|
|
48
69
|
className: classNames('eds-tab-panel', className)
|
|
49
70
|
}, rest));
|
|
50
71
|
};
|
|
51
72
|
|
|
73
|
+
var _excluded$1 = ["className"];
|
|
52
74
|
var TabPanels = function TabPanels(_ref) {
|
|
53
75
|
var className = _ref.className,
|
|
54
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
76
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
|
|
55
77
|
|
|
56
|
-
return React.createElement(TabPanels$1,
|
|
78
|
+
return React.createElement(TabPanels$1, _extends({
|
|
57
79
|
className: classNames('eds-tab-panels', className)
|
|
58
80
|
}, rest));
|
|
59
81
|
};
|
|
60
82
|
|
|
83
|
+
var _excluded = ["className", "width"];
|
|
61
84
|
var TabList = function TabList(_ref) {
|
|
62
85
|
var className = _ref.className,
|
|
63
86
|
width = _ref.width,
|
|
64
|
-
rest = _objectWithoutPropertiesLoose(_ref,
|
|
87
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
65
88
|
|
|
66
|
-
return React.createElement(TabList$1,
|
|
89
|
+
return React.createElement(TabList$1, _extends({
|
|
67
90
|
className: classNames('eds-tab-list', className, {
|
|
68
91
|
'eds-tab-list--width-fluid': width === 'fluid'
|
|
69
92
|
})
|
package/dist/tab.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.esm.js","sources":["../src/Tab.tsx","../src/Tabs.tsx","../src/TabPanel.tsx","../src/TabPanels.tsx","../src/TabList.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Tab as ReachTab } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabProps = {\n /** Overskriften til taben */\n children: React.ReactNode;\n /** Om taben er disabled eller ikke */\n disabled?: boolean;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n removeActiveLine?: boolean;\n [key: string]: any;\n};\n\nexport const Tab: React.FC<TabProps> = ({\n className,\n removeActiveLine = false,\n ...rest\n}) => {\n return (\n <ReachTab\n className={classNames(\n 'eds-tab',\n { 'eds-tab--remove-active-line': removeActiveLine },\n className,\n )}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { Tabs as ReachTabs } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabsProps = {\n /** Overskriften til taben */\n children: React.ReactNode;\n /** Kalles når taben endres */\n onChange?: (index: number) => void;\n /** Hvilken tab som skal være åpen by default */\n defaultIndex?: number;\n /** Den åpne indexen */\n index?: number;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n\n [key: string]: any;\n};\n\nexport const Tabs: React.FC<TabsProps> = ({ className, ...rest }) => {\n return <ReachTabs className={classNames('eds-tabs', className)} {...rest} />;\n};\n","import React from 'react';\nimport { TabPanel as ReachTabPanel } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelProps = {\n /** Overskriften til taben */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n [key: string]: any;\n};\n\nexport const TabPanel: React.FC<TabPanelProps> = ({ className, ...rest }) => {\n return (\n <ReachTabPanel\n className={classNames('eds-tab-panel', className)}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { TabPanels as ReachTabPanels } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelsProps = {\n /** Tab-panelene */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n [key: string]: any;\n};\n\nexport const TabPanels: React.FC<TabPanelsProps> = ({ className, ...rest }) => {\n return (\n <ReachTabPanels\n className={classNames('eds-tab-panels', className)}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { TabList as ReachTabList } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabListProps = {\n /** Tab-komponenter */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n width?: 'fluid';\n [key: string]: any;\n};\n\nexport const TabList: React.FC<TabListProps> = ({\n className,\n width,\n ...rest\n}) => {\n return (\n <ReachTabList\n className={classNames('eds-tab-list', className, {\n 'eds-tab-list--width-fluid': width === 'fluid',\n })}\n {...rest}\n />\n );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('tab');\n\nexport * from './Tab';\nexport * from './Tabs';\nexport * from './TabPanel';\nexport * from './TabPanels';\nexport * from './TabList';\n"],"names":["Tab","className","removeActiveLine","rest","React","ReachTab","classNames","Tabs","ReachTabs","TabPanel","ReachTabPanel","TabPanels","ReachTabPanels","TabList","width","ReachTabList","warnAboutMissingStyles"],"mappings":"
|
|
1
|
+
{"version":3,"file":"tab.esm.js","sources":["../src/Tab.tsx","../src/Tabs.tsx","../src/TabPanel.tsx","../src/TabPanels.tsx","../src/TabList.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Tab as ReachTab } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabProps = {\n /** Overskriften til taben */\n children: React.ReactNode;\n /** Om taben er disabled eller ikke */\n disabled?: boolean;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n removeActiveLine?: boolean;\n [key: string]: any;\n};\n\nexport const Tab: React.FC<TabProps> = ({\n className,\n removeActiveLine = false,\n ...rest\n}) => {\n return (\n <ReachTab\n className={classNames(\n 'eds-tab',\n { 'eds-tab--remove-active-line': removeActiveLine },\n className,\n )}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { Tabs as ReachTabs } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabsProps = {\n /** Overskriften til taben */\n children: React.ReactNode;\n /** Kalles når taben endres */\n onChange?: (index: number) => void;\n /** Hvilken tab som skal være åpen by default */\n defaultIndex?: number;\n /** Den åpne indexen */\n index?: number;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n\n [key: string]: any;\n};\n\nexport const Tabs: React.FC<TabsProps> = ({ className, ...rest }) => {\n return <ReachTabs className={classNames('eds-tabs', className)} {...rest} />;\n};\n","import React from 'react';\nimport { TabPanel as ReachTabPanel } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelProps = {\n /** Overskriften til taben */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n [key: string]: any;\n};\n\nexport const TabPanel: React.FC<TabPanelProps> = ({ className, ...rest }) => {\n return (\n <ReachTabPanel\n className={classNames('eds-tab-panel', className)}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { TabPanels as ReachTabPanels } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabPanelsProps = {\n /** Tab-panelene */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n [key: string]: any;\n};\n\nexport const TabPanels: React.FC<TabPanelsProps> = ({ className, ...rest }) => {\n return (\n <ReachTabPanels\n className={classNames('eds-tab-panels', className)}\n {...rest}\n />\n );\n};\n","import React from 'react';\nimport { TabList as ReachTabList } from '@reach/tabs';\nimport classNames from 'classnames';\n\nexport type TabListProps = {\n /** Tab-komponenter */\n children: React.ReactNode;\n /** HTML-elementet eller React-komponenten som lager komponenten */\n as?: keyof JSX.IntrinsicElements | any;\n width?: 'fluid';\n [key: string]: any;\n};\n\nexport const TabList: React.FC<TabListProps> = ({\n className,\n width,\n ...rest\n}) => {\n return (\n <ReachTabList\n className={classNames('eds-tab-list', className, {\n 'eds-tab-list--width-fluid': width === 'fluid',\n })}\n {...rest}\n />\n );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('tab');\n\nexport * from './Tab';\nexport * from './Tabs';\nexport * from './TabPanel';\nexport * from './TabPanels';\nexport * from './TabList';\n"],"names":["Tab","className","removeActiveLine","rest","React","ReachTab","classNames","Tabs","ReachTabs","TabPanel","ReachTabPanel","TabPanels","ReachTabPanels","TabList","width","ReachTabList","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAeaA,GAAG,GAAuB,SAA1BA,GAA0B;MACrCC,iBAAAA;mCACAC;MAAAA,sDAAmB;MAChBC;;AAEH,SACEC,mBAAA,CAACC,KAAD;AACEJ,IAAAA,SAAS,EAAEK,UAAU,CACnB,SADmB,EAEnB;AAAE,qCAA+BJ;AAAjC,KAFmB,EAGnBD,SAHmB;AADvB,KAMME,IANN,EADF;AAUD;;;ICXYI,IAAI,GAAwB,SAA5BA,IAA4B;MAAGN,iBAAAA;MAAcE;;AACxD,SAAOC,mBAAA,CAACI,MAAD;AAAWP,IAAAA,SAAS,EAAEK,UAAU,CAAC,UAAD,EAAaL,SAAb;AAAhC,KAA6DE,IAA7D,EAAP;AACD;;;ICTYM,QAAQ,GAA4B,SAApCA,QAAoC;MAAGR,iBAAAA;MAAcE;;AAChE,SACEC,mBAAA,CAACM,UAAD;AACET,IAAAA,SAAS,EAAEK,UAAU,CAAC,eAAD,EAAkBL,SAAlB;AADvB,KAEME,IAFN,EADF;AAMD;;;ICPYQ,SAAS,GAA6B,SAAtCA,SAAsC;MAAGV,iBAAAA;MAAcE;;AAClE,SACEC,mBAAA,CAACQ,WAAD;AACEX,IAAAA,SAAS,EAAEK,UAAU,CAAC,gBAAD,EAAmBL,SAAnB;AADvB,KAEME,IAFN,EADF;AAMD;;;ICNYU,OAAO,GAA2B,SAAlCA,OAAkC;MAC7CZ,iBAAAA;MACAa,aAAAA;MACGX;;AAEH,SACEC,mBAAA,CAACW,SAAD;AACEd,IAAAA,SAAS,EAAEK,UAAU,CAAC,cAAD,EAAiBL,SAAjB,EAA4B;AAC/C,mCAA6Ba,KAAK,KAAK;AADQ,KAA5B;AADvB,KAIMX,IAJN,EADF;AAQD;;ACvBDa,sBAAsB,CAAC,KAAD,CAAtB;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/tab",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.29",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/tab.esm.js",
|
|
@@ -17,19 +17,19 @@
|
|
|
17
17
|
"access": "public"
|
|
18
18
|
},
|
|
19
19
|
"scripts": {
|
|
20
|
-
"start": "
|
|
21
|
-
"build": "
|
|
22
|
-
"lint": "
|
|
20
|
+
"start": "dts watch --noClean",
|
|
21
|
+
"build": "dts build",
|
|
22
|
+
"lint": "dts lint"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"react": ">=16.8.0",
|
|
26
26
|
"react-dom": ">=16.8.0"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@entur/tokens": "^3.2
|
|
30
|
-
"@entur/utils": "^0.4.
|
|
29
|
+
"@entur/tokens": "^3.3.2",
|
|
30
|
+
"@entur/utils": "^0.4.3",
|
|
31
31
|
"@reach/tabs": "^0.15.0",
|
|
32
32
|
"classnames": "^2.3.1"
|
|
33
33
|
},
|
|
34
|
-
"gitHead": "
|
|
34
|
+
"gitHead": "7b557782d62c07bdce744f9b084d57177e2202e9"
|
|
35
35
|
}
|