@coorpacademy/components 11.13.3 → 11.13.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (157) hide show
  1. package/es/atom/avatar/style.css +1 -1
  2. package/es/atom/button-link/index.d.ts +23 -24
  3. package/es/atom/button-link/index.d.ts.map +1 -1
  4. package/es/atom/button-link/index.js +10 -30
  5. package/es/atom/button-link/index.js.map +1 -1
  6. package/es/atom/button-link/style.css +10 -1
  7. package/es/atom/button-link/types.d.ts +50 -0
  8. package/es/atom/button-link/types.d.ts.map +1 -0
  9. package/es/atom/button-link/types.js +25 -0
  10. package/es/atom/button-link/types.js.map +1 -0
  11. package/es/atom/button-link-icon-only/style.css +16 -1
  12. package/es/atom/button-menu/index.d.ts +14 -13
  13. package/es/atom/button-menu/index.d.ts.map +1 -1
  14. package/es/atom/button-menu/index.js +5 -13
  15. package/es/atom/button-menu/index.js.map +1 -1
  16. package/es/atom/button-menu/types.d.ts +35 -0
  17. package/es/atom/button-menu/types.d.ts.map +1 -0
  18. package/es/atom/button-menu/types.js +14 -0
  19. package/es/atom/button-menu/types.js.map +1 -0
  20. package/es/atom/difficulty-level/style.css +1 -1
  21. package/es/atom/link/index.d.ts +1 -0
  22. package/es/atom/link/index.js +1 -0
  23. package/es/atom/link/index.js.map +1 -1
  24. package/es/atom/status-item/style.css +3 -0
  25. package/es/molecule/brand-form-group/index.d.ts +0 -2
  26. package/es/molecule/bullet-point-menu-button/index.d.ts +20 -17
  27. package/es/molecule/bullet-point-menu-button/index.d.ts.map +1 -1
  28. package/es/molecule/bullet-point-menu-button/index.js +9 -11
  29. package/es/molecule/bullet-point-menu-button/index.js.map +1 -1
  30. package/es/molecule/bullet-point-menu-button/style.css +20 -0
  31. package/es/molecule/bullet-point-menu-button/types.d.ts +31 -0
  32. package/es/molecule/bullet-point-menu-button/types.d.ts.map +1 -0
  33. package/es/molecule/bullet-point-menu-button/types.js +13 -0
  34. package/es/molecule/bullet-point-menu-button/types.js.map +1 -0
  35. package/es/molecule/empty-state-dashboard/index.d.ts +1 -1
  36. package/es/molecule/empty-state-dashboard/index.d.ts.map +1 -1
  37. package/es/molecule/empty-state-dashboard/index.js +2 -2
  38. package/es/molecule/empty-state-dashboard/index.js.map +1 -1
  39. package/es/molecule/empty-state-dashboard/types.d.ts +8 -0
  40. package/es/molecule/empty-state-dashboard/types.d.ts.map +1 -1
  41. package/es/molecule/empty-state-dashboard/types.js.map +1 -1
  42. package/es/molecule/expandible-actionable-table/index.d.ts +103 -0
  43. package/es/molecule/expandible-actionable-table/index.d.ts.map +1 -0
  44. package/es/molecule/expandible-actionable-table/index.js +193 -0
  45. package/es/molecule/expandible-actionable-table/index.js.map +1 -0
  46. package/es/molecule/expandible-actionable-table/style.css +134 -0
  47. package/es/molecule/expandible-actionable-table/types.d.ts +116 -0
  48. package/es/molecule/expandible-actionable-table/types.d.ts.map +1 -0
  49. package/es/molecule/expandible-actionable-table/types.js +33 -0
  50. package/es/molecule/expandible-actionable-table/types.js.map +1 -0
  51. package/es/molecule/uploading-file-progress/index.d.ts +1 -1
  52. package/es/molecule/uploading-file-progress/index.d.ts.map +1 -1
  53. package/es/molecule/uploading-file-progress/index.js.map +1 -1
  54. package/es/molecule/uploading-file-progress/types.d.ts +10 -1
  55. package/es/molecule/uploading-file-progress/types.d.ts.map +1 -1
  56. package/es/molecule/uploading-file-progress/types.js.map +1 -1
  57. package/es/organism/brand-form/index.d.ts +0 -2
  58. package/es/organism/list-items/index.d.ts +109 -6
  59. package/es/organism/list-items/index.d.ts.map +1 -1
  60. package/es/organism/list-items/index.js +44 -15
  61. package/es/organism/list-items/index.js.map +1 -1
  62. package/es/organism/setup-header/index.d.ts +0 -8
  63. package/es/organism/wizard-contents/index.d.ts +71 -2
  64. package/es/organism/wizard-contents/index.d.ts.map +1 -1
  65. package/es/organism/wizard-contents/index.js +6 -0
  66. package/es/organism/wizard-contents/index.js.map +1 -1
  67. package/es/template/back-office/brand-create/index.d.ts +0 -8
  68. package/es/template/back-office/brand-create/index.d.ts.map +1 -1
  69. package/es/template/back-office/brand-list/index.d.ts +0 -8
  70. package/es/template/back-office/brand-list/index.d.ts.map +1 -1
  71. package/es/template/back-office/brand-update/index.d.ts +288 -802
  72. package/es/template/back-office/brand-update/index.d.ts.map +1 -1
  73. package/es/template/back-office/brand-update/index.js +14 -2
  74. package/es/template/back-office/brand-update/index.js.map +1 -1
  75. package/es/template/back-office/dashboard-preview/index.d.ts +0 -8
  76. package/es/template/back-office/layout/index.d.ts +0 -8
  77. package/es/template/back-office/layout/index.d.ts.map +1 -1
  78. package/lib/atom/avatar/style.css +1 -1
  79. package/lib/atom/button-link/index.d.ts +23 -24
  80. package/lib/atom/button-link/index.d.ts.map +1 -1
  81. package/lib/atom/button-link/index.js +10 -32
  82. package/lib/atom/button-link/index.js.map +1 -1
  83. package/lib/atom/button-link/style.css +10 -1
  84. package/lib/atom/button-link/types.d.ts +50 -0
  85. package/lib/atom/button-link/types.d.ts.map +1 -0
  86. package/lib/atom/button-link/types.js +36 -0
  87. package/lib/atom/button-link/types.js.map +1 -0
  88. package/lib/atom/button-link-icon-only/style.css +16 -1
  89. package/lib/atom/button-menu/index.d.ts +14 -13
  90. package/lib/atom/button-menu/index.d.ts.map +1 -1
  91. package/lib/atom/button-menu/index.js +6 -14
  92. package/lib/atom/button-menu/index.js.map +1 -1
  93. package/lib/atom/button-menu/types.d.ts +35 -0
  94. package/lib/atom/button-menu/types.d.ts.map +1 -0
  95. package/lib/atom/button-menu/types.js +24 -0
  96. package/lib/atom/button-menu/types.js.map +1 -0
  97. package/lib/atom/difficulty-level/style.css +1 -1
  98. package/lib/atom/link/index.d.ts +1 -0
  99. package/lib/atom/link/index.js +1 -0
  100. package/lib/atom/link/index.js.map +1 -1
  101. package/lib/atom/status-item/style.css +3 -0
  102. package/lib/molecule/brand-form-group/index.d.ts +0 -2
  103. package/lib/molecule/bullet-point-menu-button/index.d.ts +20 -17
  104. package/lib/molecule/bullet-point-menu-button/index.d.ts.map +1 -1
  105. package/lib/molecule/bullet-point-menu-button/index.js +10 -11
  106. package/lib/molecule/bullet-point-menu-button/index.js.map +1 -1
  107. package/lib/molecule/bullet-point-menu-button/style.css +20 -0
  108. package/lib/molecule/bullet-point-menu-button/types.d.ts +31 -0
  109. package/lib/molecule/bullet-point-menu-button/types.d.ts.map +1 -0
  110. package/lib/molecule/bullet-point-menu-button/types.js +23 -0
  111. package/lib/molecule/bullet-point-menu-button/types.js.map +1 -0
  112. package/lib/molecule/empty-state-dashboard/index.d.ts +1 -1
  113. package/lib/molecule/empty-state-dashboard/index.d.ts.map +1 -1
  114. package/lib/molecule/empty-state-dashboard/index.js +2 -2
  115. package/lib/molecule/empty-state-dashboard/index.js.map +1 -1
  116. package/lib/molecule/empty-state-dashboard/types.d.ts +8 -0
  117. package/lib/molecule/empty-state-dashboard/types.d.ts.map +1 -1
  118. package/lib/molecule/empty-state-dashboard/types.js.map +1 -1
  119. package/lib/molecule/expandible-actionable-table/index.d.ts +103 -0
  120. package/lib/molecule/expandible-actionable-table/index.d.ts.map +1 -0
  121. package/lib/molecule/expandible-actionable-table/index.js +215 -0
  122. package/lib/molecule/expandible-actionable-table/index.js.map +1 -0
  123. package/lib/molecule/expandible-actionable-table/style.css +134 -0
  124. package/lib/molecule/expandible-actionable-table/types.d.ts +116 -0
  125. package/lib/molecule/expandible-actionable-table/types.d.ts.map +1 -0
  126. package/lib/molecule/expandible-actionable-table/types.js +47 -0
  127. package/lib/molecule/expandible-actionable-table/types.js.map +1 -0
  128. package/lib/molecule/uploading-file-progress/index.d.ts +1 -1
  129. package/lib/molecule/uploading-file-progress/index.d.ts.map +1 -1
  130. package/lib/molecule/uploading-file-progress/index.js.map +1 -1
  131. package/lib/molecule/uploading-file-progress/types.d.ts +10 -1
  132. package/lib/molecule/uploading-file-progress/types.d.ts.map +1 -1
  133. package/lib/molecule/uploading-file-progress/types.js.map +1 -1
  134. package/lib/organism/brand-form/index.d.ts +0 -2
  135. package/lib/organism/list-items/index.d.ts +109 -6
  136. package/lib/organism/list-items/index.d.ts.map +1 -1
  137. package/lib/organism/list-items/index.js +45 -15
  138. package/lib/organism/list-items/index.js.map +1 -1
  139. package/lib/organism/setup-header/index.d.ts +0 -8
  140. package/lib/organism/wizard-contents/index.d.ts +71 -2
  141. package/lib/organism/wizard-contents/index.d.ts.map +1 -1
  142. package/lib/organism/wizard-contents/index.js +7 -0
  143. package/lib/organism/wizard-contents/index.js.map +1 -1
  144. package/lib/template/back-office/brand-create/index.d.ts +0 -8
  145. package/lib/template/back-office/brand-create/index.d.ts.map +1 -1
  146. package/lib/template/back-office/brand-list/index.d.ts +0 -8
  147. package/lib/template/back-office/brand-list/index.d.ts.map +1 -1
  148. package/lib/template/back-office/brand-update/index.d.ts +288 -802
  149. package/lib/template/back-office/brand-update/index.d.ts.map +1 -1
  150. package/lib/template/back-office/brand-update/index.js +15 -2
  151. package/lib/template/back-office/brand-update/index.js.map +1 -1
  152. package/lib/template/back-office/dashboard-preview/index.d.ts +0 -8
  153. package/lib/template/back-office/layout/index.d.ts +0 -8
  154. package/lib/template/back-office/layout/index.d.ts.map +1 -1
  155. package/locales/.mtslconfig.json +1 -0
  156. package/locales/en/global.json +2 -1
  157. package/package.json +3 -3
