@coorpacademy/components 10.1.6 → 10.1.7
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/es/atom/button-link/index.js +8 -4
- package/es/atom/button-link/index.js.map +1 -1
- package/es/atom/button-link/style.css +4 -1
- package/es/atom/button-link/test/button-link.js +25 -0
- package/es/atom/button-link/test/button-link.js.map +1 -0
- package/es/atom/button-link/test/fixtures/button-tertiary-icon-bullet.js +13 -0
- package/es/atom/button-link/test/fixtures/button-tertiary-icon-bullet.js.map +1 -0
- package/es/atom/button-link/test/fixtures.js +2 -0
- package/es/atom/button-link/test/fixtures.js.map +1 -1
- package/es/atom/button-menu/index.js +66 -0
- package/es/atom/button-menu/index.js.map +1 -0
- package/es/atom/button-menu/style.css +51 -0
- package/es/atom/button-menu/test/fixtures/default.js +20 -0
- package/es/atom/button-menu/test/fixtures/default.js.map +1 -0
- package/es/atom/button-menu/test/fixtures/multiple-buttons.js +15 -0
- package/es/atom/button-menu/test/fixtures/multiple-buttons.js.map +1 -0
- package/es/atom/button-menu/test/fixtures.js +15 -0
- package/es/atom/button-menu/test/fixtures.js.map +1 -0
- package/es/atom/input-text/index.js.map +1 -1
- package/es/molecule/bullet-point-menu-button/index.js +54 -0
- package/es/molecule/bullet-point-menu-button/index.js.map +1 -0
- package/es/molecule/bullet-point-menu-button/style.css +52 -0
- package/es/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js +34 -0
- package/es/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js.map +1 -0
- package/es/molecule/bullet-point-menu-button/test/fixtures/default.js +11 -0
- package/es/molecule/bullet-point-menu-button/test/fixtures/default.js.map +1 -0
- package/es/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js +13 -0
- package/es/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js.map +1 -0
- package/es/molecule/bullet-point-menu-button/test/fixtures.js +15 -0
- package/es/molecule/bullet-point-menu-button/test/fixtures.js.map +1 -0
- package/es/molecule/vertical-tabs/index.js +8 -3
- package/es/molecule/vertical-tabs/index.js.map +1 -1
- package/es/molecule/vertical-tabs/test/fixtures/default.js +2 -1
- package/es/molecule/vertical-tabs/test/fixtures/default.js.map +1 -1
- package/es/molecule/vertical-tabs/test/fixtures/with-selected-item.js +2 -1
- package/es/molecule/vertical-tabs/test/fixtures/with-selected-item.js.map +1 -1
- package/es/organism/playlist-translation/index.js +63 -0
- package/es/organism/playlist-translation/index.js.map +1 -0
- package/es/organism/playlist-translation/style.css +45 -0
- package/es/organism/playlist-translation/test/fixtures/default.js +24 -0
- package/es/organism/playlist-translation/test/fixtures/default.js.map +1 -0
- package/es/organism/playlist-translation/test/fixtures/delete.js +18 -0
- package/es/organism/playlist-translation/test/fixtures/delete.js.map +1 -0
- package/es/template/teams-dashboard/index.js +4 -3
- package/es/template/teams-dashboard/index.js.map +1 -1
- package/lib/atom/button-link/index.js +7 -2
- package/lib/atom/button-link/index.js.map +1 -1
- package/lib/atom/button-link/style.css +4 -1
- package/lib/atom/button-link/test/button-link.js +37 -0
- package/lib/atom/button-link/test/button-link.js.map +1 -0
- package/lib/atom/button-link/test/fixtures/button-tertiary-icon-bullet.js +18 -0
- package/lib/atom/button-link/test/fixtures/button-tertiary-icon-bullet.js.map +1 -0
- package/lib/atom/button-link/test/fixtures.js +3 -0
- package/lib/atom/button-link/test/fixtures.js.map +1 -1
- package/lib/atom/button-menu/index.js +82 -0
- package/lib/atom/button-menu/index.js.map +1 -0
- package/lib/atom/button-menu/style.css +51 -0
- package/lib/atom/button-menu/test/fixtures/default.js +27 -0
- package/lib/atom/button-menu/test/fixtures/default.js.map +1 -0
- package/lib/atom/button-menu/test/fixtures/multiple-buttons.js +23 -0
- package/lib/atom/button-menu/test/fixtures/multiple-buttons.js.map +1 -0
- package/lib/atom/button-menu/test/fixtures.js +25 -0
- package/lib/atom/button-menu/test/fixtures.js.map +1 -0
- package/lib/atom/input-text/index.js.map +1 -1
- package/lib/molecule/bullet-point-menu-button/index.js +72 -0
- package/lib/molecule/bullet-point-menu-button/index.js.map +1 -0
- package/lib/molecule/bullet-point-menu-button/style.css +52 -0
- package/lib/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js +46 -0
- package/lib/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js.map +1 -0
- package/lib/molecule/bullet-point-menu-button/test/fixtures/default.js +18 -0
- package/lib/molecule/bullet-point-menu-button/test/fixtures/default.js.map +1 -0
- package/lib/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js +25 -0
- package/lib/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js.map +1 -0
- package/lib/molecule/bullet-point-menu-button/test/fixtures.js +25 -0
- package/lib/molecule/bullet-point-menu-button/test/fixtures.js.map +1 -0
- package/lib/molecule/vertical-tabs/index.js +8 -3
- package/lib/molecule/vertical-tabs/index.js.map +1 -1
- package/lib/molecule/vertical-tabs/test/fixtures/default.js +2 -1
- package/lib/molecule/vertical-tabs/test/fixtures/default.js.map +1 -1
- package/lib/molecule/vertical-tabs/test/fixtures/with-selected-item.js +2 -1
- package/lib/molecule/vertical-tabs/test/fixtures/with-selected-item.js.map +1 -1
- package/lib/organism/playlist-translation/index.js +78 -0
- package/lib/organism/playlist-translation/index.js.map +1 -0
- package/lib/organism/playlist-translation/style.css +45 -0
- package/lib/organism/playlist-translation/test/fixtures/default.js +35 -0
- package/lib/organism/playlist-translation/test/fixtures/default.js.map +1 -0
- package/lib/organism/playlist-translation/test/fixtures/delete.js +29 -0
- package/lib/organism/playlist-translation/test/fixtures/delete.js.map +1 -0
- package/lib/template/teams-dashboard/index.js +3 -1
- package/lib/template/teams-dashboard/index.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/atom/button-link/test/fixtures.js"],"names":["t","pass","AtomButtonLink","propTypes","value","key","not","undefined","renderComponentMacro","fixtureButtonDangerousNoIcon","fixtureButtonPrimaryIconLeft","fixtureButtonPrimaryNoIcon","fixtureButtonSecondaryNoIconDisabled","fixtureButtonTertiaryIconLeft","fixtureIconButton","fixtureLinkPrimaryDisabledIconRight","fixtureLinkSecondaryIconRight","fixtureLinkTertiaryNoIcon","fixtureLinkTextIconRightTargetBlank","fixtureLinkTextNoIconDownload"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,qDAAL,EAA4DA,CAAC,IAAI;AAC/DA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAeC,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAChDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,+CAA8CF,GAAI,mEAA3E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,oEAAL,EAA2EG,wBAA3E,EAAiGN,SAAjG,EAAiHO,8BAAjH;AACA,kBAAK,oEAAL,EAA2ED,wBAA3E,EAAiGN,SAAjG,EAAiHQ,8BAAjH;AACA,kBAAK,kEAAL,EAAyEF,wBAAzE,EAA+FN,SAA/F,EAA+GS,4BAA/G;AACA,kBAAK,4EAAL,EAAmFH,wBAAnF,EAAyGN,SAAzG,EAAyHU,sCAAzH;AACA,kBAAK,qEAAL,
|
|
1
|
+
{"version":3,"sources":["../../../../src/atom/button-link/test/fixtures.js"],"names":["t","pass","AtomButtonLink","propTypes","value","key","not","undefined","renderComponentMacro","fixtureButtonDangerousNoIcon","fixtureButtonPrimaryIconLeft","fixtureButtonPrimaryNoIcon","fixtureButtonSecondaryNoIconDisabled","fixtureButtonTertiaryIconBullet","fixtureButtonTertiaryIconLeft","fixtureIconButton","fixtureLinkPrimaryDisabledIconRight","fixtureLinkSecondaryIconRight","fixtureLinkTertiaryNoIcon","fixtureLinkTextIconRightTargetBlank","fixtureLinkTextNoIconDownload"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,qDAAL,EAA4DA,CAAC,IAAI;AAC/DA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAeC,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAChDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,+CAA8CF,GAAI,mEAA3E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,oEAAL,EAA2EG,wBAA3E,EAAiGN,SAAjG,EAAiHO,8BAAjH;AACA,kBAAK,oEAAL,EAA2ED,wBAA3E,EAAiGN,SAAjG,EAAiHQ,8BAAjH;AACA,kBAAK,kEAAL,EAAyEF,wBAAzE,EAA+FN,SAA/F,EAA+GS,4BAA/G;AACA,kBAAK,4EAAL,EAAmFH,wBAAnF,EAAyGN,SAAzG,EAAyHU,sCAAzH;AACA,kBAAK,uEAAL,EAA8EJ,wBAA9E,EAAoGN,SAApG,EAAoHW,iCAApH;AACA,kBAAK,qEAAL,EAA4EL,wBAA5E,EAAkGN,SAAlG,EAAkHY,+BAAlH;AACA,kBAAK,yDAAL,EAAgEN,wBAAhE,EAAsFN,SAAtF,EAAsGa,mBAAtG;AACA,kBAAK,2EAAL,EAAkFP,wBAAlF,EAAwGN,SAAxG,EAAwHc,qCAAxH;AACA,kBAAK,qEAAL,EAA4ER,wBAA5E,EAAkGN,SAAlG,EAAkHe,+BAAlH;AACA,kBAAK,iEAAL,EAAwET,wBAAxE,EAA8FN,SAA9F,EAA8GgB,2BAA9G;AACA,kBAAK,2EAAL,EAAkFV,wBAAlF,EAAwGN,SAAxG,EAAwHiB,qCAAxH;AACA,kBAAK,qEAAL,EAA4EX,wBAA5E,EAAkGN,SAAlG,EAAkHkB,+BAAlH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomButtonLink from '..';\nimport fixtureButtonDangerousNoIcon from './fixtures/button-dangerous-no-icon';\nimport fixtureButtonPrimaryIconLeft from './fixtures/button-primary-icon-left';\nimport fixtureButtonPrimaryNoIcon from './fixtures/button-primary-no-icon';\nimport fixtureButtonSecondaryNoIconDisabled from './fixtures/button-secondary-no-icon-disabled';\nimport fixtureButtonTertiaryIconBullet from './fixtures/button-tertiary-icon-bullet';\nimport fixtureButtonTertiaryIconLeft from './fixtures/button-tertiary-icon-left';\nimport fixtureIconButton from './fixtures/icon-button';\nimport fixtureLinkPrimaryDisabledIconRight from './fixtures/link-primary-disabled-icon-right';\nimport fixtureLinkSecondaryIconRight from './fixtures/link-secondary-icon-right';\nimport fixtureLinkTertiaryNoIcon from './fixtures/link-tertiary-no-icon';\nimport fixtureLinkTextIconRightTargetBlank from './fixtures/link-text-icon-right-target-blank';\nimport fixtureLinkTextNoIconDownload from './fixtures/link-text-no-icon-download';\n\ntest('Atom › AtomButtonLink > should have valid propTypes', t => {\n t.pass();\n forEach(AtomButtonLink.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomButtonLink.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomButtonLink › ButtonDangerousNoIcon › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonDangerousNoIcon);\ntest('Atom › AtomButtonLink › ButtonPrimaryIconLeft › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonPrimaryIconLeft);\ntest('Atom › AtomButtonLink › ButtonPrimaryNoIcon › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonPrimaryNoIcon);\ntest('Atom › AtomButtonLink › ButtonSecondaryNoIconDisabled › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonSecondaryNoIconDisabled);\ntest('Atom › AtomButtonLink › ButtonTertiaryIconBullet › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonTertiaryIconBullet);\ntest('Atom › AtomButtonLink › ButtonTertiaryIconLeft › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonTertiaryIconLeft);\ntest('Atom › AtomButtonLink › IconButton › should be rendered', renderComponentMacro, AtomButtonLink, fixtureIconButton);\ntest('Atom › AtomButtonLink › LinkPrimaryDisabledIconRight › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkPrimaryDisabledIconRight);\ntest('Atom › AtomButtonLink › LinkSecondaryIconRight › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkSecondaryIconRight);\ntest('Atom › AtomButtonLink › LinkTertiaryNoIcon › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkTertiaryNoIcon);\ntest('Atom › AtomButtonLink › LinkTextIconRightTargetBlank › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkTextIconRightTargetBlank);\ntest('Atom › AtomButtonLink › LinkTextNoIconDownload › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkTextNoIconDownload);\n"],"file":"fixtures.js"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
|
|
6
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
var _map = _interopRequireDefault(require("lodash/fp/map"));
|
|
11
|
+
|
|
12
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
+
|
|
14
|
+
var _style = _interopRequireDefault(require("./style.css"));
|
|
15
|
+
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
|
|
18
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
|
|
19
|
+
|
|
20
|
+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
+
|
|
22
|
+
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); }
|
|
23
|
+
|
|
24
|
+
const Button = props => {
|
|
25
|
+
const {
|
|
26
|
+
'data-name': dataName,
|
|
27
|
+
disabled,
|
|
28
|
+
label,
|
|
29
|
+
onClick,
|
|
30
|
+
type = 'default'
|
|
31
|
+
} = props;
|
|
32
|
+
const styleButton = (0, _classnames.default)(_style.default.button, type === 'default' && _style.default.default, type === 'dangerous' && _style.default.dangerous, disabled && _style.default.disabled);
|
|
33
|
+
const handleOnClick = (0, _react.useCallback)(() => onClick(), [onClick]);
|
|
34
|
+
return /*#__PURE__*/_react.default.createElement("button", {
|
|
35
|
+
type: "button",
|
|
36
|
+
"aria-label": label,
|
|
37
|
+
title: label,
|
|
38
|
+
"data-name": dataName,
|
|
39
|
+
className: styleButton,
|
|
40
|
+
onClick: handleOnClick
|
|
41
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
42
|
+
className: _style.default.buttonContent
|
|
43
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
44
|
+
className: _style.default.label
|
|
45
|
+
}, label)));
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
Button.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
49
|
+
'data-name': _propTypes.default.string,
|
|
50
|
+
disabled: _propTypes.default.bool,
|
|
51
|
+
label: _propTypes.default.string.isRequired,
|
|
52
|
+
onClick: _propTypes.default.func.isRequired,
|
|
53
|
+
type: _propTypes.default.oneOf(['default', 'dangerous'])
|
|
54
|
+
} : {};
|
|
55
|
+
|
|
56
|
+
const ButtonMenu = props => {
|
|
57
|
+
const {
|
|
58
|
+
buttons,
|
|
59
|
+
'data-name': dataName
|
|
60
|
+
} = props;
|
|
61
|
+
|
|
62
|
+
const buildButton = (button, index) => {
|
|
63
|
+
return /*#__PURE__*/_react.default.createElement(Button, _extends({}, button, {
|
|
64
|
+
key: button.label + index
|
|
65
|
+
}));
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
const buttonList = (0, _react.useMemo)(() => _map.default.convert({
|
|
69
|
+
cap: false
|
|
70
|
+
})(buildButton, buttons), [buttons, buildButton]);
|
|
71
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
72
|
+
"data-name": dataName
|
|
73
|
+
}, buttonList);
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
ButtonMenu.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
77
|
+
buttons: _propTypes.default.arrayOf(_propTypes.default.shape(Button.propTypes)).isRequired,
|
|
78
|
+
'data-name': _propTypes.default.string
|
|
79
|
+
} : {};
|
|
80
|
+
var _default = ButtonMenu;
|
|
81
|
+
exports.default = _default;
|
|
82
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/atom/button-menu/index.js"],"names":["Button","props","dataName","disabled","label","onClick","type","styleButton","style","button","default","dangerous","handleOnClick","buttonContent","propTypes","PropTypes","string","bool","isRequired","func","oneOf","ButtonMenu","buttons","buildButton","index","buttonList","map","convert","cap","arrayOf","shape"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AAAC,iBAAaC,QAAd;AAAwBC,IAAAA,QAAxB;AAAkCC,IAAAA,KAAlC;AAAyCC,IAAAA,OAAzC;AAAkDC,IAAAA,IAAI,GAAG;AAAzD,MAAsEL,KAA5E;AACA,QAAMM,WAAW,GAAG,yBAClBC,eAAMC,MADY,EAElBH,IAAI,KAAK,SAAT,IAAsBE,eAAME,OAFV,EAGlBJ,IAAI,KAAK,WAAT,IAAwBE,eAAMG,SAHZ,EAIlBR,QAAQ,IAAIK,eAAML,QAJA,CAApB;AAOA,QAAMS,aAAa,GAAG,wBAAY,MAAMP,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;AACA,sBACE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,kBAAYD,KAFd;AAGE,IAAA,KAAK,EAAEA,KAHT;AAIE,iBAAWF,QAJb;AAKE,IAAA,SAAS,EAAEK,WALb;AAME,IAAA,OAAO,EAAEK;AANX,kBAQE;AAAK,IAAA,SAAS,EAAEJ,eAAMK;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEL,eAAMJ;AAAvB,KAA+BA,KAA/B,CADF,CARF,CADF;AAcD,CAxBD;;AA0BAJ,MAAM,CAACc,SAAP,2CAAmB;AACjB,eAAaC,mBAAUC,MADN;AAEjBb,EAAAA,QAAQ,EAAEY,mBAAUE,IAFH;AAGjBb,EAAAA,KAAK,EAAEW,mBAAUC,MAAV,CAAiBE,UAHP;AAIjBb,EAAAA,OAAO,EAAEU,mBAAUI,IAAV,CAAeD,UAJP;AAKjBZ,EAAAA,IAAI,EAAES,mBAAUK,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,CAAhB;AALW,CAAnB;;AAQA,MAAMC,UAAU,GAAGpB,KAAK,IAAI;AAC1B,QAAM;AAACqB,IAAAA,OAAD;AAAU,iBAAapB;AAAvB,MAAmCD,KAAzC;;AACA,QAAMsB,WAAW,GAAG,CAACd,MAAD,EAASe,KAAT,KAAmB;AACrC,wBAAO,6BAAC,MAAD,eAAYf,MAAZ;AAAoB,MAAA,GAAG,EAAEA,MAAM,CAACL,KAAP,GAAeoB;AAAxC,OAAP;AACD,GAFD;;AAGA,QAAMC,UAAU,GAAG,oBAAQ,MAAMC,aAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0BL,WAA1B,EAAuCD,OAAvC,CAAd,EAA+D,CAChFA,OADgF,EAEhFC,WAFgF,CAA/D,CAAnB;AAIA,sBAAO;AAAK,iBAAWrB;AAAhB,KAA2BuB,UAA3B,CAAP;AACD,CAVD;;AAYAJ,UAAU,CAACP,SAAX,2CAAuB;AACrBQ,EAAAA,OAAO,EAAEP,mBAAUc,OAAV,CAAkBd,mBAAUe,KAAV,CAAgB9B,MAAM,CAACc,SAAvB,CAAlB,EAAqDI,UADzC;AAErB,eAAaH,mBAAUC;AAFF,CAAvB;eAKeK,U","sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst Button = props => {\n const {'data-name': dataName, disabled, label, onClick, type = 'default'} = props;\n const styleButton = classnames(\n style.button,\n type === 'default' && style.default,\n type === 'dangerous' && style.dangerous,\n disabled && style.disabled\n );\n\n const handleOnClick = useCallback(() => onClick(), [onClick]);\n return (\n <button\n type=\"button\"\n aria-label={label}\n title={label}\n data-name={dataName}\n className={styleButton}\n onClick={handleOnClick}\n >\n <div className={style.buttonContent}>\n <span className={style.label}>{label}</span>\n </div>\n </button>\n );\n};\n\nButton.propTypes = {\n 'data-name': PropTypes.string,\n disabled: PropTypes.bool,\n label: PropTypes.string.isRequired,\n onClick: PropTypes.func.isRequired,\n type: PropTypes.oneOf(['default', 'dangerous'])\n};\n\nconst ButtonMenu = props => {\n const {buttons, 'data-name': dataName} = props;\n const buildButton = (button, index) => {\n return <Button {...button} key={button.label + index} />;\n };\n const buttonList = useMemo(() => map.convert({cap: false})(buildButton, buttons), [\n buttons,\n buildButton\n ]);\n return <div data-name={dataName}>{buttonList}</div>;\n};\n\nButtonMenu.propTypes = {\n buttons: PropTypes.arrayOf(PropTypes.shape(Button.propTypes)).isRequired,\n 'data-name': PropTypes.string\n};\n\nexport default ButtonMenu;\n"],"file":"index.js"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
@value colors: "../../variables/colors.css";
|
|
2
|
+
@value cm_grey_100 from colors;
|
|
3
|
+
@value cm_grey_200 from colors;
|
|
4
|
+
@value cm_grey_900 from colors;
|
|
5
|
+
@value cm_negative_100 from colors;
|
|
6
|
+
|
|
7
|
+
.button {
|
|
8
|
+
width: 100%;
|
|
9
|
+
height: 40px;
|
|
10
|
+
font-family: Gilroy;
|
|
11
|
+
font-size: 14px;
|
|
12
|
+
display: flex;
|
|
13
|
+
justify-content: center;
|
|
14
|
+
align-items: center;
|
|
15
|
+
cursor: pointer;
|
|
16
|
+
border: none;
|
|
17
|
+
pointer-events: auto;
|
|
18
|
+
/* prevents text selection when dragging
|
|
19
|
+
the mouse over the button */
|
|
20
|
+
user-select: none;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.disabled {
|
|
24
|
+
opacity: 0.1;
|
|
25
|
+
pointer-events: none;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.buttonContent {
|
|
29
|
+
display: flex;
|
|
30
|
+
justify-content: center;
|
|
31
|
+
align-items: center;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.label {
|
|
35
|
+
margin: 0 8px 0 8px;
|
|
36
|
+
display: block;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.default {
|
|
40
|
+
background-color: cm_grey_100;
|
|
41
|
+
color: cm_grey_900;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.default:hover {
|
|
45
|
+
background-color: cm_grey_200;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.dangerous {
|
|
49
|
+
composes: default;
|
|
50
|
+
color: cm_negative_100;
|
|
51
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = exports.deleteButtonProps = exports.actionButtonProps = void 0;
|
|
5
|
+
const actionButtonProps = {
|
|
6
|
+
'data-name': 'menu-publish-button',
|
|
7
|
+
label: 'Publish',
|
|
8
|
+
onClick: () => console.log('Publish'),
|
|
9
|
+
type: 'default'
|
|
10
|
+
};
|
|
11
|
+
exports.actionButtonProps = actionButtonProps;
|
|
12
|
+
const deleteButtonProps = {
|
|
13
|
+
'data-name': 'menu-delete-button',
|
|
14
|
+
label: 'Delete',
|
|
15
|
+
onClick: () => console.log('Delete'),
|
|
16
|
+
type: 'dangerous'
|
|
17
|
+
};
|
|
18
|
+
exports.deleteButtonProps = deleteButtonProps;
|
|
19
|
+
var _default = {
|
|
20
|
+
props: {
|
|
21
|
+
buttons: [actionButtonProps, deleteButtonProps],
|
|
22
|
+
'aria-label': 'aria button',
|
|
23
|
+
'data-name': 'default-menu'
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
exports.default = _default;
|
|
27
|
+
//# sourceMappingURL=default.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/button-menu/test/fixtures/default.js"],"names":["actionButtonProps","label","onClick","console","log","type","deleteButtonProps","props","buttons"],"mappings":";;;;AAAO,MAAMA,iBAAiB,GAAG;AAC/B,eAAa,qBADkB;AAE/BC,EAAAA,KAAK,EAAE,SAFwB;AAG/BC,EAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,SAAZ,CAHgB;AAI/BC,EAAAA,IAAI,EAAE;AAJyB,CAA1B;;AAOA,MAAMC,iBAAiB,GAAG;AAC/B,eAAa,oBADkB;AAE/BL,EAAAA,KAAK,EAAE,QAFwB;AAG/BC,EAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,QAAZ,CAHgB;AAI/BC,EAAAA,IAAI,EAAE;AAJyB,CAA1B;;eAOQ;AACbE,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,CAACR,iBAAD,EAAoBM,iBAApB,CADJ;AAEL,kBAAc,aAFT;AAGL,iBAAa;AAHR;AADM,C","sourcesContent":["export const actionButtonProps = {\n 'data-name': 'menu-publish-button',\n label: 'Publish',\n onClick: () => console.log('Publish'),\n type: 'default'\n};\n\nexport const deleteButtonProps = {\n 'data-name': 'menu-delete-button',\n label: 'Delete',\n onClick: () => console.log('Delete'),\n type: 'dangerous'\n};\n\nexport default {\n props: {\n buttons: [actionButtonProps, deleteButtonProps],\n 'aria-label': 'aria button',\n 'data-name': 'default-menu'\n }\n};\n"],"file":"default.js"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = exports.disabledButtonProps = void 0;
|
|
5
|
+
|
|
6
|
+
var _default2 = require("./default");
|
|
7
|
+
|
|
8
|
+
const disabledButtonProps = {
|
|
9
|
+
'data-name': 'menu-disabled-button',
|
|
10
|
+
label: 'Disabled',
|
|
11
|
+
onClick: () => console.log('Disabled'),
|
|
12
|
+
disabled: true
|
|
13
|
+
};
|
|
14
|
+
exports.disabledButtonProps = disabledButtonProps;
|
|
15
|
+
var _default = {
|
|
16
|
+
props: {
|
|
17
|
+
buttons: [_default2.actionButtonProps, disabledButtonProps, _default2.deleteButtonProps],
|
|
18
|
+
'aria-label': 'aria button 2',
|
|
19
|
+
'data-name': 'default-menu-2'
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
exports.default = _default;
|
|
23
|
+
//# sourceMappingURL=multiple-buttons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/atom/button-menu/test/fixtures/multiple-buttons.js"],"names":["disabledButtonProps","label","onClick","console","log","disabled","props","buttons","actionButtonProps","deleteButtonProps"],"mappings":";;;;;AAAA;;AAEO,MAAMA,mBAAmB,GAAG;AACjC,eAAa,sBADoB;AAEjCC,EAAAA,KAAK,EAAE,UAF0B;AAGjCC,EAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,UAAZ,CAHkB;AAIjCC,EAAAA,QAAQ,EAAE;AAJuB,CAA5B;;eAOQ;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,CAACC,2BAAD,EAAoBR,mBAApB,EAAyCS,2BAAzC,CADJ;AAEL,kBAAc,eAFT;AAGL,iBAAa;AAHR;AADM,C","sourcesContent":["import {actionButtonProps, deleteButtonProps} from './default';\n\nexport const disabledButtonProps = {\n 'data-name': 'menu-disabled-button',\n label: 'Disabled',\n onClick: () => console.log('Disabled'),\n disabled: true\n};\n\nexport default {\n props: {\n buttons: [actionButtonProps, disabledButtonProps, deleteButtonProps],\n 'aria-label': 'aria button 2',\n 'data-name': 'default-menu-2'\n }\n};\n"],"file":"multiple-buttons.js"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _ava = _interopRequireDefault(require("ava"));
|
|
4
|
+
|
|
5
|
+
var _forEach = _interopRequireDefault(require("lodash/forEach"));
|
|
6
|
+
|
|
7
|
+
var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
|
|
8
|
+
|
|
9
|
+
var _ = _interopRequireDefault(require(".."));
|
|
10
|
+
|
|
11
|
+
var _default = _interopRequireDefault(require("./fixtures/default"));
|
|
12
|
+
|
|
13
|
+
var _multipleButtons = _interopRequireDefault(require("./fixtures/multiple-buttons"));
|
|
14
|
+
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
+
|
|
17
|
+
(0, _ava.default)('Atom › AtomButtonMenu > should have valid propTypes', t => {
|
|
18
|
+
t.pass();
|
|
19
|
+
(0, _forEach.default)(_.default.propTypes, (value, key) => {
|
|
20
|
+
t.not(value, undefined, `PropType for "Atom.AtomButtonMenu.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
|
|
21
|
+
});
|
|
22
|
+
});
|
|
23
|
+
(0, _ava.default)('Atom › AtomButtonMenu › Default › should be rendered', _renderComponent.default, _.default, _default.default);
|
|
24
|
+
(0, _ava.default)('Atom › AtomButtonMenu › MultipleButtons › should be rendered', _renderComponent.default, _.default, _multipleButtons.default);
|
|
25
|
+
//# sourceMappingURL=fixtures.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/atom/button-menu/test/fixtures.js"],"names":["t","pass","AtomButtonMenu","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureMultipleButtons"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,qDAAL,EAA4DA,CAAC,IAAI;AAC/DA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAeC,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAChDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,+CAA8CF,GAAI,mEAA3E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,sDAAL,EAA6DG,wBAA7D,EAAmFN,SAAnF,EAAmGO,gBAAnG;AACA,kBAAK,8DAAL,EAAqED,wBAArE,EAA2FN,SAA3F,EAA2GQ,wBAA3G","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomButtonMenu from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureMultipleButtons from './fixtures/multiple-buttons';\n\ntest('Atom › AtomButtonMenu > should have valid propTypes', t => {\n t.pass();\n forEach(AtomButtonMenu.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomButtonMenu.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomButtonMenu › Default › should be rendered', renderComponentMacro, AtomButtonMenu, fixtureDefault);\ntest('Atom › AtomButtonMenu › MultipleButtons › should be rendered', renderComponentMacro, AtomButtonMenu, fixtureMultipleButtons);\n"],"file":"fixtures.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/atom/input-text/index.js"],"names":["themeStyle","setup","style","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","hint","defaultValue","onChange","error","valid","theme","description","disabled","required","modified","title","propsTitle","handleChange","e","target","mainClass","className","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","isNoTitle","noValue","input","propTypes","PropTypes","bool","string","oneOf","func"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAKA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,UAAU,GAAG;AACjBC,EAAAA,KAAK,EAAEC,eAAMD,KADI;AAEjBE,EAAAA,YAAY,EAAED,eAAMC,YAFH;AAGjBC,EAAAA,OAAO,EAAEF,eAAME,OAHE;AAIjBC,EAAAA,OAAO,EAAEH,eAAMG;AAJE,CAAnB;;AAMA,MAAMC,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AACJC,IAAAA,SAAS,GAAG,KADR;AAEJC,IAAAA,WAAW,GAAG,EAFV;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,IAJI;AAKJC,IAAAA,YALI;AAMJC,IAAAA,QAAQ,iBANJ;AAOJC,IAAAA,KAPI;AAQJC,IAAAA,KARI;AASJC,IAAAA,KAAK,GAAG,SATJ;AAUJC,IAAAA,WAVI;AAWJC,IAAAA,QAXI;AAYJC,IAAAA,QAZI;AAaJC,IAAAA,QAAQ,GAAG,KAbP;AAcJC,IAAAA,KAAK,EAAEC;AAdH,MAeFf,KAfJ;AAiBA,QAAMc,KAAK,GAAI,GAAEC,UAAW,GAAEH,QAAQ,GAAG,GAAH,GAAS,EAAG,EAAlD;AACA,QAAMI,YAAY,GAAG,oBAAQ,MAAMC,CAAC,IAAIX,QAAQ,CAACW,CAAC,CAACC,MAAF,CAASf,KAAV,CAA3B,EAA6C,CAACG,QAAD,CAA7C,CAArB;AACA,QAAMa,SAAS,GAAG1B,UAAU,CAACgB,KAAD,CAA5B;AACA,QAAMW,SAAS,GAAG,4BAAczB,eAAMG,OAApB,EAA6BH,eAAMkB,QAAnC,EAA6ClB,eAAMY,KAAnD,EAA0DM,QAA1D,EAAoEN,KAApE,CAAlB;AACA,QAAMc,eAAe,GACnBX,WAAW,IAAID,KAAK,KAAK,cAAzB,gBACE;AAAK,IAAA,SAAS,EAAEd,eAAMe;AAAtB,KAAoCA,WAApC,CADF,GAEI,IAHN;AAIA,QAAMY,WAAW,GACfZ,WAAW,IAAID,KAAK,KAAK,cAAzB,gBACE;AAAK,IAAA,SAAS,EAAEd,eAAM4B;AAAtB,kBACE,6BAAC,qDAAD;AAAU,IAAA,SAAS,EAAE5B,eAAM6B;AAA3B,IADF,eAEE;AAAK,IAAA,SAAS,EAAE7B,eAAM8B;AAAtB,KAAyCf,WAAzC,CAFF,CADF,GAKI,IANN;AAOA,QAAMgB,QAAQ,GACZjB,KAAK,KAAK,cAAV,gBACE;AACE,IAAA,SAAS,EAAEd,eAAMS,IADnB,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAACuB,MAAAA,MAAM,EAAEpB,KAAK,IAAIH;AAAlB;AAH3B,IADF,GAMI,IAPN;AAQA,QAAMwB,aAAa,GAAGrB,KAAK,gBAAG,6BAAC,+BAAD;AAAW,IAAA,SAAS,EAAEZ,eAAMkC;AAA5B,IAAH,GAA8C,IAAzE;AACA,QAAMC,aAAa,GAAGtB,KAAK,gBAAG,6BAAC,sCAAD;AAAW,IAAA,SAAS,EAAEb,eAAMkC;AAA5B,IAAH,GAA8C,IAAzE;
|
|
1
|
+
{"version":3,"sources":["../../../src/atom/input-text/index.js"],"names":["themeStyle","setup","style","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","hint","defaultValue","onChange","error","valid","theme","description","disabled","required","modified","title","propsTitle","handleChange","e","target","mainClass","className","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","isNoTitle","noValue","input","propTypes","PropTypes","bool","string","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidStatusClose as ErrorIcon,\n NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n setup: style.setup,\n coorpmanager: style.coorpmanager,\n cockpit: style.cockpit,\n default: style.default\n};\nconst InputText = props => {\n const {\n autoFocus = false,\n placeholder = '',\n value,\n hint,\n defaultValue,\n onChange = noop,\n error,\n valid,\n theme = 'default',\n description,\n disabled,\n required,\n modified = false,\n title: propsTitle\n } = props;\n\n const title = `${propsTitle}${required ? '*' : ''}`;\n const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n const mainClass = themeStyle[theme];\n const className = getClassState(style.default, style.modified, style.error, modified, error);\n const descriptionView =\n description && theme !== 'coorpmanager' ? (\n <div className={style.description}>{description}</div>\n ) : null;\n const toolTipView =\n description && theme === 'coorpmanager' ? (\n <div className={style.infoIconWrapper}>\n <InfoIcon className={style.infoIcon} />\n <div className={style.descriptionLabel}>{description}</div>\n </div>\n ) : null;\n const hintView =\n theme === 'coorpmanager' ? (\n <div\n className={style.hint}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: error || hint}}\n />\n ) : null;\n const errorIconView = error ? <ErrorIcon className={style.leftIcon} /> : null;\n const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n return (\n <div\n className={classnames(\n mainClass,\n className,\n disabled && style.disabled,\n isNil(propsTitle) && style.isNoTitle\n )}\n >\n <label>\n <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n {title}\n {toolTipView}\n </span>\n\n <input\n autoFocus={autoFocus}\n type=\"text\"\n name={title}\n className={style.input}\n placeholder={placeholder}\n defaultValue={defaultValue}\n autoComplete={'off'}\n value={value}\n onInput={handleChange}\n disabled={disabled}\n onChange={noop}\n />\n {errorIconView}\n {validIconView}\n {hintView}\n </label>\n {descriptionView}\n </div>\n );\n};\n\nInputText.propTypes = {\n autoFocus: PropTypes.bool,\n title: PropTypes.string,\n placeholder: PropTypes.string,\n defaultValue: PropTypes.string,\n theme: PropTypes.oneOf(keys(themeStyle)),\n disabled: PropTypes.bool,\n required: PropTypes.bool,\n value: PropTypes.string,\n hint: PropTypes.string,\n error: PropTypes.string,\n onChange: PropTypes.func,\n description: PropTypes.string,\n modified: PropTypes.bool,\n valid: PropTypes.bool\n};\nexport default InputText;\n"],"file":"index.js"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
|
|
6
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
|
|
11
|
+
|
|
12
|
+
var _buttonMenu = _interopRequireDefault(require("../../atom/button-menu"));
|
|
13
|
+
|
|
14
|
+
var _style = _interopRequireDefault(require("./style.css"));
|
|
15
|
+
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
|
|
18
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
|
|
19
|
+
|
|
20
|
+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
+
|
|
22
|
+
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); }
|
|
23
|
+
|
|
24
|
+
const BulletPointMenuButton = props => {
|
|
25
|
+
const {
|
|
26
|
+
disabled = false,
|
|
27
|
+
buttonAriaLabel,
|
|
28
|
+
menuAriaLabel,
|
|
29
|
+
onClick,
|
|
30
|
+
buttons
|
|
31
|
+
} = props;
|
|
32
|
+
const handleOnClick = (0, _react.useCallback)(() => onClick(), [onClick]);
|
|
33
|
+
const menuProps = {
|
|
34
|
+
'data-name': 'button-menu',
|
|
35
|
+
buttons
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
const menu = /*#__PURE__*/_react.default.createElement("div", {
|
|
39
|
+
className: _style.default.bulletPointMenu,
|
|
40
|
+
"data-name": "menu-wrapper",
|
|
41
|
+
"aria-label": menuAriaLabel
|
|
42
|
+
}, /*#__PURE__*/_react.default.createElement(_buttonMenu.default, menuProps));
|
|
43
|
+
|
|
44
|
+
const bulletPointButtonProps = {
|
|
45
|
+
type: 'secondary',
|
|
46
|
+
'aria-label': buttonAriaLabel,
|
|
47
|
+
'data-name': 'bullet-point-button',
|
|
48
|
+
icon: {
|
|
49
|
+
position: 'center',
|
|
50
|
+
type: 'bullet-point'
|
|
51
|
+
},
|
|
52
|
+
onClick: handleOnClick,
|
|
53
|
+
disabled
|
|
54
|
+
};
|
|
55
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
56
|
+
className: _style.default.bulletPointWrapper,
|
|
57
|
+
"data-name": "bullet-point-wrapper"
|
|
58
|
+
}, /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, bulletPointButtonProps, {
|
|
59
|
+
className: _style.default.bulletPointButton
|
|
60
|
+
})), menu);
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
BulletPointMenuButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
64
|
+
disabled: _propTypes.default.bool,
|
|
65
|
+
buttonAriaLabel: _propTypes.default.string,
|
|
66
|
+
menuAriaLabel: _propTypes.default.string,
|
|
67
|
+
buttons: _buttonMenu.default.propTypes.buttons,
|
|
68
|
+
onClick: _propTypes.default.func
|
|
69
|
+
} : {};
|
|
70
|
+
var _default = BulletPointMenuButton;
|
|
71
|
+
exports.default = _default;
|
|
72
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/bullet-point-menu-button/index.js"],"names":["BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","handleOnClick","menuProps","menu","style","bulletPointMenu","bulletPointButtonProps","type","icon","position","bulletPointWrapper","bulletPointButton","propTypes","PropTypes","bool","string","ButtonMenu","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,qBAAqB,GAAGC,KAAK,IAAI;AACrC,QAAM;AAACC,IAAAA,QAAQ,GAAG,KAAZ;AAAmBC,IAAAA,eAAnB;AAAoCC,IAAAA,aAApC;AAAmDC,IAAAA,OAAnD;AAA4DC,IAAAA;AAA5D,MAAuEL,KAA7E;AACA,QAAMM,aAAa,GAAG,wBAAY,MAAMF,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;AAEA,QAAMG,SAAS,GAAG;AAChB,iBAAa,aADG;AAEhBF,IAAAA;AAFgB,GAAlB;;AAKA,QAAMG,IAAI,gBACR;AAAK,IAAA,SAAS,EAAEC,eAAMC,eAAtB;AAAuC,iBAAU,cAAjD;AAAgE,kBAAYP;AAA5E,kBACE,6BAAC,mBAAD,EAAgBI,SAAhB,CADF,CADF;;AAKA,QAAMI,sBAAsB,GAAG;AAC7BC,IAAAA,IAAI,EAAE,WADuB;AAE7B,kBAAcV,eAFe;AAG7B,iBAAa,qBAHgB;AAI7BW,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,QADN;AAEJF,MAAAA,IAAI,EAAE;AAFF,KAJuB;AAQ7BR,IAAAA,OAAO,EAAEE,aARoB;AAS7BL,IAAAA;AAT6B,GAA/B;AAYA,sBACE;AAAK,IAAA,SAAS,EAAEQ,eAAMM,kBAAtB;AAA0C,iBAAU;AAApD,kBACE,6BAAC,mBAAD,eAAgBJ,sBAAhB;AAAwC,IAAA,SAAS,EAAEF,eAAMO;AAAzD,KADF,EAEGR,IAFH,CADF;AAMD,CAhCD;;AAkCAT,qBAAqB,CAACkB,SAAtB,2CAAkC;AAChChB,EAAAA,QAAQ,EAAEiB,mBAAUC,IADY;AAEhCjB,EAAAA,eAAe,EAAEgB,mBAAUE,MAFK;AAGhCjB,EAAAA,aAAa,EAAEe,mBAAUE,MAHO;AAIhCf,EAAAA,OAAO,EAAEgB,oBAAWJ,SAAX,CAAqBZ,OAJE;AAKhCD,EAAAA,OAAO,EAAEc,mBAAUI;AALa,CAAlC;eAQevB,qB","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonMenu from '../../atom/button-menu';\nimport style from './style.css';\n\nconst BulletPointMenuButton = props => {\n const {disabled = false, buttonAriaLabel, menuAriaLabel, onClick, buttons} = props;\n const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n const menuProps = {\n 'data-name': 'button-menu',\n buttons\n };\n\n const menu = (\n <div className={style.bulletPointMenu} data-name=\"menu-wrapper\" aria-label={menuAriaLabel}>\n <ButtonMenu {...menuProps} />\n </div>\n );\n const bulletPointButtonProps = {\n type: 'secondary',\n 'aria-label': buttonAriaLabel,\n 'data-name': 'bullet-point-button',\n icon: {\n position: 'center',\n type: 'bullet-point'\n },\n onClick: handleOnClick,\n disabled\n };\n\n return (\n <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n <ButtonLink {...bulletPointButtonProps} className={style.bulletPointButton} />\n {menu}\n </div>\n );\n};\n\nBulletPointMenuButton.propTypes = {\n disabled: PropTypes.bool,\n buttonAriaLabel: PropTypes.string,\n menuAriaLabel: PropTypes.string,\n buttons: ButtonMenu.propTypes.buttons,\n onClick: PropTypes.func\n};\n\nexport default BulletPointMenuButton;\n"],"file":"index.js"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
@value colors: "../../variables/colors.css";
|
|
2
|
+
@value transparent from colors;
|
|
3
|
+
@value cm_grey_100 from colors;
|
|
4
|
+
|
|
5
|
+
.bulletPointWrapper {
|
|
6
|
+
display: flex;
|
|
7
|
+
flex-direction: column-reverse;
|
|
8
|
+
justify-content: flex-end;
|
|
9
|
+
width: 44px;
|
|
10
|
+
position: relative;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.bulletPointButton {
|
|
14
|
+
position: relative;
|
|
15
|
+
cursor: pointer;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.bulletPointMenu {
|
|
19
|
+
min-width: 80px;
|
|
20
|
+
/* positioning */
|
|
21
|
+
position: absolute;
|
|
22
|
+
align-self: flex-end;
|
|
23
|
+
bottom: 54px;
|
|
24
|
+
right: 0px;
|
|
25
|
+
/* elevation shadow */
|
|
26
|
+
box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
|
|
27
|
+
z-index: 1;
|
|
28
|
+
/* round corners */
|
|
29
|
+
border-radius: 7px;
|
|
30
|
+
overflow: hidden;
|
|
31
|
+
background-color: cm_grey_100;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
/* Fade-in - Fade-out */
|
|
35
|
+
.bulletPointButton,button + .bulletPointMenu {
|
|
36
|
+
max-height: 0;
|
|
37
|
+
/* fade out combo */
|
|
38
|
+
visibility: hidden;
|
|
39
|
+
opacity:0;
|
|
40
|
+
transition:visibility 0.5s ease,opacity 0.5s ease;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.bulletPointButton,button:focus + .bulletPointMenu {
|
|
44
|
+
/* fade in combo */
|
|
45
|
+
max-height: max-content;
|
|
46
|
+
visibility:visible;
|
|
47
|
+
opacity:1;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/* Recover - unset pointer-events */
|
|
51
|
+
.bulletPointButton,button:focus { pointer-events: none; }
|
|
52
|
+
.bulletPointButton,button:not(:focus) { pointer-events: auto; }
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _identity2 = _interopRequireDefault(require("lodash/fp/identity"));
|
|
4
|
+
|
|
5
|
+
var _browserEnv = _interopRequireDefault(require("browser-env"));
|
|
6
|
+
|
|
7
|
+
var _ava = _interopRequireDefault(require("ava"));
|
|
8
|
+
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
|
|
11
|
+
var _enzyme = require("enzyme");
|
|
12
|
+
|
|
13
|
+
var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
|
|
14
|
+
|
|
15
|
+
var _ = _interopRequireDefault(require(".."));
|
|
16
|
+
|
|
17
|
+
var _default = _interopRequireDefault(require("./fixtures/default"));
|
|
18
|
+
|
|
19
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
20
|
+
|
|
21
|
+
(0, _browserEnv.default)();
|
|
22
|
+
(0, _enzyme.configure)({
|
|
23
|
+
adapter: new _enzymeAdapterReact.default()
|
|
24
|
+
});
|
|
25
|
+
const translate = _identity2.default;
|
|
26
|
+
(0, _ava.default)('should launch onClick, should find the button menu and have clickable buttons', t => {
|
|
27
|
+
const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props), {
|
|
28
|
+
context: {
|
|
29
|
+
translate
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
const button = wrapper.find('[data-name="bullet-point-button"]');
|
|
33
|
+
t.true(button.exists());
|
|
34
|
+
button.first().simulate('click', {});
|
|
35
|
+
const menu = wrapper.find('[data-name="button-menu"]').children().first();
|
|
36
|
+
t.true(menu.exists());
|
|
37
|
+
t.is(menu.children().length, 2);
|
|
38
|
+
const publishButton = menu.find('[data-name="menu-publish-button"]');
|
|
39
|
+
t.true(publishButton.exists());
|
|
40
|
+
publishButton.first().simulate('click', {});
|
|
41
|
+
const deleteButton = menu.find('[data-name="menu-delete-button"]');
|
|
42
|
+
t.true(deleteButton.exists());
|
|
43
|
+
deleteButton.first().simulate('click', {});
|
|
44
|
+
t.pass();
|
|
45
|
+
});
|
|
46
|
+
//# sourceMappingURL=bullet-point-menu-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js"],"names":["adapter","Adapter","translate","t","wrapper","defaultFixture","props","context","button","find","true","exists","first","simulate","menu","children","is","length","publishButton","deleteButton","pass"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AACA,MAAMC,SAAS,qBAAf;AAEA,kBAAK,+EAAL,EAAsFC,CAAC,IAAI;AACzF,QAAMC,OAAO,GAAG,iCAAM,6BAAC,SAAD,EAA2BC,iBAAeC,KAA1C,CAAN,EAA2D;AACzEC,IAAAA,OAAO,EAAE;AAACL,MAAAA;AAAD;AADgE,GAA3D,CAAhB;AAGA,QAAMM,MAAM,GAAGJ,OAAO,CAACK,IAAR,CAAa,mCAAb,CAAf;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOF,MAAM,CAACG,MAAP,EAAP;AACAH,EAAAA,MAAM,CAACI,KAAP,GAAeC,QAAf,CAAwB,OAAxB,EAAiC,EAAjC;AACA,QAAMC,IAAI,GAAGV,OAAO,CAACK,IAAR,CAAa,2BAAb,EAA0CM,QAA1C,GAAqDH,KAArD,EAAb;AACAT,EAAAA,CAAC,CAACO,IAAF,CAAOI,IAAI,CAACH,MAAL,EAAP;AACAR,EAAAA,CAAC,CAACa,EAAF,CAAKF,IAAI,CAACC,QAAL,GAAgBE,MAArB,EAA6B,CAA7B;AACA,QAAMC,aAAa,GAAGJ,IAAI,CAACL,IAAL,CAAU,mCAAV,CAAtB;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOQ,aAAa,CAACP,MAAd,EAAP;AACAO,EAAAA,aAAa,CAACN,KAAd,GAAsBC,QAAtB,CAA+B,OAA/B,EAAwC,EAAxC;AACA,QAAMM,YAAY,GAAGL,IAAI,CAACL,IAAL,CAAU,kCAAV,CAArB;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOS,YAAY,CAACR,MAAb,EAAP;AACAQ,EAAAA,YAAY,CAACP,KAAb,GAAqBC,QAArB,CAA8B,OAA9B,EAAuC,EAAvC;AACAV,EAAAA,CAAC,CAACiB,IAAF;AACD,CAjBD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport {identity} from 'lodash/fp';\nimport Adapter from 'enzyme-adapter-react-16';\nimport BulletPointMenuButton from '..';\nimport defaultFixture from './fixtures/default';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\nconst translate = identity;\n\ntest('should launch onClick, should find the button menu and have clickable buttons', t => {\n const wrapper = mount(<BulletPointMenuButton {...defaultFixture.props} />, {\n context: {translate}\n });\n const button = wrapper.find('[data-name=\"bullet-point-button\"]');\n t.true(button.exists());\n button.first().simulate('click', {});\n const menu = wrapper.find('[data-name=\"button-menu\"]').children().first();\n t.true(menu.exists());\n t.is(menu.children().length, 2);\n const publishButton = menu.find('[data-name=\"menu-publish-button\"]');\n t.true(publishButton.exists());\n publishButton.first().simulate('click', {});\n const deleteButton = menu.find('[data-name=\"menu-delete-button\"]');\n t.true(deleteButton.exists());\n deleteButton.first().simulate('click', {});\n t.pass();\n});\n"],"file":"bullet-point-menu-button.js"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
|
|
6
|
+
var _default2 = require("../../../../atom/button-menu/test/fixtures/default");
|
|
7
|
+
|
|
8
|
+
var _default = {
|
|
9
|
+
props: {
|
|
10
|
+
buttonAriaLabel: 'aria button',
|
|
11
|
+
menuAriaLabel: 'aria menu',
|
|
12
|
+
buttons: [_default2.actionButtonProps, _default2.deleteButtonProps],
|
|
13
|
+
onClick: () => console.log('click on bullet point button - test in a bigger component to see the menu'),
|
|
14
|
+
componentKey: 'bullet-key'
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
exports.default = _default;
|
|
18
|
+
//# sourceMappingURL=default.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/molecule/bullet-point-menu-button/test/fixtures/default.js"],"names":["props","buttonAriaLabel","menuAriaLabel","buttons","actionButtonProps","deleteButtonProps","onClick","console","log","componentKey"],"mappings":";;;;;AAAA;;eAKe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAE,aADZ;AAELC,IAAAA,aAAa,EAAE,WAFV;AAGLC,IAAAA,OAAO,EAAE,CAACC,2BAAD,EAAoBC,2BAApB,CAHJ;AAILC,IAAAA,OAAO,EAAE,MACPC,OAAO,CAACC,GAAR,CAAY,2EAAZ,CALG;AAMLC,IAAAA,YAAY,EAAE;AANT;AADM,C","sourcesContent":["import {\n actionButtonProps,\n deleteButtonProps\n} from '../../../../atom/button-menu/test/fixtures/default';\n\nexport default {\n props: {\n buttonAriaLabel: 'aria button',\n menuAriaLabel: 'aria menu',\n buttons: [actionButtonProps, deleteButtonProps],\n onClick: () =>\n console.log('click on bullet point button - test in a bigger component to see the menu'),\n componentKey: 'bullet-key'\n }\n};\n"],"file":"default.js"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
|
|
6
|
+
var _defaultsDeep = _interopRequireDefault(require("lodash/fp/defaultsDeep"));
|
|
7
|
+
|
|
8
|
+
var _default2 = require("../../../../atom/button-menu/test/fixtures/default");
|
|
9
|
+
|
|
10
|
+
var _multipleButtons = require("../../../../atom/button-menu/test/fixtures/multiple-buttons");
|
|
11
|
+
|
|
12
|
+
var _default3 = _interopRequireDefault(require("./default"));
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
16
|
+
const {
|
|
17
|
+
props
|
|
18
|
+
} = _default3.default;
|
|
19
|
+
var _default = {
|
|
20
|
+
props: (0, _defaultsDeep.default)(props, {
|
|
21
|
+
buttons: [_default2.actionButtonProps, _multipleButtons.disabledButtonProps, _default2.deleteButtonProps]
|
|
22
|
+
})
|
|
23
|
+
};
|
|
24
|
+
exports.default = _default;
|
|
25
|
+
//# sourceMappingURL=multiple-buttons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js"],"names":["props","Default","buttons","actionButtonProps","disabledButtonProps","deleteButtonProps"],"mappings":";;;;;AAAA;;AACA;;AAIA;;AACA;;;;AAEA,MAAM;AAACA,EAAAA;AAAD,IAAUC,iBAAhB;eAEe;AACbD,EAAAA,KAAK,EAAE,2BAAaA,KAAb,EAAoB;AACzBE,IAAAA,OAAO,EAAE,CAACC,2BAAD,EAAoBC,oCAApB,EAAyCC,2BAAzC;AADgB,GAApB;AADM,C","sourcesContent":["import defaultsDeep from 'lodash/fp/defaultsDeep';\nimport {\n actionButtonProps,\n deleteButtonProps\n} from '../../../../atom/button-menu/test/fixtures/default';\nimport {disabledButtonProps} from '../../../../atom/button-menu/test/fixtures/multiple-buttons';\nimport Default from './default';\n\nconst {props} = Default;\n\nexport default {\n props: defaultsDeep(props, {\n buttons: [actionButtonProps, disabledButtonProps, deleteButtonProps]\n })\n};\n"],"file":"multiple-buttons.js"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _ava = _interopRequireDefault(require("ava"));
|
|
4
|
+
|
|
5
|
+
var _forEach = _interopRequireDefault(require("lodash/forEach"));
|
|
6
|
+
|
|
7
|
+
var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
|
|
8
|
+
|
|
9
|
+
var _ = _interopRequireDefault(require(".."));
|
|
10
|
+
|
|
11
|
+
var _default = _interopRequireDefault(require("./fixtures/default"));
|
|
12
|
+
|
|
13
|
+
var _multipleButtons = _interopRequireDefault(require("./fixtures/multiple-buttons"));
|
|
14
|
+
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
+
|
|
17
|
+
(0, _ava.default)('Molecule › MoleculeBulletPointMenuButton > should have valid propTypes', t => {
|
|
18
|
+
t.pass();
|
|
19
|
+
(0, _forEach.default)(_.default.propTypes, (value, key) => {
|
|
20
|
+
t.not(value, undefined, `PropType for "Molecule.MoleculeBulletPointMenuButton.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
|
|
21
|
+
});
|
|
22
|
+
});
|
|
23
|
+
(0, _ava.default)('Molecule › MoleculeBulletPointMenuButton › Default › should be rendered', _renderComponent.default, _.default, _default.default);
|
|
24
|
+
(0, _ava.default)('Molecule › MoleculeBulletPointMenuButton › MultipleButtons › should be rendered', _renderComponent.default, _.default, _multipleButtons.default);
|
|
25
|
+
//# sourceMappingURL=fixtures.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/molecule/bullet-point-menu-button/test/fixtures.js"],"names":["t","pass","MoleculeBulletPointMenuButton","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureMultipleButtons"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,wEAAL,EAA+EA,CAAC,IAAI;AAClFA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAA8BC,SAAtC,EAAiD,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/DL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kEAAiEF,GAAI,mEAA9F;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,yEAAL,EAAgFG,wBAAhF,EAAsGN,SAAtG,EAAqIO,gBAArI;AACA,kBAAK,iFAAL,EAAwFD,wBAAxF,EAA8GN,SAA9G,EAA6IQ,wBAA7I","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeBulletPointMenuButton from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureMultipleButtons from './fixtures/multiple-buttons';\n\ntest('Molecule › MoleculeBulletPointMenuButton > should have valid propTypes', t => {\n t.pass();\n forEach(MoleculeBulletPointMenuButton.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Molecule.MoleculeBulletPointMenuButton.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Molecule › MoleculeBulletPointMenuButton › Default › should be rendered', renderComponentMacro, MoleculeBulletPointMenuButton, fixtureDefault);\ntest('Molecule › MoleculeBulletPointMenuButton › MultipleButtons › should be rendered', renderComponentMacro, MoleculeBulletPointMenuButton, fixtureMultipleButtons);\n"],"file":"fixtures.js"}
|
|
@@ -45,11 +45,14 @@ const buildTab = (tab, index) => {
|
|
|
45
45
|
|
|
46
46
|
const VerticalTabs = props => {
|
|
47
47
|
const {
|
|
48
|
-
tabs
|
|
48
|
+
tabs,
|
|
49
|
+
className,
|
|
50
|
+
'aria-label': ariaLabel
|
|
49
51
|
} = props;
|
|
50
52
|
const tabsList = tabs.map(buildTab);
|
|
51
53
|
return /*#__PURE__*/_react.default.createElement("ul", {
|
|
52
|
-
className: _style.default.wrapper
|
|
54
|
+
className: (0, _classnames.default)([_style.default.wrapper, className]),
|
|
55
|
+
title: ariaLabel
|
|
53
56
|
}, tabsList);
|
|
54
57
|
};
|
|
55
58
|
|
|
@@ -59,7 +62,9 @@ VerticalTabs.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
59
62
|
selected: _propTypes.default.bool,
|
|
60
63
|
leftIcon: _propTypes.default.string,
|
|
61
64
|
onClick: _propTypes.default.func
|
|
62
|
-
}))
|
|
65
|
+
})),
|
|
66
|
+
className: _propTypes.default.string,
|
|
67
|
+
'aria-label': _propTypes.default.string
|
|
63
68
|
} : {};
|
|
64
69
|
var _default = VerticalTabs;
|
|
65
70
|
exports.default = _default;
|