@@ -1,16 +1,17 @@
1
- export default ButtonMenu;
2
- declare function ButtonMenu(props: any): JSX.Element;
3
- declare namespace ButtonMenu {
4
- const propTypes: {
5
- buttons: PropTypes.Validator<(PropTypes.InferProps<{
6
- 'data-name': PropTypes.Requireable<string>;
7
- disabled: PropTypes.Requireable<boolean>;
8
- label: PropTypes.Validator<string>;
9
- onClick: PropTypes.Validator<(...args: any[]) => any>;
10
- type: PropTypes.Requireable<string>;
1
+ /// <reference types="react" />
2
+ import { ButtonMenuProps } from './types';
3
+ declare const ButtonMenu: {
4
+ (props: ButtonMenuProps): JSX.Element;
5
+ propTypes: {
6
+ buttons: import("prop-types").Validator<(import("prop-types").InferProps<{
7
+ 'data-name': import("prop-types").Requireable<string>;
8
+ disabled: import("prop-types").Requireable<boolean>;
9
+ label: import("prop-types").Validator<string>;
10
+ onClick: import("prop-types").Validator<(...args: any[]) => any>;
11
+ type: import("prop-types").Requireable<string>;
11
12
  }> | null | undefined)[]>;
12
- 'data-name': PropTypes.Requireable<string>;
13
+ 'data-name': import("prop-types").Requireable<string>;
13
14
  };
14
- }
15
- import PropTypes from "prop-types";
15
+ };
16
+ export default ButtonMenu;
16
17
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/index.js"],"names":[],"mappings":";AAwCA,qDAYC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/index.tsx"],"names":[],"mappings":";AAIA,OAAkB,EAAC,eAAe,EAA+B,MAAM,SAAS,CAAC;AA8BjF,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;CAazC,CAAC;AAIF,eAAe,UAAU,CAAC"}
@@ -5,14 +5,14 @@ exports.default = void 0;
5
5
 
6
6
  var _react = _interopRequireWildcard(require("react"));
7
7
 
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
-
10
8
  var _map = _interopRequireDefault(require("lodash/fp/map"));
11
9
 
12
10
  var _classnames = _interopRequireDefault(require("classnames"));
13
11
 
14
12
  var _style = _interopRequireDefault(require("./style.css"));
15
13
 
14
+ var _types = _interopRequireWildcard(require("./types"));
15
+
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
17
 
18
18
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -45,13 +45,7 @@ const Button = props => {
45
45
  }, label)));
46
46
  };
47
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
- } : {};
48
+ Button.propTypes = process.env.NODE_ENV !== "production" ? _types.buttonPropTypes : {};
55
49
 
56
50
  const ButtonMenu = props => {
57
51
  const {
@@ -63,7 +57,8 @@ const ButtonMenu = props => {
63
57
  key: button.label + index
64
58
  }));
65
59
  }, []);
66
- const buttonList = (0, _react.useMemo)(() => _map.default.convert({
60
+ const buttonList = (0, _react.useMemo)( // @ts-expect-error (to avoid using map as any)
61
+ () => _map.default.convert({
67
62
  cap: false
68
63
  })(buildButton, buttons), [buttons, buildButton]);
69
64
  return /*#__PURE__*/_react.default.createElement("div", {
@@ -71,10 +66,7 @@ const ButtonMenu = props => {
71
66
  }, buttonList);
72
67
  };
73
68
 
74
- ButtonMenu.propTypes = process.env.NODE_ENV !== "production" ? {
75
- buttons: _propTypes.default.arrayOf(_propTypes.default.shape(Button.propTypes)).isRequired,
76
- 'data-name': _propTypes.default.string
77
- } : {};
69
+ ButtonMenu.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
78
70
  var _default = ButtonMenu;
79
71
  exports.default = _default;
80
72
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["Button","props","dataName","disabled","label","onClick","type","styleButton","classnames","style","button","default","dangerous","handleOnClick","useCallback","buttonContent","propTypes","PropTypes","string","bool","isRequired","func","oneOf","ButtonMenu","buttons","buildButton","index","buttonList","useMemo","map","convert","cap","arrayOf","shape"],"sources":["../../../src/atom/button-menu/index.js"],"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 = useCallback((button, index) => {\n return <Button {...button} key={button.label + index} />;\n }, []);\n\n const buttonList = useMemo(\n () => map.convert({cap: false})(buildButton, buttons),\n [buttons, buildButton]\n );\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"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IAAC,aAAaC,QAAd;IAAwBC,QAAxB;IAAkCC,KAAlC;IAAyCC,OAAzC;IAAkDC,IAAI,GAAG;EAAzD,IAAsEL,KAA5E;EACA,MAAMM,WAAW,GAAG,IAAAC,mBAAA,EAClBC,cAAA,CAAMC,MADY,EAElBJ,IAAI,KAAK,SAAT,IAAsBG,cAAA,CAAME,OAFV,EAGlBL,IAAI,KAAK,WAAT,IAAwBG,cAAA,CAAMG,SAHZ,EAIlBT,QAAQ,IAAIM,cAAA,CAAMN,QAJA,CAApB;EAOA,MAAMU,aAAa,GAAG,IAAAC,kBAAA,EAAY,MAAMT,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;EACA,oBACE;IACE,IAAI,EAAC,QADP;IAEE,cAAYD,KAFd;IAGE,KAAK,EAAEA,KAHT;IAIE,aAAWF,QAJb;IAKE,SAAS,EAAEK,WALb;IAME,OAAO,EAAEM;EANX,gBAQE;IAAK,SAAS,EAAEJ,cAAA,CAAMM;EAAtB,gBACE;IAAM,SAAS,EAAEN,cAAA,CAAML;EAAvB,GAA+BA,KAA/B,CADF,CARF,CADF;AAcD,CAxBD;;AA0BAJ,MAAM,CAACgB,SAAP,2CAAmB;EACjB,aAAaC,kBAAA,CAAUC,MADN;EAEjBf,QAAQ,EAAEc,kBAAA,CAAUE,IAFH;EAGjBf,KAAK,EAAEa,kBAAA,CAAUC,MAAV,CAAiBE,UAHP;EAIjBf,OAAO,EAAEY,kBAAA,CAAUI,IAAV,CAAeD,UAJP;EAKjBd,IAAI,EAAEW,kBAAA,CAAUK,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,CAAhB;AALW,CAAnB;;AAQA,MAAMC,UAAU,GAAGtB,KAAK,IAAI;EAC1B,MAAM;IAACuB,OAAD;IAAU,aAAatB;EAAvB,IAAmCD,KAAzC;EACA,MAAMwB,WAAW,GAAG,IAAAX,kBAAA,EAAY,CAACJ,MAAD,EAASgB,KAAT,KAAmB;IACjD,oBAAO,6BAAC,MAAD,eAAYhB,MAAZ;MAAoB,GAAG,EAAEA,MAAM,CAACN,KAAP,GAAesB;IAAxC,GAAP;EACD,CAFmB,EAEjB,EAFiB,CAApB;EAIA,MAAMC,UAAU,GAAG,IAAAC,cAAA,EACjB,MAAMC,YAAA,CAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0BN,WAA1B,EAAuCD,OAAvC,CADW,EAEjB,CAACA,OAAD,EAAUC,WAAV,CAFiB,CAAnB;EAKA,oBAAO;IAAK,aAAWvB;EAAhB,GAA2ByB,UAA3B,CAAP;AACD,CAZD;;AAcAJ,UAAU,CAACP,SAAX,2CAAuB;EACrBQ,OAAO,EAAEP,kBAAA,CAAUe,OAAV,CAAkBf,kBAAA,CAAUgB,KAAV,CAAgBjC,MAAM,CAACgB,SAAvB,CAAlB,EAAqDI,UADzC;EAErB,aAAaH,kBAAA,CAAUC;AAFF,CAAvB;eAKeK,U"}
1
+ {"version":3,"file":"index.js","names":["Button","props","dataName","disabled","label","onClick","type","styleButton","classnames","style","button","default","dangerous","handleOnClick","useCallback","buttonContent","propTypes","buttonPropTypes","ButtonMenu","buttons","buildButton","index","buttonList","useMemo","map","convert","cap"],"sources":["../../../src/atom/button-menu/index.tsx"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport style from './style.css';\nimport propTypes, {ButtonMenuProps, ButtonProps, buttonPropTypes} from './types';\n\nconst Button = (props: ButtonProps) => {\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 = buttonPropTypes;\n\nconst ButtonMenu = (props: ButtonMenuProps) => {\n const {buttons, 'data-name': dataName} = props;\n const buildButton = useCallback((button, index) => {\n return <Button {...button} key={button.label + index} />;\n }, []);\n\n const buttonList = useMemo(\n // @ts-expect-error (to avoid using map as any)\n () => map.convert({cap: false})(buildButton, buttons),\n [buttons, buildButton]\n );\n\n return <div data-name={dataName}>{buttonList}</div>;\n};\n\nButtonMenu.propTypes = propTypes;\n\nexport default ButtonMenu;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,MAAM,GAAIC,KAAD,IAAwB;EACrC,MAAM;IAAC,aAAaC,QAAd;IAAwBC,QAAxB;IAAkCC,KAAlC;IAAyCC,OAAzC;IAAkDC,IAAI,GAAG;EAAzD,IAAsEL,KAA5E;EACA,MAAMM,WAAW,GAAG,IAAAC,mBAAA,EAClBC,cAAA,CAAMC,MADY,EAElBJ,IAAI,KAAK,SAAT,IAAsBG,cAAA,CAAME,OAFV,EAGlBL,IAAI,KAAK,WAAT,IAAwBG,cAAA,CAAMG,SAHZ,EAIlBT,QAAQ,IAAIM,cAAA,CAAMN,QAJA,CAApB;EAOA,MAAMU,aAAa,GAAG,IAAAC,kBAAA,EAAY,MAAMT,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;EACA,oBACE;IACE,IAAI,EAAC,QADP;IAEE,cAAYD,KAFd;IAGE,KAAK,EAAEA,KAHT;IAIE,aAAWF,QAJb;IAKE,SAAS,EAAEK,WALb;IAME,OAAO,EAAEM;EANX,gBAQE;IAAK,SAAS,EAAEJ,cAAA,CAAMM;EAAtB,gBACE;IAAM,SAAS,EAAEN,cAAA,CAAML;EAAvB,GAA+BA,KAA/B,CADF,CARF,CADF;AAcD,CAxBD;;AA0BAJ,MAAM,CAACgB,SAAP,2CAAmBC,sBAAnB;;AAEA,MAAMC,UAAU,GAAIjB,KAAD,IAA4B;EAC7C,MAAM;IAACkB,OAAD;IAAU,aAAajB;EAAvB,IAAmCD,KAAzC;EACA,MAAMmB,WAAW,GAAG,IAAAN,kBAAA,EAAY,CAACJ,MAAD,EAASW,KAAT,KAAmB;IACjD,oBAAO,6BAAC,MAAD,eAAYX,MAAZ;MAAoB,GAAG,EAAEA,MAAM,CAACN,KAAP,GAAeiB;IAAxC,GAAP;EACD,CAFmB,EAEjB,EAFiB,CAApB;EAIA,MAAMC,UAAU,GAAG,IAAAC,cAAA,GACjB;EACA,MAAMC,YAAA,CAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0BN,WAA1B,EAAuCD,OAAvC,CAFW,EAGjB,CAACA,OAAD,EAAUC,WAAV,CAHiB,CAAnB;EAMA,oBAAO;IAAK,aAAWlB;EAAhB,GAA2BoB,UAA3B,CAAP;AACD,CAbD;;AAeAJ,UAAU,CAACF,SAAX,2CAAuBA,cAAvB;eAEeE,U"}
@@ -0,0 +1,35 @@
1
+ import PropTypes from 'prop-types';
2
+ export declare const buttonPropTypes: {
3
+ 'data-name': PropTypes.Requireable<string>;
4
+ disabled: PropTypes.Requireable<boolean>;
5
+ label: PropTypes.Validator<string>;
6
+ onClick: PropTypes.Validator<(...args: any[]) => any>;
7
+ type: PropTypes.Requireable<string>;
8
+ };
9
+ declare const propTypes: {
10
+ buttons: PropTypes.Validator<(PropTypes.InferProps<{
11
+ 'data-name': PropTypes.Requireable<string>;
12
+ disabled: PropTypes.Requireable<boolean>;
13
+ label: PropTypes.Validator<string>;
14
+ onClick: PropTypes.Validator<(...args: any[]) => any>;
15
+ type: PropTypes.Requireable<string>;
16
+ }> | null | undefined)[]>;
17
+ 'data-name': PropTypes.Requireable<string>;
18
+ };
19
+ export default propTypes;
20
+ export declare type ButtonProps = {
21
+ 'data-name'?: string;
22
+ disabled?: boolean;
23
+ label: string;
24
+ onClick: () => void;
25
+ type?: 'default' | 'dangerous';
26
+ };
27
+ export declare type ButtonMenuProps = {
28
+ buttons: ButtonProps[];
29
+ 'data-name'?: string;
30
+ 'aria-label'?: string;
31
+ };
32
+ export declare type ButtonMenuPropsFixture = {
33
+ props: ButtonMenuProps;
34
+ };
35
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;CAGd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,WAAW,GAAG;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CAChC,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC"}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = exports.buttonPropTypes = void 0;
5
+
6
+ var _propTypes = _interopRequireDefault(require("prop-types"));
7
+
8
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
+
10
+ const buttonPropTypes = {
11
+ 'data-name': _propTypes.default.string,
12
+ disabled: _propTypes.default.bool,
13
+ label: _propTypes.default.string.isRequired,
14
+ onClick: _propTypes.default.func.isRequired,
15
+ type: _propTypes.default.oneOf(['default', 'dangerous'])
16
+ };
17
+ exports.buttonPropTypes = buttonPropTypes;
18
+ const propTypes = {
19
+ buttons: _propTypes.default.arrayOf(_propTypes.default.shape(buttonPropTypes)).isRequired,
20
+ 'data-name': _propTypes.default.string
21
+ };
22
+ var _default = propTypes;
23
+ exports.default = _default;
24
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","names":["buttonPropTypes","PropTypes","string","disabled","bool","label","isRequired","onClick","func","type","oneOf","propTypes","buttons","arrayOf","shape"],"sources":["../../../src/atom/button-menu/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const buttonPropTypes = {\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 propTypes = {\n buttons: PropTypes.arrayOf(PropTypes.shape(buttonPropTypes)).isRequired,\n 'data-name': PropTypes.string\n};\n\nexport default propTypes;\n\nexport type ButtonProps = {\n 'data-name'?: string;\n disabled?: boolean;\n label: string;\n onClick: () => void;\n type?: 'default' | 'dangerous';\n};\n\nexport type ButtonMenuProps = {\n buttons: ButtonProps[];\n 'data-name'?: string;\n 'aria-label'?: string;\n};\n\nexport type ButtonMenuPropsFixture = {props: ButtonMenuProps};\n"],"mappings":";;;;;AAAA;;;;AAEO,MAAMA,eAAe,GAAG;EAC7B,aAAaC,kBAAA,CAAUC,MADM;EAE7BC,QAAQ,EAAEF,kBAAA,CAAUG,IAFS;EAG7BC,KAAK,EAAEJ,kBAAA,CAAUC,MAAV,CAAiBI,UAHK;EAI7BC,OAAO,EAAEN,kBAAA,CAAUO,IAAV,CAAeF,UAJK;EAK7BG,IAAI,EAAER,kBAAA,CAAUS,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,CAAhB;AALuB,CAAxB;;AAQP,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEX,kBAAA,CAAUY,OAAV,CAAkBZ,kBAAA,CAAUa,KAAV,CAAgBd,eAAhB,CAAlB,EAAoDM,UAD7C;EAEhB,aAAaL,kBAAA,CAAUC;AAFP,CAAlB;eAKeS,S"}
@@ -8,7 +8,7 @@
8
8
  .icon {
9
9
  width: 18px;
10
10
  height: 15px;
11
- color: "#fff";
11
+ color: white;
12
12
  }
13
13
 
14
14
  .text {
@@ -7,6 +7,7 @@ declare namespace Link {
7
7
  href: PropTypes.Requireable<string>;
8
8
  'data-name': PropTypes.Requireable<string>;
9
9
  'aria-label': PropTypes.Requireable<string>;
10
+ title: PropTypes.Requireable<string>;
10
11
  target: PropTypes.Requireable<string>;
11
12
  skinHover: PropTypes.Requireable<boolean>;
12
13
  hoverColor: PropTypes.Requireable<string>;
@@ -101,6 +101,7 @@ Link.propTypes = process.env.NODE_ENV !== "production" ? {
101
101
  href: _propTypes.default.string,
102
102
  'data-name': _propTypes.default.string,
103
103
  'aria-label': _propTypes.default.string,
104
+ title: _propTypes.default.string,
104
105
  target: _propTypes.default.oneOf(['_self', '_blank', '_parent', '_top']),
105
106
  skinHover: _propTypes.default.bool,
106
107
  hoverColor: _propTypes.default.string,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["Link","props","legacyContext","skin","GetSkinFromContext","hovered","setHovered","useState","history","createHref","skinHover","hoverColor","dataName","ariaLabel","linKElementProps","href","onClick","className","style","propsStyle","children","onMouseLeave","onMouseEnter","download","handleMouseEnter","useCallback","handleMouseLeave","navigate","useMemo","pushToHistory","handleOnClick","e","_style","pointerEvents","_hoverStyle","color","undefined","propTypes","PropTypes","node","string","target","oneOf","bool","func","shape","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, getOr, noop} from 'lodash/fp';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n const skin = GetSkinFromContext(legacyContext);\n const [hovered, setHovered] = useState(false);\n const {history: {createHref = identity} = {}} = legacyContext;\n const {\n skinHover,\n hoverColor = getOr('#00B0FF', 'common.primary', skin),\n 'data-name': dataName = 'link',\n 'aria-label': ariaLabel,\n ...linKElementProps\n } = props;\n const {\n href,\n onClick = noop,\n className,\n style: propsStyle,\n children,\n onMouseLeave = noop,\n onMouseEnter = noop,\n download\n } = props;\n\n const handleMouseEnter = useCallback(() => {\n setHovered(true);\n\n onMouseEnter();\n }, [onMouseEnter]);\n\n const handleMouseLeave = useCallback(() => {\n setHovered(false);\n\n onMouseLeave();\n }, [onMouseLeave]);\n\n const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n const handleOnClick = useCallback(\n e => {\n onClick(e);\n\n if (!download) {\n navigate(e);\n }\n },\n [download, navigate, onClick]\n );\n\n const _style =\n href || onClick\n ? null\n : {\n pointerEvents: 'none'\n };\n const _hoverStyle =\n skinHover && hovered\n ? {\n color: hoverColor\n }\n : null;\n\n return (\n <a\n {...linKElementProps}\n data-name={dataName}\n aria-label={ariaLabel}\n href={href ? createHref(href) : undefined}\n onClick={handleOnClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n className={className}\n style={{\n ...propsStyle,\n ..._style,\n ..._hoverStyle\n }}\n >\n {children}\n </a>\n );\n};\n\nLink.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n href: PropTypes.string,\n 'data-name': PropTypes.string,\n 'aria-label': PropTypes.string,\n target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n skinHover: PropTypes.bool,\n hoverColor: PropTypes.string,\n download: PropTypes.bool,\n onClick: PropTypes.func,\n onMouseEnter: PropTypes.func,\n onMouseLeave: PropTypes.func,\n style: PropTypes.shape({})\n};\n\nLink.contextTypes = {\n skin: Provider.childContextTypes.skin,\n history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["Link","props","legacyContext","skin","GetSkinFromContext","hovered","setHovered","useState","history","createHref","skinHover","hoverColor","dataName","ariaLabel","linKElementProps","href","onClick","className","style","propsStyle","children","onMouseLeave","onMouseEnter","download","handleMouseEnter","useCallback","handleMouseLeave","navigate","useMemo","pushToHistory","handleOnClick","e","_style","pointerEvents","_hoverStyle","color","undefined","propTypes","PropTypes","node","string","title","target","oneOf","bool","func","shape","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, getOr, noop} from 'lodash/fp';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n const skin = GetSkinFromContext(legacyContext);\n const [hovered, setHovered] = useState(false);\n const {history: {createHref = identity} = {}} = legacyContext;\n const {\n skinHover,\n hoverColor = getOr('#00B0FF', 'common.primary', skin),\n 'data-name': dataName = 'link',\n 'aria-label': ariaLabel,\n ...linKElementProps\n } = props;\n const {\n href,\n onClick = noop,\n className,\n style: propsStyle,\n children,\n onMouseLeave = noop,\n onMouseEnter = noop,\n download\n } = props;\n\n const handleMouseEnter = useCallback(() => {\n setHovered(true);\n\n onMouseEnter();\n }, [onMouseEnter]);\n\n const handleMouseLeave = useCallback(() => {\n setHovered(false);\n\n onMouseLeave();\n }, [onMouseLeave]);\n\n const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n const handleOnClick = useCallback(\n e => {\n onClick(e);\n\n if (!download) {\n navigate(e);\n }\n },\n [download, navigate, onClick]\n );\n\n const _style =\n href || onClick\n ? null\n : {\n pointerEvents: 'none'\n };\n const _hoverStyle =\n skinHover && hovered\n ? {\n color: hoverColor\n }\n : null;\n\n return (\n <a\n {...linKElementProps}\n data-name={dataName}\n aria-label={ariaLabel}\n href={href ? createHref(href) : undefined}\n onClick={handleOnClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n className={className}\n style={{\n ...propsStyle,\n ..._style,\n ..._hoverStyle\n }}\n >\n {children}\n </a>\n );\n};\n\nLink.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n href: PropTypes.string,\n 'data-name': PropTypes.string,\n 'aria-label': PropTypes.string,\n title: PropTypes.string,\n target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n skinHover: PropTypes.bool,\n hoverColor: PropTypes.string,\n download: PropTypes.bool,\n onClick: PropTypes.func,\n onMouseEnter: PropTypes.func,\n onMouseLeave: PropTypes.func,\n style: PropTypes.shape({})\n};\n\nLink.contextTypes = {\n skin: Provider.childContextTypes.skin,\n history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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"}
@@ -74,6 +74,7 @@
74
74
  .valid {
75
75
  opacity: 1;
76
76
  width: 24px;
77
+ min-width: 24px;
77
78
  height: 24px;
78
79
  background-color: cm_green_secondary_100;
79
80
  }
@@ -88,6 +89,7 @@
88
89
  .invalid {
89
90
  opacity: 1;
90
91
  width: 24px;
92
+ min-width: 24px;
91
93
  height: 24px;
92
94
  background-color: cm_negative_50;
93
95
  }
@@ -102,6 +104,7 @@
102
104
  .errorsNumber {
103
105
  opacity: 1;
104
106
  width: 24px;
107
+ min-width: 24px;
105
108
  height: 24px;
106
109
  background-color: cm_pink_50;
107
110
  color: cm_negative_100;
@@ -419,7 +419,6 @@ declare namespace BrandFormGroup {
419
419
  type: PropTypes.Requireable<string>;
420
420
  }>>;
421
421
  onClick: PropTypes.Requireable<(...args: any[]) => any>;
422
- onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
423
422
  link: PropTypes.Requireable<PropTypes.InferProps<{
424
423
  href: PropTypes.Requireable<string>;
425
424
  download: PropTypes.Requireable<boolean>;
@@ -428,7 +427,6 @@ declare namespace BrandFormGroup {
428
427
  disabled: PropTypes.Requireable<boolean>;
429
428
  className: PropTypes.Requireable<string>;
430
429
  customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
431
- useTitle: PropTypes.Requireable<boolean>;
432
430
  }> | PropTypes.InferProps<{
433
431
  type: PropTypes.Requireable<string>;
434
432
  title: PropTypes.Requireable<string>;
@@ -1,19 +1,22 @@
1
- export default BulletPointMenuButton;
2
- declare function BulletPointMenuButton(props: any): JSX.Element;
3
- declare namespace BulletPointMenuButton {
4
- namespace propTypes {
5
- const disabled: PropTypes.Requireable<boolean>;
6
- const buttonAriaLabel: PropTypes.Requireable<string>;
7
- const menuAriaLabel: PropTypes.Requireable<string>;
8
- const buttons: PropTypes.Validator<(PropTypes.InferProps<{
9
- 'data-name': PropTypes.Requireable<string>;
10
- disabled: PropTypes.Requireable<boolean>;
11
- label: PropTypes.Validator<string>;
12
- onClick: PropTypes.Validator<(...args: any[]) => any>;
13
- type: PropTypes.Requireable<string>;
1
+ /// <reference types="react" />
2
+ import { BulletPointMenuButtonProps } from './types';
3
+ declare const BulletPointMenuButton: {
4
+ (props: BulletPointMenuButtonProps): JSX.Element;
5
+ propTypes: {
6
+ disabled: import("prop-types").Requireable<boolean>;
7
+ buttonAriaLabel: import("prop-types").Requireable<string>;
8
+ menuAriaLabel: import("prop-types").Requireable<string>;
9
+ buttons: import("prop-types").Validator<(import("prop-types").InferProps<{
10
+ 'data-name': import("prop-types").Requireable<string>;
11
+ disabled: import("prop-types").Requireable<boolean>;
12
+ label: import("prop-types").Validator<string>;
13
+ onClick: import("prop-types").Validator<(...args: any[]) => any>;
14
+ type: import("prop-types").Requireable<string>;
14
15
  }> | null | undefined)[]>;
15
- const onClick: PropTypes.Requireable<(...args: any[]) => any>;
16
- }
17
- }
18
- import PropTypes from "prop-types";
16
+ onClick: import("prop-types").Requireable<(...args: any[]) => any>;
17
+ menuButtonClassName: import("prop-types").Requireable<string>;
18
+ isBulkMenu: import("prop-types").Requireable<boolean>;
19
+ };
20
+ };
21
+ export default BulletPointMenuButton;
19
22
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.js"],"names":[],"mappings":";AAMA,gEA6BC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"names":[],"mappings":";AAIA,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAG9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;CA0C/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}
@@ -5,12 +5,14 @@ exports.default = void 0;
5
5
 
6
6
  var _react = _interopRequireWildcard(require("react"));
7
7
 
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
8
+ var _classnames = _interopRequireDefault(require("classnames"));
9
9
 
10
10
  var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
11
11
 
12
12
  var _buttonMenu = _interopRequireDefault(require("../../atom/button-menu"));
13
13
 
14
+ var _types = _interopRequireDefault(require("./types"));
15
+
14
16
  var _style = _interopRequireDefault(require("./style.css"));
15
17
 
16
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -25,7 +27,9 @@ const BulletPointMenuButton = props => {
25
27
  buttonAriaLabel,
26
28
  menuAriaLabel,
27
29
  onClick,
28
- buttons
30
+ buttons,
31
+ menuButtonClassName,
32
+ isBulkMenu
29
33
  } = props;
30
34
  const handleOnClick = (0, _react.useCallback)(() => onClick(), [onClick]);
31
35
  const menuProps = {
@@ -34,7 +38,7 @@ const BulletPointMenuButton = props => {
34
38
  };
35
39
 
36
40
  const menu = /*#__PURE__*/_react.default.createElement("div", {
37
- className: _style.default.bulletPointMenu,
41
+ className: (0, _classnames.default)(_style.default.bulletPointMenu, isBulkMenu && _style.default.bulkBulletPointMenu),
38
42
  "data-name": "menu-wrapper",
39
43
  "aria-label": menuAriaLabel
40
44
  }, /*#__PURE__*/_react.default.createElement(_buttonMenu.default, menuProps));
@@ -45,7 +49,8 @@ const BulletPointMenuButton = props => {
45
49
  'data-name': 'bullet-point-button',
46
50
  icon: 'bullet-point',
47
51
  onClick: handleOnClick,
48
- disabled
52
+ disabled,
53
+ className: menuButtonClassName
49
54
  };
50
55
  return /*#__PURE__*/_react.default.createElement("div", {
51
56
  className: _style.default.bulletPointWrapper,
@@ -53,13 +58,7 @@ const BulletPointMenuButton = props => {
53
58
  }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, bulletPointButtonProps), menu);
54
59
  };
55
60
 
56
- BulletPointMenuButton.propTypes = process.env.NODE_ENV !== "production" ? {
57
- disabled: _propTypes.default.bool,
58
- buttonAriaLabel: _propTypes.default.string,
59
- menuAriaLabel: _propTypes.default.string,
60
- buttons: _buttonMenu.default.propTypes.buttons,
61
- onClick: _propTypes.default.func
62
- } : {};
61
+ BulletPointMenuButton.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
63
62
  var _default = BulletPointMenuButton;
64
63
  exports.default = _default;
65
64
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","handleOnClick","useCallback","menuProps","menu","style","bulletPointMenu","bulletPointButtonProps","size","icon","bulletPointWrapper","propTypes","PropTypes","bool","string","ButtonMenu","func"],"sources":["../../../src/molecule/bullet-point-menu-button/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\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 size: 'default',\n 'aria-label': buttonAriaLabel,\n 'data-name': 'bullet-point-button',\n icon: 'bullet-point',\n onClick: handleOnClick,\n disabled\n };\n\n return (\n <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n <ButtonLinkIconOnly {...bulletPointButtonProps} />\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"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,QAAQ,GAAG,KAAZ;IAAmBC,eAAnB;IAAoCC,aAApC;IAAmDC,OAAnD;IAA4DC;EAA5D,IAAuEL,KAA7E;EACA,MAAMM,aAAa,GAAG,IAAAC,kBAAA,EAAY,MAAMH,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;EAEA,MAAMI,SAAS,GAAG;IAChB,aAAa,aADG;IAEhBH;EAFgB,CAAlB;;EAKA,MAAMI,IAAI,gBACR;IAAK,SAAS,EAAEC,cAAA,CAAMC,eAAtB;IAAuC,aAAU,cAAjD;IAAgE,cAAYR;EAA5E,gBACE,6BAAC,mBAAD,EAAgBK,SAAhB,CADF,CADF;;EAKA,MAAMI,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SADuB;IAE7B,cAAcX,eAFe;IAG7B,aAAa,qBAHgB;IAI7BY,IAAI,EAAE,cAJuB;IAK7BV,OAAO,EAAEE,aALoB;IAM7BL;EAN6B,CAA/B;EASA,oBACE;IAAK,SAAS,EAAES,cAAA,CAAMK,kBAAtB;IAA0C,aAAU;EAApD,gBACE,6BAAC,2BAAD,EAAwBH,sBAAxB,CADF,EAEGH,IAFH,CADF;AAMD,CA7BD;;AA+BAV,qBAAqB,CAACiB,SAAtB,2CAAkC;EAChCf,QAAQ,EAAEgB,kBAAA,CAAUC,IADY;EAEhChB,eAAe,EAAEe,kBAAA,CAAUE,MAFK;EAGhChB,aAAa,EAAEc,kBAAA,CAAUE,MAHO;EAIhCd,OAAO,EAAEe,mBAAA,CAAWJ,SAAX,CAAqBX,OAJE;EAKhCD,OAAO,EAAEa,kBAAA,CAAUI;AALa,CAAlC;eAQetB,qB"}
1
+ {"version":3,"file":"index.js","names":["BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","menuButtonClassName","isBulkMenu","handleOnClick","useCallback","menuProps","menu","classnames","style","bulletPointMenu","bulkBulletPointMenu","bulletPointButtonProps","size","icon","className","bulletPointWrapper","propTypes"],"sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport classnames from 'classnames';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ButtonMenu from '../../atom/button-menu';\nimport propTypes, {BulletPointMenuButtonProps} from './types';\nimport style from './style.css';\n\nconst BulletPointMenuButton = (props: BulletPointMenuButtonProps) => {\n const {\n disabled = false,\n buttonAriaLabel,\n menuAriaLabel,\n onClick,\n buttons,\n menuButtonClassName,\n isBulkMenu\n } = 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\n className={classnames(style.bulletPointMenu, isBulkMenu && style.bulkBulletPointMenu)}\n data-name=\"menu-wrapper\"\n aria-label={menuAriaLabel}\n >\n <ButtonMenu {...menuProps} />\n </div>\n );\n const bulletPointButtonProps = {\n size: 'default',\n 'aria-label': buttonAriaLabel,\n 'data-name': 'bullet-point-button',\n icon: 'bullet-point',\n onClick: handleOnClick,\n disabled,\n className: menuButtonClassName\n };\n\n return (\n <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n <ButtonLinkIconOnly {...bulletPointButtonProps} />\n {menu}\n </div>\n );\n};\n\nBulletPointMenuButton.propTypes = propTypes;\n\nexport default BulletPointMenuButton;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,qBAAqB,GAAIC,KAAD,IAAuC;EACnE,MAAM;IACJC,QAAQ,GAAG,KADP;IAEJC,eAFI;IAGJC,aAHI;IAIJC,OAJI;IAKJC,OALI;IAMJC,mBANI;IAOJC;EAPI,IAQFP,KARJ;EASA,MAAMQ,aAAa,GAAG,IAAAC,kBAAA,EAAY,MAAML,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;EAEA,MAAMM,SAAS,GAAG;IAChB,aAAa,aADG;IAEhBL;EAFgB,CAAlB;;EAKA,MAAMM,IAAI,gBACR;IACE,SAAS,EAAE,IAAAC,mBAAA,EAAWC,cAAA,CAAMC,eAAjB,EAAkCP,UAAU,IAAIM,cAAA,CAAME,mBAAtD,CADb;IAEE,aAAU,cAFZ;IAGE,cAAYZ;EAHd,gBAKE,6BAAC,mBAAD,EAAgBO,SAAhB,CALF,CADF;;EASA,MAAMM,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SADuB;IAE7B,cAAcf,eAFe;IAG7B,aAAa,qBAHgB;IAI7BgB,IAAI,EAAE,cAJuB;IAK7Bd,OAAO,EAAEI,aALoB;IAM7BP,QAN6B;IAO7BkB,SAAS,EAAEb;EAPkB,CAA/B;EAUA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMO,kBAAtB;IAA0C,aAAU;EAApD,gBACE,6BAAC,2BAAD,EAAwBJ,sBAAxB,CADF,EAEGL,IAFH,CADF;AAMD,CA1CD;;AA4CAZ,qBAAqB,CAACsB,SAAtB,2CAAkCA,cAAlC;eAEetB,qB"}
@@ -53,3 +53,23 @@ button:focus + .bulletPointMenu {
53
53
  */
54
54
  .bulletPointWrapper > button:focus { pointer-events: none; }
55
55
  .bulletPointWrapper > button:not(:focus) { pointer-events: auto; }
56
+
57
+ /*
58
+ bulk theme
59
+ */
60
+ .bulkBulletPointMenu{
61
+ min-width: 80px;
62
+ /* positioning */
63
+ position: absolute;
64
+ align-self: flex-end;
65
+ bottom: 54px;
66
+ right: 0px;
67
+ /* elevation shadow */
68
+ 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;
69
+ z-index: 1;
70
+ /* round corners */
71
+ border-radius: 7px;
72
+ overflow: hidden;
73
+ background-color: cm_grey_100;
74
+ width: 142px;
75
+ }
@@ -0,0 +1,31 @@
1
+ import PropTypes from 'prop-types';
2
+ import { ButtonProps } from '../../atom/button-menu/types';
3
+ declare const propTypes: {
4
+ disabled: PropTypes.Requireable<boolean>;
5
+ buttonAriaLabel: PropTypes.Requireable<string>;
6
+ menuAriaLabel: PropTypes.Requireable<string>;
7
+ buttons: PropTypes.Validator<(PropTypes.InferProps<{
8
+ 'data-name': PropTypes.Requireable<string>;
9
+ disabled: PropTypes.Requireable<boolean>;
10
+ label: PropTypes.Validator<string>;
11
+ onClick: PropTypes.Validator<(...args: any[]) => any>;
12
+ type: PropTypes.Requireable<string>;
13
+ }> | null | undefined)[]>;
14
+ onClick: PropTypes.Requireable<(...args: any[]) => any>;
15
+ menuButtonClassName: PropTypes.Requireable<string>;
16
+ isBulkMenu: PropTypes.Requireable<boolean>;
17
+ };
18
+ export default propTypes;
19
+ export declare type BulletPointMenuButtonProps = {
20
+ disabled?: boolean;
21
+ buttonAriaLabel?: string;
22
+ menuAriaLabel?: string;
23
+ buttons: ButtonProps[];
24
+ onClick: () => void;
25
+ menuButtonClassName?: string;
26
+ isBulkMenu?: boolean;
27
+ };
28
+ export declare type BulletPointMenuButtonPropsFixture = {
29
+ props: BulletPointMenuButtonProps;
30
+ };
31
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,WAAW,EAAC,MAAM,8BAA8B,CAAC;AAEzD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAQd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,0BAA0B,GAAG;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,iCAAiC,GAAG;IAAC,KAAK,EAAE,0BAA0B,CAAA;CAAC,CAAC"}
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _propTypes = _interopRequireDefault(require("prop-types"));
7
+
8
+ var _buttonMenu = _interopRequireDefault(require("../../atom/button-menu"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+
12
+ const propTypes = {
13
+ disabled: _propTypes.default.bool,
14
+ buttonAriaLabel: _propTypes.default.string,
15
+ menuAriaLabel: _propTypes.default.string,
16
+ buttons: _buttonMenu.default.propTypes.buttons,
17
+ onClick: _propTypes.default.func,
18
+ menuButtonClassName: _propTypes.default.string,
19
+ isBulkMenu: _propTypes.default.bool
20
+ };
21
+ var _default = propTypes;
22
+ exports.default = _default;
23
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","names":["propTypes","disabled","PropTypes","bool","buttonAriaLabel","string","menuAriaLabel","buttons","ButtonMenu","onClick","func","menuButtonClassName","isBulkMenu"],"sources":["../../../src/molecule/bullet-point-menu-button/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ButtonMenu from '../../atom/button-menu';\nimport {ButtonProps} from '../../atom/button-menu/types';\n\nconst propTypes = {\n disabled: PropTypes.bool,\n buttonAriaLabel: PropTypes.string,\n menuAriaLabel: PropTypes.string,\n buttons: ButtonMenu.propTypes.buttons,\n onClick: PropTypes.func,\n menuButtonClassName: PropTypes.string,\n isBulkMenu: PropTypes.bool\n};\n\nexport default propTypes;\n\nexport type BulletPointMenuButtonProps = {\n disabled?: boolean;\n buttonAriaLabel?: string;\n menuAriaLabel?: string;\n buttons: ButtonProps[];\n onClick: () => void;\n menuButtonClassName?: string;\n isBulkMenu?: boolean;\n};\n\nexport type BulletPointMenuButtonPropsFixture = {props: BulletPointMenuButtonProps};\n"],"mappings":";;;;;AAAA;;AACA;;;;AAGA,MAAMA,SAAS,GAAG;EAChBC,QAAQ,EAAEC,kBAAA,CAAUC,IADJ;EAEhBC,eAAe,EAAEF,kBAAA,CAAUG,MAFX;EAGhBC,aAAa,EAAEJ,kBAAA,CAAUG,MAHT;EAIhBE,OAAO,EAAEC,mBAAA,CAAWR,SAAX,CAAqBO,OAJd;EAKhBE,OAAO,EAAEP,kBAAA,CAAUQ,IALH;EAMhBC,mBAAmB,EAAET,kBAAA,CAAUG,MANf;EAOhBO,UAAU,EAAEV,kBAAA,CAAUC;AAPN,CAAlB;eAUeH,S"}
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { Props } from './types';
2
+ import { EmptyStateDashboardProps as Props } from './types';
3
3
  declare const EmptyStateDashboard: {
4
4
  ({ mainText, subText, imageUrl, buttonLink }: Props): JSX.Element;
5
5
  propTypes: {
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/empty-state-dashboard/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,KAAK,EAAY,MAAM,SAAS,CAAC;AAEzC,QAAA,MAAM,mBAAmB;kDAA+C,KAAK;;;;;;;;;;;;;;;;;CAW5E,CAAC;AAIF,eAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/empty-state-dashboard/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,wBAAwB,IAAI,KAAK,EAAY,MAAM,SAAS,CAAC;AAErE,QAAA,MAAM,mBAAmB;kDAA+C,KAAK;;;;;;;;;;;;;;;;;CAa5E,CAAC;AAIF,eAAe,mBAAmB,CAAC"}
@@ -22,11 +22,11 @@ const EmptyStateDashboard = ({
22
22
  buttonLink
23
23
  }) => /*#__PURE__*/_react.default.createElement("div", {
24
24
  className: _style.default.container
25
- }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("img", {
25
+ }, /*#__PURE__*/_react.default.createElement("div", null, imageUrl && typeof imageUrl === 'string' ? /*#__PURE__*/_react.default.createElement("img", {
26
26
  className: _style.default.img,
27
27
  src: imageUrl,
28
28
  "aria-hidden": "true"
29
- })), /*#__PURE__*/_react.default.createElement("p", {
29
+ }) : null), /*#__PURE__*/_react.default.createElement("p", {
30
30
  className: _style.default.mainText
31
31
  }, mainText), /*#__PURE__*/_react.default.createElement("p", {
32
32
  className: _style.default.subText
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["EmptyStateDashboard","mainText","subText","imageUrl","buttonLink","style","container","img","buttonContainer","button","propTypes"],"sources":["../../../src/molecule/empty-state-dashboard/index.tsx"],"sourcesContent":["import React from 'react';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport {Props, propTypes} from './types';\n\nconst EmptyStateDashboard = ({mainText, subText, imageUrl, buttonLink}: Props) => (\n <div className={style.container}>\n <div>\n <img className={style.img} src={imageUrl} aria-hidden=\"true\" />\n </div>\n <p className={style.mainText}>{mainText}</p>\n <p className={style.subText}>{subText}</p>\n <div className={style.buttonContainer}>\n <ButtonLink {...buttonLink} className={style.button} />\n </div>\n </div>\n);\n\nEmptyStateDashboard.propTypes = propTypes;\n\nexport default EmptyStateDashboard;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,mBAAmB,GAAG,CAAC;EAACC,QAAD;EAAWC,OAAX;EAAoBC,QAApB;EAA8BC;AAA9B,CAAD,kBAC1B;EAAK,SAAS,EAAEC,cAAA,CAAMC;AAAtB,gBACE,uDACE;EAAK,SAAS,EAAED,cAAA,CAAME,GAAtB;EAA2B,GAAG,EAAEJ,QAAhC;EAA0C,eAAY;AAAtD,EADF,CADF,eAIE;EAAG,SAAS,EAAEE,cAAA,CAAMJ;AAApB,GAA+BA,QAA/B,CAJF,eAKE;EAAG,SAAS,EAAEI,cAAA,CAAMH;AAApB,GAA8BA,OAA9B,CALF,eAME;EAAK,SAAS,EAAEG,cAAA,CAAMG;AAAtB,gBACE,6BAAC,mBAAD,eAAgBJ,UAAhB;EAA4B,SAAS,EAAEC,cAAA,CAAMI;AAA7C,GADF,CANF,CADF;;AAaAT,mBAAmB,CAACU,SAApB,2CAAgCA,gBAAhC;eAEeV,mB"}
1
+ {"version":3,"file":"index.js","names":["EmptyStateDashboard","mainText","subText","imageUrl","buttonLink","style","container","img","buttonContainer","button","propTypes"],"sources":["../../../src/molecule/empty-state-dashboard/index.tsx"],"sourcesContent":["import React from 'react';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport {EmptyStateDashboardProps as Props, propTypes} from './types';\n\nconst EmptyStateDashboard = ({mainText, subText, imageUrl, buttonLink}: Props) => (\n <div className={style.container}>\n <div>\n {imageUrl && typeof imageUrl === 'string' ? (\n <img className={style.img} src={imageUrl} aria-hidden=\"true\" />\n ) : null}\n </div>\n <p className={style.mainText}>{mainText}</p>\n <p className={style.subText}>{subText}</p>\n <div className={style.buttonContainer}>\n <ButtonLink {...buttonLink} className={style.button} />\n </div>\n </div>\n);\n\nEmptyStateDashboard.propTypes = propTypes;\n\nexport default EmptyStateDashboard;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,mBAAmB,GAAG,CAAC;EAACC,QAAD;EAAWC,OAAX;EAAoBC,QAApB;EAA8BC;AAA9B,CAAD,kBAC1B;EAAK,SAAS,EAAEC,cAAA,CAAMC;AAAtB,gBACE,0CACGH,QAAQ,IAAI,OAAOA,QAAP,KAAoB,QAAhC,gBACC;EAAK,SAAS,EAAEE,cAAA,CAAME,GAAtB;EAA2B,GAAG,EAAEJ,QAAhC;EAA0C,eAAY;AAAtD,EADD,GAEG,IAHN,CADF,eAME;EAAG,SAAS,EAAEE,cAAA,CAAMJ;AAApB,GAA+BA,QAA/B,CANF,eAOE;EAAG,SAAS,EAAEI,cAAA,CAAMH;AAApB,GAA8BA,OAA9B,CAPF,eAQE;EAAK,SAAS,EAAEG,cAAA,CAAMG;AAAtB,gBACE,6BAAC,mBAAD,eAAgBJ,UAAhB;EAA4B,SAAS,EAAEC,cAAA,CAAMI;AAA7C,GADF,CARF,CADF;;AAeAT,mBAAmB,CAACU,SAApB,2CAAgCA,gBAAhC;eAEeV,mB"}
@@ -1,4 +1,6 @@
1
1
  import PropTypes from 'prop-types';
2
+ import { ButtonLinkProps } from '../../atom/button-link/types';
3
+ import Picture from '../../atom/picture';
2
4
  export declare const propTypes: {
3
5
  mainText: PropTypes.Requireable<string>;
4
6
  subText: PropTypes.Requireable<string>;
@@ -15,5 +17,11 @@ export declare const propTypes: {
15
17
  onClick: PropTypes.Requireable<(...args: any[]) => any>;
16
18
  }>>;
17
19
  };
20
+ export declare type EmptyStateDashboardProps = {
21
+ mainText: string;
22
+ subText: string;
23
+ imageUrl: PropTypes.InferProps<typeof Picture.propTypes.src>;
24
+ buttonLink: ButtonLinkProps;
25
+ };
18
26
  export declare type Props = PropTypes.InferProps<typeof propTypes>;
19
27
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/empty-state-dashboard/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAerB,CAAC;AAEF,oBAAY,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/empty-state-dashboard/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAEzC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAerB,CAAC;AAEF,oBAAY,wBAAwB,GAAG;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC7D,UAAU,EAAE,eAAe,CAAC;CAC7B,CAAC;AAEF,oBAAY,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","names":["propTypes","mainText","PropTypes","string","subText","imageUrl","Picture","src","buttonLink","shape","type","label","ariaLabel","dataName","icon","position","onClick","func"],"sources":["../../../src/molecule/empty-state-dashboard/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Picture from '../../atom/picture';\n\nexport const propTypes = {\n mainText: PropTypes.string,\n subText: PropTypes.string,\n imageUrl: Picture.propTypes.src,\n buttonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n })\n};\n\nexport type Props = PropTypes.InferProps<typeof propTypes>;\n"],"mappings":";;;;;AAAA;;AACA;;;;AAEO,MAAMA,SAAS,GAAG;EACvBC,QAAQ,EAAEC,kBAAA,CAAUC,MADG;EAEvBC,OAAO,EAAEF,kBAAA,CAAUC,MAFI;EAGvBE,QAAQ,EAAEC,gBAAA,CAAQN,SAAR,CAAkBO,GAHL;EAIvBC,UAAU,EAAEN,kBAAA,CAAUO,KAAV,CAAgB;IAC1BC,IAAI,EAAER,kBAAA,CAAUC,MADU;IAE1BQ,KAAK,EAAET,kBAAA,CAAUC,MAFS;IAG1BS,SAAS,EAAEV,kBAAA,CAAUC,MAHK;IAI1BU,QAAQ,EAAEX,kBAAA,CAAUC,MAJM;IAK1BW,IAAI,EAAEZ,kBAAA,CAAUO,KAAV,CAAgB;MACpBM,QAAQ,EAAEb,kBAAA,CAAUC,MADA;MAEpBO,IAAI,EAAER,kBAAA,CAAUC;IAFI,CAAhB,CALoB;IAS1Ba,OAAO,EAAEd,kBAAA,CAAUe;EATO,CAAhB;AAJW,CAAlB"}
1
+ {"version":3,"file":"types.js","names":["propTypes","mainText","PropTypes","string","subText","imageUrl","Picture","src","buttonLink","shape","type","label","ariaLabel","dataName","icon","position","onClick","func"],"sources":["../../../src/molecule/empty-state-dashboard/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport Picture from '../../atom/picture';\n\nexport const propTypes = {\n mainText: PropTypes.string,\n subText: PropTypes.string,\n imageUrl: Picture.propTypes.src,\n buttonLink: PropTypes.shape({\n type: PropTypes.string,\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n dataName: PropTypes.string,\n icon: PropTypes.shape({\n position: PropTypes.string,\n type: PropTypes.string\n }),\n onClick: PropTypes.func\n })\n};\n\nexport type EmptyStateDashboardProps = {\n mainText: string;\n subText: string;\n imageUrl: PropTypes.InferProps<typeof Picture.propTypes.src>;\n buttonLink: ButtonLinkProps;\n};\n\nexport type Props = PropTypes.InferProps<typeof propTypes>;\n"],"mappings":";;;;;AAAA;;AAEA;;;;AAEO,MAAMA,SAAS,GAAG;EACvBC,QAAQ,EAAEC,kBAAA,CAAUC,MADG;EAEvBC,OAAO,EAAEF,kBAAA,CAAUC,MAFI;EAGvBE,QAAQ,EAAEC,gBAAA,CAAQN,SAAR,CAAkBO,GAHL;EAIvBC,UAAU,EAAEN,kBAAA,CAAUO,KAAV,CAAgB;IAC1BC,IAAI,EAAER,kBAAA,CAAUC,MADU;IAE1BQ,KAAK,EAAET,kBAAA,CAAUC,MAFS;IAG1BS,SAAS,EAAEV,kBAAA,CAAUC,MAHK;IAI1BU,QAAQ,EAAEX,kBAAA,CAAUC,MAJM;IAK1BW,IAAI,EAAEZ,kBAAA,CAAUO,KAAV,CAAgB;MACpBM,QAAQ,EAAEb,kBAAA,CAAUC,MADA;MAEpBO,IAAI,EAAER,kBAAA,CAAUC;IAFI,CAAhB,CALoB;IAS1Ba,OAAO,EAAEd,kBAAA,CAAUe;EATO,CAAhB;AAJW,CAAlB"}