@coorpacademy/components 11.36.5-alpha.2 → 11.36.5

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 (220) hide show
  1. package/es/atom/button-link/index.d.ts +2 -0
  2. package/es/atom/button-link/index.d.ts.map +1 -1
  3. package/es/atom/button-link/index.js +6 -5
  4. package/es/atom/button-link/index.js.map +1 -1
  5. package/es/atom/button-link/types.d.ts +3 -0
  6. package/es/atom/button-link/types.d.ts.map +1 -1
  7. package/es/atom/button-link/types.js +3 -1
  8. package/es/atom/button-link/types.js.map +1 -1
  9. package/es/atom/button-menu/index.d.ts +2 -0
  10. package/es/atom/button-menu/index.d.ts.map +1 -1
  11. package/es/atom/button-menu/index.js +9 -3
  12. package/es/atom/button-menu/index.js.map +1 -1
  13. package/es/atom/button-menu/style.css +22 -0
  14. package/es/atom/button-menu/types.d.ts +5 -0
  15. package/es/atom/button-menu/types.d.ts.map +1 -1
  16. package/es/atom/button-menu/types.js +4 -2
  17. package/es/atom/button-menu/types.js.map +1 -1
  18. package/es/atom/checkbox-with-title/index.d.ts.map +1 -1
  19. package/es/atom/checkbox-with-title/index.js +2 -2
  20. package/es/atom/checkbox-with-title/index.js.map +1 -1
  21. package/es/atom/radio-with-title/index.d.ts +2 -0
  22. package/es/atom/radio-with-title/index.d.ts.map +1 -1
  23. package/es/atom/radio-with-title/types.d.ts +2 -0
  24. package/es/atom/radio-with-title/types.d.ts.map +1 -1
  25. package/es/atom/tag/index.d.ts +1 -1
  26. package/es/atom/tag/index.d.ts.map +1 -1
  27. package/es/atom/tag/index.js +3 -14
  28. package/es/atom/tag/index.js.map +1 -1
  29. package/es/atom/title/index.d.ts +2 -0
  30. package/es/molecule/bullet-point-menu-button/index.d.ts +1 -0
  31. package/es/molecule/bullet-point-menu-button/index.d.ts.map +1 -1
  32. package/es/molecule/bullet-point-menu-button/types.d.ts +1 -0
  33. package/es/molecule/bullet-point-menu-button/types.d.ts.map +1 -1
  34. package/es/molecule/button-menu-action/index.d.ts +5 -0
  35. package/es/molecule/button-menu-action/index.d.ts.map +1 -1
  36. package/es/molecule/button-menu-action/index.js +5 -2
  37. package/es/molecule/button-menu-action/index.js.map +1 -1
  38. package/es/molecule/button-menu-action/types.d.ts +9 -3
  39. package/es/molecule/button-menu-action/types.d.ts.map +1 -1
  40. package/es/molecule/button-menu-action/types.js +2 -1
  41. package/es/molecule/button-menu-action/types.js.map +1 -1
  42. package/es/molecule/cm-popin/types.d.ts +24 -0
  43. package/es/molecule/cm-popin/types.d.ts.map +1 -1
  44. package/es/molecule/expandible-actionable-table/index.d.ts +4 -0
  45. package/es/molecule/expandible-actionable-table/index.d.ts.map +1 -1
  46. package/es/molecule/expandible-actionable-table/types.d.ts +4 -0
  47. package/es/molecule/expandible-actionable-table/types.d.ts.map +1 -1
  48. package/es/molecule/multi-filter-panel/index.js +2 -2
  49. package/es/molecule/multi-filter-panel/index.js.map +1 -1
  50. package/es/molecule/title-and-checkbox-wrapper/index.d.ts +2 -0
  51. package/es/molecule/title-radio-wrapper/index.d.ts +2 -0
  52. package/es/molecule/title-radio-wrapper/index.d.ts.map +1 -1
  53. package/es/molecule/title-radio-wrapper/types.d.ts +2 -0
  54. package/es/molecule/title-radio-wrapper/types.d.ts.map +1 -1
  55. package/es/organism/content-skill-modal/index.d.ts +22 -0
  56. package/es/organism/content-skill-modal/index.d.ts.map +1 -1
  57. package/es/organism/content-skill-modal/types.d.ts +22 -0
  58. package/es/organism/content-skill-modal/types.d.ts.map +1 -1
  59. package/es/organism/filter-checkbox-and-search/index.d.ts +2 -2
  60. package/es/organism/filter-checkbox-and-search/index.js +5 -5
  61. package/es/organism/filter-checkbox-and-search/index.js.map +1 -1
  62. package/es/organism/header-with-actions/index.d.ts +3 -0
  63. package/es/organism/header-with-actions/index.d.ts.map +1 -1
  64. package/es/organism/header-with-actions/types.d.ts +3 -0
  65. package/es/organism/header-with-actions/types.d.ts.map +1 -1
  66. package/es/organism/icon-editor/index.d.ts +2 -0
  67. package/es/organism/icon-editor/index.d.ts.map +1 -1
  68. package/es/organism/icon-editor/types.d.ts +2 -0
  69. package/es/organism/icon-editor/types.d.ts.map +1 -1
  70. package/es/organism/list-items/index.d.ts +22 -0
  71. package/es/organism/mooc-header/index.d.ts +1 -0
  72. package/es/organism/mooc-header/index.d.ts.map +1 -1
  73. package/es/organism/mooc-header/index.js +7 -3
  74. package/es/organism/mooc-header/index.js.map +1 -1
  75. package/es/organism/mooc-header/style.css +7 -0
  76. package/es/organism/rewards-form/index.d.ts +2 -0
  77. package/es/organism/select-opponents/index.d.ts +2 -0
  78. package/es/organism/select-opponents/index.d.ts.map +1 -1
  79. package/es/organism/select-opponents/types.d.ts +2 -0
  80. package/es/organism/select-opponents/types.d.ts.map +1 -1
  81. package/es/organism/setup-header/index.d.ts +8 -0
  82. package/es/organism/title-and-input/index.d.ts +6 -0
  83. package/es/organism/title-and-input/index.d.ts.map +1 -1
  84. package/es/organism/title-and-input/types.d.ts +6 -0
  85. package/es/organism/title-and-input/types.d.ts.map +1 -1
  86. package/es/organism/wizard-contents/index.d.ts +10 -0
  87. package/es/template/app-player/loading/index.d.ts +24 -0
  88. package/es/template/app-player/player/index.d.ts +48 -0
  89. package/es/template/app-player/player/slides/index.d.ts +24 -0
  90. package/es/template/app-player/player/slides/index.d.ts.map +1 -1
  91. package/es/template/app-player/popin-correction/index.d.ts +24 -0
  92. package/es/template/app-player/popin-correction/index.d.ts.map +1 -1
  93. package/es/template/app-player/popin-end/index.d.ts +24 -0
  94. package/es/template/app-review/index.d.ts +24 -0
  95. package/es/template/app-review/index.d.ts.map +1 -1
  96. package/es/template/app-review/player/prop-types.d.ts +24 -0
  97. package/es/template/app-review/player/prop-types.d.ts.map +1 -1
  98. package/es/template/app-review/prop-types.d.ts +24 -0
  99. package/es/template/app-review/prop-types.d.ts.map +1 -1
  100. package/es/template/back-office/brand-create/index.d.ts +8 -0
  101. package/es/template/back-office/brand-create/index.d.ts.map +1 -1
  102. package/es/template/back-office/brand-list/index.d.ts +8 -0
  103. package/es/template/back-office/brand-list/index.d.ts.map +1 -1
  104. package/es/template/back-office/brand-update/index.d.ts +89 -0
  105. package/es/template/back-office/dashboard-preview/index.d.ts +8 -0
  106. package/es/template/back-office/layout/index.d.ts +8 -0
  107. package/es/template/back-office/layout/index.d.ts.map +1 -1
  108. package/es/template/common/dashboard/index.d.ts +48 -0
  109. package/es/template/common/search-page/index.d.ts +24 -0
  110. package/es/template/external-course/index.d.ts +24 -0
  111. package/lib/atom/button-link/index.d.ts +2 -0
  112. package/lib/atom/button-link/index.d.ts.map +1 -1
  113. package/lib/atom/button-link/index.js +6 -5
  114. package/lib/atom/button-link/index.js.map +1 -1
  115. package/lib/atom/button-link/types.d.ts +3 -0
  116. package/lib/atom/button-link/types.d.ts.map +1 -1
  117. package/lib/atom/button-link/types.js +3 -1
  118. package/lib/atom/button-link/types.js.map +1 -1
  119. package/lib/atom/button-menu/index.d.ts +2 -0
  120. package/lib/atom/button-menu/index.d.ts.map +1 -1
  121. package/lib/atom/button-menu/index.js +9 -3
  122. package/lib/atom/button-menu/index.js.map +1 -1
  123. package/lib/atom/button-menu/style.css +22 -0
  124. package/lib/atom/button-menu/types.d.ts +5 -0
  125. package/lib/atom/button-menu/types.d.ts.map +1 -1
  126. package/lib/atom/button-menu/types.js +4 -2
  127. package/lib/atom/button-menu/types.js.map +1 -1
  128. package/lib/atom/checkbox-with-title/index.d.ts.map +1 -1
  129. package/lib/atom/checkbox-with-title/index.js +2 -2
  130. package/lib/atom/checkbox-with-title/index.js.map +1 -1
  131. package/lib/atom/radio-with-title/index.d.ts +2 -0
  132. package/lib/atom/radio-with-title/index.d.ts.map +1 -1
  133. package/lib/atom/radio-with-title/types.d.ts +2 -0
  134. package/lib/atom/radio-with-title/types.d.ts.map +1 -1
  135. package/lib/atom/tag/index.d.ts +1 -1
  136. package/lib/atom/tag/index.d.ts.map +1 -1
  137. package/lib/atom/tag/index.js +3 -14
  138. package/lib/atom/tag/index.js.map +1 -1
  139. package/lib/atom/title/index.d.ts +2 -0
  140. package/lib/molecule/bullet-point-menu-button/index.d.ts +1 -0
  141. package/lib/molecule/bullet-point-menu-button/index.d.ts.map +1 -1
  142. package/lib/molecule/bullet-point-menu-button/types.d.ts +1 -0
  143. package/lib/molecule/bullet-point-menu-button/types.d.ts.map +1 -1
  144. package/lib/molecule/button-menu-action/index.d.ts +5 -0
  145. package/lib/molecule/button-menu-action/index.d.ts.map +1 -1
  146. package/lib/molecule/button-menu-action/index.js +5 -2
  147. package/lib/molecule/button-menu-action/index.js.map +1 -1
  148. package/lib/molecule/button-menu-action/types.d.ts +9 -3
  149. package/lib/molecule/button-menu-action/types.d.ts.map +1 -1
  150. package/lib/molecule/button-menu-action/types.js +2 -1
  151. package/lib/molecule/button-menu-action/types.js.map +1 -1
  152. package/lib/molecule/cm-popin/types.d.ts +24 -0
  153. package/lib/molecule/cm-popin/types.d.ts.map +1 -1
  154. package/lib/molecule/expandible-actionable-table/index.d.ts +4 -0
  155. package/lib/molecule/expandible-actionable-table/index.d.ts.map +1 -1
  156. package/lib/molecule/expandible-actionable-table/types.d.ts +4 -0
  157. package/lib/molecule/expandible-actionable-table/types.d.ts.map +1 -1
  158. package/lib/molecule/multi-filter-panel/index.js.map +1 -1
  159. package/lib/molecule/title-and-checkbox-wrapper/index.d.ts +2 -0
  160. package/lib/molecule/title-radio-wrapper/index.d.ts +2 -0
  161. package/lib/molecule/title-radio-wrapper/index.d.ts.map +1 -1
  162. package/lib/molecule/title-radio-wrapper/types.d.ts +2 -0
  163. package/lib/molecule/title-radio-wrapper/types.d.ts.map +1 -1
  164. package/lib/organism/content-skill-modal/index.d.ts +22 -0
  165. package/lib/organism/content-skill-modal/index.d.ts.map +1 -1
  166. package/lib/organism/content-skill-modal/types.d.ts +22 -0
  167. package/lib/organism/content-skill-modal/types.d.ts.map +1 -1
  168. package/lib/organism/filter-checkbox-and-search/index.d.ts +2 -2
  169. package/lib/organism/filter-checkbox-and-search/index.js +5 -5
  170. package/lib/organism/filter-checkbox-and-search/index.js.map +1 -1
  171. package/lib/organism/header-with-actions/index.d.ts +3 -0
  172. package/lib/organism/header-with-actions/index.d.ts.map +1 -1
  173. package/lib/organism/header-with-actions/types.d.ts +3 -0
  174. package/lib/organism/header-with-actions/types.d.ts.map +1 -1
  175. package/lib/organism/icon-editor/index.d.ts +2 -0
  176. package/lib/organism/icon-editor/index.d.ts.map +1 -1
  177. package/lib/organism/icon-editor/types.d.ts +2 -0
  178. package/lib/organism/icon-editor/types.d.ts.map +1 -1
  179. package/lib/organism/list-items/index.d.ts +22 -0
  180. package/lib/organism/mooc-header/index.d.ts +1 -0
  181. package/lib/organism/mooc-header/index.d.ts.map +1 -1
  182. package/lib/organism/mooc-header/index.js +7 -3
  183. package/lib/organism/mooc-header/index.js.map +1 -1
  184. package/lib/organism/mooc-header/style.css +7 -0
  185. package/lib/organism/rewards-form/index.d.ts +2 -0
  186. package/lib/organism/select-opponents/index.d.ts +2 -0
  187. package/lib/organism/select-opponents/index.d.ts.map +1 -1
  188. package/lib/organism/select-opponents/types.d.ts +2 -0
  189. package/lib/organism/select-opponents/types.d.ts.map +1 -1
  190. package/lib/organism/setup-header/index.d.ts +8 -0
  191. package/lib/organism/title-and-input/index.d.ts +6 -0
  192. package/lib/organism/title-and-input/index.d.ts.map +1 -1
  193. package/lib/organism/title-and-input/types.d.ts +6 -0
  194. package/lib/organism/title-and-input/types.d.ts.map +1 -1
  195. package/lib/organism/wizard-contents/index.d.ts +10 -0
  196. package/lib/template/app-player/loading/index.d.ts +24 -0
  197. package/lib/template/app-player/player/index.d.ts +48 -0
  198. package/lib/template/app-player/player/slides/index.d.ts +24 -0
  199. package/lib/template/app-player/player/slides/index.d.ts.map +1 -1
  200. package/lib/template/app-player/popin-correction/index.d.ts +24 -0
  201. package/lib/template/app-player/popin-correction/index.d.ts.map +1 -1
  202. package/lib/template/app-player/popin-end/index.d.ts +24 -0
  203. package/lib/template/app-review/index.d.ts +24 -0
  204. package/lib/template/app-review/index.d.ts.map +1 -1
  205. package/lib/template/app-review/player/prop-types.d.ts +24 -0
  206. package/lib/template/app-review/player/prop-types.d.ts.map +1 -1
  207. package/lib/template/app-review/prop-types.d.ts +24 -0
  208. package/lib/template/app-review/prop-types.d.ts.map +1 -1
  209. package/lib/template/back-office/brand-create/index.d.ts +8 -0
  210. package/lib/template/back-office/brand-create/index.d.ts.map +1 -1
  211. package/lib/template/back-office/brand-list/index.d.ts +8 -0
  212. package/lib/template/back-office/brand-list/index.d.ts.map +1 -1
  213. package/lib/template/back-office/brand-update/index.d.ts +89 -0
  214. package/lib/template/back-office/dashboard-preview/index.d.ts +8 -0
  215. package/lib/template/back-office/layout/index.d.ts +8 -0
  216. package/lib/template/back-office/layout/index.d.ts.map +1 -1
  217. package/lib/template/common/dashboard/index.d.ts +48 -0
  218. package/lib/template/common/search-page/index.d.ts +24 -0
  219. package/lib/template/external-course/index.d.ts +24 -0
  220. package/package.json +2 -2
@@ -49,6 +49,8 @@ declare const propTypes: {
49
49
  customStyle: PropTypes.Requireable<{
50
50
  [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
51
51
  }>;
52
+ useTitle: PropTypes.Requireable<boolean>;
53
+ customLabelClassName: PropTypes.Requireable<string>;
52
54
  };
53
55
  export declare type FaIconType = {
54
56
  name: string;
@@ -86,6 +88,7 @@ export declare type ButtonLinkProps = {
86
88
  className?: string;
87
89
  customStyle?: Record<string, string | number>;
88
90
  useTitle?: boolean;
91
+ customLabelClassName?: string;
89
92
  };
90
93
  export declare type Fixture = {
91
94
  props: ButtonLinkProps;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,KAAK,EAAC,MAAM,yBAAyB,CAAC;AAU9C,eAAO,MAAM,aAAa;;;;;;;;;;;;CAIzB,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBd,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CAC/C,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACnE,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;KAClD,CAAC;IACF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,oBAAY,OAAO,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC;AAE/C,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,KAAK,EAAC,MAAM,yBAAyB,CAAC;AAU9C,eAAO,MAAM,aAAa;;;;;;;;;;;;CAIzB,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBd,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CAC/C,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACnE,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;KAClD,CAAC;IACF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,oBAAY,OAAO,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC;AAE/C,eAAe,SAAS,CAAC"}
@@ -39,7 +39,9 @@ const propTypes = {
39
39
  hoverColor: _propTypes.default.string,
40
40
  disabled: _propTypes.default.bool,
41
41
  className: _propTypes.default.string,
42
- customStyle: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))
42
+ customStyle: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])),
43
+ useTitle: _propTypes.default.bool,
44
+ customLabelClassName: _propTypes.default.string
43
45
  };
44
46
  var _default = exports.default = propTypes;
45
47
  //# sourceMappingURL=types.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_buttonIcons","e","__esModule","default","faIconPropTypes","name","PropTypes","string","isRequired","color","backgroundColor","size","number","customStyle","objectOf","oneOfType","iconPropTypes","exports","position","oneOf","type","_keys2","ICONS","faIcon","shape","propTypes","usage","label","content","node","tooltipText","tooltipPlacement","icon","onClick","func","link","href","download","bool","target","hoverBackgroundColor","hoverColor","disabled","className","_default"],"sources":["../../../src/atom/button-link/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport {ICONS} from '../../util/button-icons';\n\nconst faIconPropTypes = {\n name: PropTypes.string.isRequired,\n color: PropTypes.string,\n backgroundColor: PropTypes.string,\n size: PropTypes.number,\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport const iconPropTypes = {\n position: PropTypes.oneOf(['right', 'left']),\n type: PropTypes.oneOf(keys(ICONS)),\n faIcon: PropTypes.shape(faIconPropTypes)\n};\n\nconst propTypes = {\n type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n usage: PropTypes.oneOf(['button', 'submit', 'reset']),\n label: PropTypes.string,\n content: PropTypes.node,\n 'aria-label': PropTypes.string,\n tooltipText: PropTypes.string,\n tooltipPlacement: PropTypes.oneOf(['left', 'right', 'top', 'bottom']),\n 'data-name': PropTypes.string,\n 'data-testid': PropTypes.string,\n icon: PropTypes.shape(iconPropTypes),\n onClick: PropTypes.func,\n link: PropTypes.shape({\n href: PropTypes.string,\n download: PropTypes.bool,\n target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n }),\n hoverBackgroundColor: PropTypes.string,\n hoverColor: PropTypes.string,\n disabled: PropTypes.bool,\n className: PropTypes.string,\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport type FaIconType = {\n name: string;\n color?: string;\n backgroundColor?: string;\n size?: number;\n customStyle?: Record<string, number | string>;\n};\n\nexport type IconType = {\n position: 'right' | 'left';\n type?: keyof typeof ICONS;\n faIcon?: FaIconType;\n};\n\nexport type ButtonLinkProps = {\n type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';\n usage?: 'button' | 'submit' | 'reset';\n label?: string;\n content?: PropTypes.ReactNodeLike;\n 'aria-label'?: string;\n tooltipText?: string;\n tooltipPlacement?: 'left' | 'right' | 'top' | 'bottom';\n 'data-name'?: string;\n 'data-testid'?: string;\n icon?: IconType;\n onClick?: () => void;\n onKeyDown?: () => void;\n link?: {\n href?: string;\n download?: boolean;\n target?: '_self' | '_blank' | '_parent' | '_top';\n };\n hoverBackgroundColor?: string;\n hoverColor?: string;\n disabled?: boolean;\n className?: string;\n customStyle?: Record<string, string | number>;\n useTitle?: boolean;\n};\n\nexport type Fixture = {props: ButtonLinkProps};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAA8C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9C,MAAMG,eAAe,GAAG;EACtBC,IAAI,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EACjCC,KAAK,EAAEH,kBAAS,CAACC,MAAM;EACvBG,eAAe,EAAEJ,kBAAS,CAACC,MAAM;EACjCI,IAAI,EAAEL,kBAAS,CAACM,MAAM;EACtBC,WAAW,EAAEP,kBAAS,CAACQ,QAAQ,CAACR,kBAAS,CAACS,SAAS,CAAC,CAACT,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACM,MAAM,CAAC,CAAC;AAC3F,CAAC;AAEM,MAAMI,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3BE,QAAQ,EAAEZ,kBAAS,CAACa,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;EAC5CC,IAAI,EAAEd,kBAAS,CAACa,KAAK,CAAC,IAAAE,MAAA,CAAAlB,OAAA,EAAKmB,kBAAK,CAAC,CAAC;EAClCC,MAAM,EAAEjB,kBAAS,CAACkB,KAAK,CAACpB,eAAe;AACzC,CAAC;AAED,MAAMqB,SAAS,GAAG;EAChBL,IAAI,EAAEd,kBAAS,CAACa,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAChFO,KAAK,EAAEpB,kBAAS,CAACa,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EACrDQ,KAAK,EAAErB,kBAAS,CAACC,MAAM;EACvBqB,OAAO,EAAEtB,kBAAS,CAACuB,IAAI;EACvB,YAAY,EAAEvB,kBAAS,CAACC,MAAM;EAC9BuB,WAAW,EAAExB,kBAAS,CAACC,MAAM;EAC7BwB,gBAAgB,EAAEzB,kBAAS,CAACa,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;EACrE,WAAW,EAAEb,kBAAS,CAACC,MAAM;EAC7B,aAAa,EAAED,kBAAS,CAACC,MAAM;EAC/ByB,IAAI,EAAE1B,kBAAS,CAACkB,KAAK,CAACR,aAAa,CAAC;EACpCiB,OAAO,EAAE3B,kBAAS,CAAC4B,IAAI;EACvBC,IAAI,EAAE7B,kBAAS,CAACkB,KAAK,CAAC;IACpBY,IAAI,EAAE9B,kBAAS,CAACC,MAAM;IACtB8B,QAAQ,EAAE/B,kBAAS,CAACgC,IAAI;IACxBC,MAAM,EAAEjC,kBAAS,CAACa,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;EAChE,CAAC,CAAC;EACFqB,oBAAoB,EAAElC,kBAAS,CAACC,MAAM;EACtCkC,UAAU,EAAEnC,kBAAS,CAACC,MAAM;EAC5BmC,QAAQ,EAAEpC,kBAAS,CAACgC,IAAI;EACxBK,SAAS,EAAErC,kBAAS,CAACC,MAAM;EAC3BM,WAAW,EAAEP,kBAAS,CAACQ,QAAQ,CAACR,kBAAS,CAACS,SAAS,CAAC,CAACT,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACM,MAAM,CAAC,CAAC;AAC3F,CAAC;AAAC,IAAAgC,QAAA,GAAA3B,OAAA,CAAAd,OAAA,GA4CasB,SAAS","ignoreList":[]}
1
+ {"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_buttonIcons","e","__esModule","default","faIconPropTypes","name","PropTypes","string","isRequired","color","backgroundColor","size","number","customStyle","objectOf","oneOfType","iconPropTypes","exports","position","oneOf","type","_keys2","ICONS","faIcon","shape","propTypes","usage","label","content","node","tooltipText","tooltipPlacement","icon","onClick","func","link","href","download","bool","target","hoverBackgroundColor","hoverColor","disabled","className","useTitle","customLabelClassName","_default"],"sources":["../../../src/atom/button-link/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport {ICONS} from '../../util/button-icons';\n\nconst faIconPropTypes = {\n name: PropTypes.string.isRequired,\n color: PropTypes.string,\n backgroundColor: PropTypes.string,\n size: PropTypes.number,\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport const iconPropTypes = {\n position: PropTypes.oneOf(['right', 'left']),\n type: PropTypes.oneOf(keys(ICONS)),\n faIcon: PropTypes.shape(faIconPropTypes)\n};\n\nconst propTypes = {\n type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n usage: PropTypes.oneOf(['button', 'submit', 'reset']),\n label: PropTypes.string,\n content: PropTypes.node,\n 'aria-label': PropTypes.string,\n tooltipText: PropTypes.string,\n tooltipPlacement: PropTypes.oneOf(['left', 'right', 'top', 'bottom']),\n 'data-name': PropTypes.string,\n 'data-testid': PropTypes.string,\n icon: PropTypes.shape(iconPropTypes),\n onClick: PropTypes.func,\n link: PropTypes.shape({\n href: PropTypes.string,\n download: PropTypes.bool,\n target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n }),\n hoverBackgroundColor: PropTypes.string,\n hoverColor: PropTypes.string,\n disabled: PropTypes.bool,\n className: PropTypes.string,\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n useTitle: PropTypes.bool,\n customLabelClassName: PropTypes.string\n};\n\nexport type FaIconType = {\n name: string;\n color?: string;\n backgroundColor?: string;\n size?: number;\n customStyle?: Record<string, number | string>;\n};\n\nexport type IconType = {\n position: 'right' | 'left';\n type?: keyof typeof ICONS;\n faIcon?: FaIconType;\n};\n\nexport type ButtonLinkProps = {\n type?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'dangerous';\n usage?: 'button' | 'submit' | 'reset';\n label?: string;\n content?: PropTypes.ReactNodeLike;\n 'aria-label'?: string;\n tooltipText?: string;\n tooltipPlacement?: 'left' | 'right' | 'top' | 'bottom';\n 'data-name'?: string;\n 'data-testid'?: string;\n icon?: IconType;\n onClick?: () => void;\n onKeyDown?: () => void;\n link?: {\n href?: string;\n download?: boolean;\n target?: '_self' | '_blank' | '_parent' | '_top';\n };\n hoverBackgroundColor?: string;\n hoverColor?: string;\n disabled?: boolean;\n className?: string;\n customStyle?: Record<string, string | number>;\n useTitle?: boolean;\n customLabelClassName?: string;\n};\n\nexport type Fixture = {props: ButtonLinkProps};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAA8C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9C,MAAMG,eAAe,GAAG;EACtBC,IAAI,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EACjCC,KAAK,EAAEH,kBAAS,CAACC,MAAM;EACvBG,eAAe,EAAEJ,kBAAS,CAACC,MAAM;EACjCI,IAAI,EAAEL,kBAAS,CAACM,MAAM;EACtBC,WAAW,EAAEP,kBAAS,CAACQ,QAAQ,CAACR,kBAAS,CAACS,SAAS,CAAC,CAACT,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACM,MAAM,CAAC,CAAC;AAC3F,CAAC;AAEM,MAAMI,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3BE,QAAQ,EAAEZ,kBAAS,CAACa,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;EAC5CC,IAAI,EAAEd,kBAAS,CAACa,KAAK,CAAC,IAAAE,MAAA,CAAAlB,OAAA,EAAKmB,kBAAK,CAAC,CAAC;EAClCC,MAAM,EAAEjB,kBAAS,CAACkB,KAAK,CAACpB,eAAe;AACzC,CAAC;AAED,MAAMqB,SAAS,GAAG;EAChBL,IAAI,EAAEd,kBAAS,CAACa,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAChFO,KAAK,EAAEpB,kBAAS,CAACa,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;EACrDQ,KAAK,EAAErB,kBAAS,CAACC,MAAM;EACvBqB,OAAO,EAAEtB,kBAAS,CAACuB,IAAI;EACvB,YAAY,EAAEvB,kBAAS,CAACC,MAAM;EAC9BuB,WAAW,EAAExB,kBAAS,CAACC,MAAM;EAC7BwB,gBAAgB,EAAEzB,kBAAS,CAACa,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;EACrE,WAAW,EAAEb,kBAAS,CAACC,MAAM;EAC7B,aAAa,EAAED,kBAAS,CAACC,MAAM;EAC/ByB,IAAI,EAAE1B,kBAAS,CAACkB,KAAK,CAACR,aAAa,CAAC;EACpCiB,OAAO,EAAE3B,kBAAS,CAAC4B,IAAI;EACvBC,IAAI,EAAE7B,kBAAS,CAACkB,KAAK,CAAC;IACpBY,IAAI,EAAE9B,kBAAS,CAACC,MAAM;IACtB8B,QAAQ,EAAE/B,kBAAS,CAACgC,IAAI;IACxBC,MAAM,EAAEjC,kBAAS,CAACa,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;EAChE,CAAC,CAAC;EACFqB,oBAAoB,EAAElC,kBAAS,CAACC,MAAM;EACtCkC,UAAU,EAAEnC,kBAAS,CAACC,MAAM;EAC5BmC,QAAQ,EAAEpC,kBAAS,CAACgC,IAAI;EACxBK,SAAS,EAAErC,kBAAS,CAACC,MAAM;EAC3BM,WAAW,EAAEP,kBAAS,CAACQ,QAAQ,CAACR,kBAAS,CAACS,SAAS,CAAC,CAACT,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACM,MAAM,CAAC,CAAC,CAAC;EAC1FgC,QAAQ,EAAEtC,kBAAS,CAACgC,IAAI;EACxBO,oBAAoB,EAAEvC,kBAAS,CAACC;AAClC,CAAC;AAAC,IAAAuC,QAAA,GAAA7B,OAAA,CAAAd,OAAA,GA6CasB,SAAS","ignoreList":[]}
@@ -27,9 +27,11 @@ declare const ButtonMenu: {
27
27
  customStyle: import("prop-types").Requireable<{
28
28
  [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
29
29
  }>;
30
+ customLabelClassName: import("prop-types").Requireable<string>;
30
31
  }> | null | undefined)[]>;
31
32
  'data-name': import("prop-types").Requireable<string>;
32
33
  'aria-label': import("prop-types").Requireable<string>;
34
+ enableScroll: import("prop-types").Requireable<boolean>;
33
35
  };
34
36
  };
35
37
  export default ButtonMenu;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/index.tsx"],"names":[],"mappings":";AAMA,OAAkB,EAAC,eAAe,EAA+B,MAAM,SAAS,CAAC;AAgEjF,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBzC,CAAC;AAIF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/index.tsx"],"names":[],"mappings":";AAMA,OAAkB,EAAC,eAAe,EAA+B,MAAM,SAAS,CAAC;AAkEjF,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBzC,CAAC;AAIF,eAAe,UAAU,CAAC"}
@@ -44,6 +44,7 @@ const Button = props => {
44
44
  buttonLinkType,
45
45
  icon,
46
46
  customStyle = {},
47
+ customLabelClassName,
47
48
  ...rest
48
49
  } = props;
49
50
  const styleButton = (0, _classnames.default)(_style.default.button, type === 'default' && _style.default.defaultStyle, type === 'defaultLeft' && _style.default.defaultLeft, type === 'dangerous' && _style.default.dangerous, type === 'dangerousLeft' && _style.default.dangerousLeft, disabled && _style.default.disabled);
@@ -59,7 +60,8 @@ const Button = props => {
59
60
  className: styleButton,
60
61
  customStyle: {
61
62
  ...customStyle
62
- }
63
+ },
64
+ customLabelClassName
63
65
  };
64
66
  const iconProps = buildCustomIconByTheme(icon);
65
67
  return /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, buttonLinkProps, {
@@ -70,7 +72,8 @@ Button.propTypes = process.env.NODE_ENV !== "production" ? _types.buttonPropType
70
72
  const ButtonMenu = props => {
71
73
  const {
72
74
  buttons,
73
- 'data-name': dataName
75
+ 'data-name': dataName,
76
+ enableScroll = false
74
77
  } = props;
75
78
  const buildButton = (0, _react.useCallback)((button, index) => {
76
79
  return /*#__PURE__*/_react.default.createElement(Button, _extends({}, button, {
@@ -82,9 +85,12 @@ const ButtonMenu = props => {
82
85
  () => _map.default.convert({
83
86
  cap: false
84
87
  })(buildButton, buttons), [buttons, buildButton]);
88
+ const containerStyle = (0, _classnames.default)(_style.default.buttonMenuContainer, {
89
+ [_style.default.scrollable]: enableScroll
90
+ });
85
91
  return /*#__PURE__*/_react.default.createElement("div", {
86
92
  "data-name": dataName,
87
- className: _style.default.buttonMenuContainer
93
+ className: containerStyle
88
94
  }, buttonList);
89
95
  };
90
96
  ButtonMenu.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_map","_interopRequireDefault","_classnames","_buttonLink","_style","_types","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","buildCustomIconByTheme","icon","theme","iconProps","custom","THEMES","customProps","DEFAULT_ICON_STYLE","faIcon","Button","props","dataName","disabled","label","onClick","_noop2","type","buttonLinkType","customStyle","rest","styleButton","classnames","style","button","defaultStyle","defaultLeft","dangerous","dangerousLeft","handleOnClick","useCallback","buttonLinkProps","className","createElement","propTypes","process","env","NODE_ENV","buttonPropTypes","ButtonMenu","buttons","buildButton","index","key","buttonList","useMemo","map","convert","cap","buttonMenuContainer","_default","exports"],"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 {noop} from 'lodash/fp';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\nimport propTypes, {ButtonMenuProps, ButtonProps, buttonPropTypes} from './types';\nimport {DEFAULT_ICON_STYLE, THEMES} from './utils';\n\nconst buildCustomIconByTheme = (icon: ButtonProps['icon']) => {\n if (!icon) return;\n\n const {theme, ...iconProps} = icon;\n const custom = theme && THEMES[theme];\n if (!custom) return iconProps;\n\n const customProps = custom\n ? {\n ...DEFAULT_ICON_STYLE,\n faIcon: {...DEFAULT_ICON_STYLE.faIcon, ...custom}\n }\n : null;\n\n return {\n ...iconProps,\n ...customProps\n };\n};\n\nconst Button = (props: ButtonProps) => {\n const {\n 'data-name': dataName,\n disabled,\n label,\n onClick = noop,\n type = 'default',\n buttonLinkType,\n icon,\n customStyle = {},\n ...rest\n } = props;\n const styleButton = classnames(\n style.button,\n type === 'default' && style.defaultStyle,\n type === 'defaultLeft' && style.defaultLeft,\n type === 'dangerous' && style.dangerous,\n type === 'dangerousLeft' && style.dangerousLeft,\n disabled && style.disabled\n );\n const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n const buttonLinkProps = {\n ...rest,\n 'aria-label': label,\n disabled,\n label,\n type: buttonLinkType,\n onClick: handleOnClick,\n 'data-name': dataName,\n className: styleButton,\n customStyle: {...customStyle}\n };\n\n const iconProps = buildCustomIconByTheme(icon);\n\n return <ButtonLink {...buttonLinkProps} icon={iconProps} />;\n};\n\nButton.propTypes = buttonPropTypes;\n\nconst ButtonMenu = (props: ButtonMenuProps) => {\n const {buttons, 'data-name': dataName} = props;\n const buildButton = useCallback((button: ButtonProps, 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 (\n <div data-name={dataName} className={style.buttonMenuContainer}>\n {buttonList}\n </div>\n );\n};\n\nButtonMenu.propTypes = propTypes;\n\nexport default ButtonMenu;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_map","_interopRequireDefault","_classnames","_buttonLink","_style","_types","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","buildCustomIconByTheme","icon","theme","iconProps","custom","THEMES","customProps","DEFAULT_ICON_STYLE","faIcon","Button","props","dataName","disabled","label","onClick","_noop2","type","buttonLinkType","customStyle","customLabelClassName","rest","styleButton","classnames","style","button","defaultStyle","defaultLeft","dangerous","dangerousLeft","handleOnClick","useCallback","buttonLinkProps","className","createElement","propTypes","process","env","NODE_ENV","buttonPropTypes","ButtonMenu","buttons","enableScroll","buildButton","index","key","buttonList","useMemo","map","convert","cap","containerStyle","buttonMenuContainer","scrollable","_default","exports"],"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 {noop} from 'lodash/fp';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\nimport propTypes, {ButtonMenuProps, ButtonProps, buttonPropTypes} from './types';\nimport {DEFAULT_ICON_STYLE, THEMES} from './utils';\n\nconst buildCustomIconByTheme = (icon: ButtonProps['icon']) => {\n if (!icon) return;\n\n const {theme, ...iconProps} = icon;\n const custom = theme && THEMES[theme];\n if (!custom) return iconProps;\n\n const customProps = custom\n ? {\n ...DEFAULT_ICON_STYLE,\n faIcon: {...DEFAULT_ICON_STYLE.faIcon, ...custom}\n }\n : null;\n\n return {\n ...iconProps,\n ...customProps\n };\n};\n\nconst Button = (props: ButtonProps) => {\n const {\n 'data-name': dataName,\n disabled,\n label,\n onClick = noop,\n type = 'default',\n buttonLinkType,\n icon,\n customStyle = {},\n customLabelClassName,\n ...rest\n } = props;\n const styleButton = classnames(\n style.button,\n type === 'default' && style.defaultStyle,\n type === 'defaultLeft' && style.defaultLeft,\n type === 'dangerous' && style.dangerous,\n type === 'dangerousLeft' && style.dangerousLeft,\n disabled && style.disabled\n );\n const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n const buttonLinkProps = {\n ...rest,\n 'aria-label': label,\n disabled,\n label,\n type: buttonLinkType,\n onClick: handleOnClick,\n 'data-name': dataName,\n className: styleButton,\n customStyle: {...customStyle},\n customLabelClassName\n };\n\n const iconProps = buildCustomIconByTheme(icon);\n\n return <ButtonLink {...buttonLinkProps} icon={iconProps} />;\n};\n\nButton.propTypes = buttonPropTypes;\n\nconst ButtonMenu = (props: ButtonMenuProps) => {\n const {buttons, 'data-name': dataName, enableScroll = false} = props;\n const buildButton = useCallback((button: ButtonProps, 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 const containerStyle = classnames(style.buttonMenuContainer, {\n [style.scrollable]: enableScroll\n });\n\n return (\n <div data-name={dataName} className={containerStyle}>\n {buttonList}\n </div>\n );\n};\n\nButtonMenu.propTypes = propTypes;\n\nexport default ButtonMenu;\n"],"mappings":"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","ignoreList":[]}
@@ -3,6 +3,7 @@
3
3
  @value cm_negative_100 from colors;
4
4
  @value cm_negative_300 from colors;
5
5
  @value negative_100 from colors;
6
+ @value cm_grey_200 from colors;
6
7
 
7
8
  .buttonMenuContainer {
8
9
  display: flex;
@@ -10,8 +11,29 @@
10
11
  gap: 8px;
11
12
  }
12
13
 
14
+ .scrollable {
15
+ max-height: 280px;
16
+ overflow-y: auto;
17
+ scrollbar-width: thin;
18
+ scrollbar-color: cm_grey_200 transparent;
19
+ }
20
+
21
+ .scrollable::-webkit-scrollbar {
22
+ width: 6px;
23
+ }
24
+
25
+ .scrollable::-webkit-scrollbar-track {
26
+ background: transparent;
27
+ }
28
+
29
+ .scrollable::-webkit-scrollbar-thumb {
30
+ background-color: cm_grey_200;
31
+ border-radius: 3px;
32
+ }
33
+
13
34
  .button {
14
35
  width: auto;
36
+ min-height: 40px;
15
37
  height: 40px;
16
38
  font-family: Gilroy;
17
39
  font-size: 14px;
@@ -24,6 +24,7 @@ export declare const buttonPropTypes: {
24
24
  customStyle: PropTypes.Requireable<{
25
25
  [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
26
26
  }>;
27
+ customLabelClassName: PropTypes.Requireable<string>;
27
28
  };
28
29
  declare const propTypes: {
29
30
  buttons: PropTypes.Validator<(PropTypes.InferProps<{
@@ -50,9 +51,11 @@ declare const propTypes: {
50
51
  customStyle: PropTypes.Requireable<{
51
52
  [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
52
53
  }>;
54
+ customLabelClassName: PropTypes.Requireable<string>;
53
55
  }> | null | undefined)[]>;
54
56
  'data-name': PropTypes.Requireable<string>;
55
57
  'aria-label': PropTypes.Requireable<string>;
58
+ enableScroll: PropTypes.Requireable<boolean>;
56
59
  };
57
60
  export default propTypes;
58
61
  export declare type Theme = 'archived' | 'published' | 'deleted';
@@ -62,11 +65,13 @@ export declare type ButtonProps = Omit<ButtonLinkProps, 'type' | 'icon'> & {
62
65
  icon?: IconType & {
63
66
  theme?: Theme;
64
67
  };
68
+ customLabelClassName?: string;
65
69
  };
66
70
  export declare type ButtonMenuProps = {
67
71
  buttons: ButtonProps[];
68
72
  'data-name'?: string;
69
73
  'aria-label'?: string;
74
+ enableScroll?: boolean;
70
75
  };
71
76
  export declare type ButtonMenuPropsFixture = {
72
77
  props: ButtonMenuProps;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,eAAe,EAAE,QAAQ,EAAgB,MAAM,sBAAsB,CAAC;AAE9E,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;CAY3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAId,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,KAAK,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;AAEzD,oBAAY,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG;IACjE,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,eAAe,CAAC;IACjE,cAAc,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,QAAQ,GAAG;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAC,CAAC;CACnC,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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,eAAe,EAAE,QAAQ,EAAgB,MAAM,sBAAsB,CAAC;AAE9E,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;CAa3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,KAAK,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;AAEzD,oBAAY,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG;IACjE,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,eAAe,CAAC;IACjE,cAAc,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,QAAQ,GAAG;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAC,CAAC;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC"}
@@ -16,12 +16,14 @@ const buttonPropTypes = exports.buttonPropTypes = {
16
16
  ..._types.iconPropTypes,
17
17
  theme: _propTypes.default.oneOf(['archived', 'published', 'deleted'])
18
18
  }),
19
- customStyle: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))
19
+ customStyle: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])),
20
+ customLabelClassName: _propTypes.default.string
20
21
  };
21
22
  const propTypes = {
22
23
  buttons: _propTypes.default.arrayOf(_propTypes.default.shape(buttonPropTypes)).isRequired,
23
24
  'data-name': _propTypes.default.string,
24
- 'aria-label': _propTypes.default.string
25
+ 'aria-label': _propTypes.default.string,
26
+ enableScroll: _propTypes.default.bool
25
27
  };
26
28
  var _default = exports.default = propTypes;
27
29
  //# sourceMappingURL=types.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_types","e","__esModule","default","buttonPropTypes","exports","PropTypes","string","disabled","bool","label","isRequired","onClick","func","type","oneOf","buttonLinkType","icon","shape","iconPropTypes","theme","customStyle","objectOf","oneOfType","number","propTypes","buttons","arrayOf","_default"],"sources":["../../../src/atom/button-menu/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ButtonLinkProps, IconType, iconPropTypes} from '../button-link/types';\n\nexport const buttonPropTypes = {\n 'data-name': PropTypes.string,\n disabled: PropTypes.bool,\n label: PropTypes.string.isRequired,\n onClick: PropTypes.func,\n type: PropTypes.oneOf(['default', 'defaultLeft', 'dangerous', 'dangerousLeft']),\n buttonLinkType: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n icon: PropTypes.shape({\n ...iconPropTypes,\n theme: PropTypes.oneOf(['archived', 'published', 'deleted'])\n }),\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nconst propTypes = {\n buttons: PropTypes.arrayOf(PropTypes.shape(buttonPropTypes)).isRequired,\n 'data-name': PropTypes.string,\n 'aria-label': PropTypes.string\n};\n\nexport default propTypes;\n\nexport type Theme = 'archived' | 'published' | 'deleted';\n\nexport type ButtonProps = Omit<ButtonLinkProps, 'type' | 'icon'> & {\n type?: 'default' | 'defaultLeft' | 'dangerous' | 'dangerousLeft';\n buttonLinkType?: ButtonLinkProps['type'];\n icon?: IconType & {theme?: Theme};\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,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAA8E,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEvE,MAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7B,WAAW,EAAEE,kBAAS,CAACC,MAAM;EAC7BC,QAAQ,EAAEF,kBAAS,CAACG,IAAI;EACxBC,KAAK,EAAEJ,kBAAS,CAACC,MAAM,CAACI,UAAU;EAClCC,OAAO,EAAEN,kBAAS,CAACO,IAAI;EACvBC,IAAI,EAAER,kBAAS,CAACS,KAAK,CAAC,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,CAAC,CAAC;EAC/EC,cAAc,EAAEV,kBAAS,CAACS,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAC1FE,IAAI,EAAEX,kBAAS,CAACY,KAAK,CAAC;IACpB,GAAGC,oBAAa;IAChBC,KAAK,EAAEd,kBAAS,CAACS,KAAK,CAAC,CAAC,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC;EAC7D,CAAC,CAAC;EACFM,WAAW,EAAEf,kBAAS,CAACgB,QAAQ,CAAChB,kBAAS,CAACiB,SAAS,CAAC,CAACjB,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACkB,MAAM,CAAC,CAAC;AAC3F,CAAC;AAED,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEpB,kBAAS,CAACqB,OAAO,CAACrB,kBAAS,CAACY,KAAK,CAACd,eAAe,CAAC,CAAC,CAACO,UAAU;EACvE,WAAW,EAAEL,kBAAS,CAACC,MAAM;EAC7B,YAAY,EAAED,kBAAS,CAACC;AAC1B,CAAC;AAAC,IAAAqB,QAAA,GAAAvB,OAAA,CAAAF,OAAA,GAEasB,SAAS","ignoreList":[]}
1
+ {"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_types","e","__esModule","default","buttonPropTypes","exports","PropTypes","string","disabled","bool","label","isRequired","onClick","func","type","oneOf","buttonLinkType","icon","shape","iconPropTypes","theme","customStyle","objectOf","oneOfType","number","customLabelClassName","propTypes","buttons","arrayOf","enableScroll","_default"],"sources":["../../../src/atom/button-menu/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ButtonLinkProps, IconType, iconPropTypes} from '../button-link/types';\n\nexport const buttonPropTypes = {\n 'data-name': PropTypes.string,\n disabled: PropTypes.bool,\n label: PropTypes.string.isRequired,\n onClick: PropTypes.func,\n type: PropTypes.oneOf(['default', 'defaultLeft', 'dangerous', 'dangerousLeft']),\n buttonLinkType: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n icon: PropTypes.shape({\n ...iconPropTypes,\n theme: PropTypes.oneOf(['archived', 'published', 'deleted'])\n }),\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n customLabelClassName: PropTypes.string\n};\n\nconst propTypes = {\n buttons: PropTypes.arrayOf(PropTypes.shape(buttonPropTypes)).isRequired,\n 'data-name': PropTypes.string,\n 'aria-label': PropTypes.string,\n enableScroll: PropTypes.bool\n};\n\nexport default propTypes;\n\nexport type Theme = 'archived' | 'published' | 'deleted';\n\nexport type ButtonProps = Omit<ButtonLinkProps, 'type' | 'icon'> & {\n type?: 'default' | 'defaultLeft' | 'dangerous' | 'dangerousLeft';\n buttonLinkType?: ButtonLinkProps['type'];\n icon?: IconType & {theme?: Theme};\n customLabelClassName?: string;\n};\n\nexport type ButtonMenuProps = {\n buttons: ButtonProps[];\n 'data-name'?: string;\n 'aria-label'?: string;\n enableScroll?: boolean;\n};\n\nexport type ButtonMenuPropsFixture = {props: ButtonMenuProps};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAA8E,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEvE,MAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7B,WAAW,EAAEE,kBAAS,CAACC,MAAM;EAC7BC,QAAQ,EAAEF,kBAAS,CAACG,IAAI;EACxBC,KAAK,EAAEJ,kBAAS,CAACC,MAAM,CAACI,UAAU;EAClCC,OAAO,EAAEN,kBAAS,CAACO,IAAI;EACvBC,IAAI,EAAER,kBAAS,CAACS,KAAK,CAAC,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,CAAC,CAAC;EAC/EC,cAAc,EAAEV,kBAAS,CAACS,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAC1FE,IAAI,EAAEX,kBAAS,CAACY,KAAK,CAAC;IACpB,GAAGC,oBAAa;IAChBC,KAAK,EAAEd,kBAAS,CAACS,KAAK,CAAC,CAAC,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC;EAC7D,CAAC,CAAC;EACFM,WAAW,EAAEf,kBAAS,CAACgB,QAAQ,CAAChB,kBAAS,CAACiB,SAAS,CAAC,CAACjB,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACkB,MAAM,CAAC,CAAC,CAAC;EAC1FC,oBAAoB,EAAEnB,kBAAS,CAACC;AAClC,CAAC;AAED,MAAMmB,SAAS,GAAG;EAChBC,OAAO,EAAErB,kBAAS,CAACsB,OAAO,CAACtB,kBAAS,CAACY,KAAK,CAACd,eAAe,CAAC,CAAC,CAACO,UAAU;EACvE,WAAW,EAAEL,kBAAS,CAACC,MAAM;EAC7B,YAAY,EAAED,kBAAS,CAACC,MAAM;EAC9BsB,YAAY,EAAEvB,kBAAS,CAACG;AAC1B,CAAC;AAAC,IAAAqB,QAAA,GAAAzB,OAAA,CAAAF,OAAA,GAEauB,SAAS","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/checkbox-with-title/index.js"],"names":[],"mappings":";AAQA,4DA0DC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/checkbox-with-title/index.js"],"names":[],"mappings":";AAQA,4DAwDC"}
@@ -43,7 +43,7 @@ const CheckboxWithTitle = props => {
43
43
  style: {
44
44
  ...customStyle
45
45
  }
46
- }, onChange !== _noop2.default ? /*#__PURE__*/_react.default.createElement("label", {
46
+ }, /*#__PURE__*/_react.default.createElement("label", {
47
47
  htmlFor: idCheckbox
48
48
  }, /*#__PURE__*/_react.default.createElement("input", {
49
49
  type: "checkbox",
@@ -68,7 +68,7 @@ const CheckboxWithTitle = props => {
68
68
  iconColor: 'transparent',
69
69
  preset: "s",
70
70
  customStyle: DEFAULT_ICON_STYLE
71
- }))) : null, title ? /*#__PURE__*/_react.default.createElement("span", {
71
+ }))), title ? /*#__PURE__*/_react.default.createElement("span", {
72
72
  // eslint-disable-next-line react/no-danger
73
73
  dangerouslySetInnerHTML: {
74
74
  __html: title
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_icon","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DEFAULT_ICON_STYLE","padding","width","height","CheckboxWithTitle","props","title","name","checked","onChange","_noop2","dataName","ariaLabel","icon","iconName","iconColor","preset","customStyle","idCheckbox","useMemo","_uniqueId2","handleChange","target","createElement","className","style","container","htmlFor","type","id","checkbox","label","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","shape","objectOf","oneOfType","number","_default","exports"],"sources":["../../../src/atom/checkbox-with-title/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport FaIcon from '../icon';\nimport style from './style.css';\n\nconst DEFAULT_ICON_STYLE = {padding: '0', width: '20px', height: '20px'};\n\nconst CheckboxWithTitle = props => {\n const {\n title,\n name,\n checked,\n onChange = noop,\n 'data-name': dataName,\n 'aria-label': ariaLabel,\n icon = {iconName: 'check', iconColor: 'white', preset: 's'},\n customStyle = {}\n } = props;\n const {iconName, iconColor, preset} = icon;\n const idCheckbox = useMemo(() => uniqueId('input-checkbox-'), []);\n const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n return (\n <div className={style.container} style={{...customStyle}}>\n {onChange !== noop ? (\n <label htmlFor={idCheckbox}>\n <input\n type=\"checkbox\"\n id={idCheckbox}\n name={name}\n onChange={handleChange}\n checked={checked}\n className={style.checkbox}\n data-name={dataName}\n aria-label={ariaLabel}\n />\n <div className={style.label}>\n {checked ? (\n <FaIcon\n className={style.icon}\n iconName={iconName}\n iconColor={iconColor}\n preset={preset}\n customStyle={DEFAULT_ICON_STYLE}\n />\n ) : (\n <FaIcon\n className={style.icon}\n iconName={'square'}\n iconColor={'transparent'}\n preset=\"s\"\n customStyle={DEFAULT_ICON_STYLE}\n />\n )}\n </div>\n </label>\n ) : null}\n {title ? (\n <span\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n ) : null}\n </div>\n );\n};\n\nCheckboxWithTitle.propTypes = {\n title: PropTypes.string,\n name: PropTypes.string,\n checked: PropTypes.bool,\n onChange: PropTypes.func,\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string,\n icon: PropTypes.shape({\n iconName: PropTypes.string,\n iconColor: PropTypes.string,\n preset: PropTypes.string\n }),\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\nexport default CheckboxWithTitle;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_icon","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DEFAULT_ICON_STYLE","padding","width","height","CheckboxWithTitle","props","title","name","checked","onChange","_noop2","dataName","ariaLabel","icon","iconName","iconColor","preset","customStyle","idCheckbox","useMemo","_uniqueId2","handleChange","target","createElement","className","style","container","htmlFor","type","id","checkbox","label","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","shape","objectOf","oneOfType","number","_default","exports"],"sources":["../../../src/atom/checkbox-with-title/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport FaIcon from '../icon';\nimport style from './style.css';\n\nconst DEFAULT_ICON_STYLE = {padding: '0', width: '20px', height: '20px'};\n\nconst CheckboxWithTitle = props => {\n const {\n title,\n name,\n checked,\n onChange = noop,\n 'data-name': dataName,\n 'aria-label': ariaLabel,\n icon = {iconName: 'check', iconColor: 'white', preset: 's'},\n customStyle = {}\n } = props;\n const {iconName, iconColor, preset} = icon;\n const idCheckbox = useMemo(() => uniqueId('input-checkbox-'), []);\n const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n return (\n <div className={style.container} style={{...customStyle}}>\n <label htmlFor={idCheckbox}>\n <input\n type=\"checkbox\"\n id={idCheckbox}\n name={name}\n onChange={handleChange}\n checked={checked}\n className={style.checkbox}\n data-name={dataName}\n aria-label={ariaLabel}\n />\n <div className={style.label}>\n {checked ? (\n <FaIcon\n className={style.icon}\n iconName={iconName}\n iconColor={iconColor}\n preset={preset}\n customStyle={DEFAULT_ICON_STYLE}\n />\n ) : (\n <FaIcon\n className={style.icon}\n iconName={'square'}\n iconColor={'transparent'}\n preset=\"s\"\n customStyle={DEFAULT_ICON_STYLE}\n />\n )}\n </div>\n </label>\n {title ? (\n <span\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n ) : null}\n </div>\n );\n};\n\nCheckboxWithTitle.propTypes = {\n title: PropTypes.string,\n name: PropTypes.string,\n checked: PropTypes.bool,\n onChange: PropTypes.func,\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string,\n icon: PropTypes.shape({\n iconName: PropTypes.string,\n iconColor: PropTypes.string,\n preset: PropTypes.string\n }),\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\nexport default CheckboxWithTitle;\n"],"mappings":"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","ignoreList":[]}
@@ -66,6 +66,8 @@ declare const RadioWithTitle: {
66
66
  customStyle: import("prop-types").Requireable<{
67
67
  [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
68
68
  }>;
69
+ useTitle: import("prop-types").Requireable<boolean>;
70
+ customLabelClassName: import("prop-types").Requireable<string>;
69
71
  }>>;
70
72
  required: import("prop-types").Requireable<boolean>;
71
73
  }>>>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAY,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBjD,CAAC;AAIF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAY,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBjD,CAAC;AAIF,eAAe,cAAc,CAAC"}
@@ -64,6 +64,8 @@ export declare const propTypes: {
64
64
  customStyle: PropTypes.Requireable<{
65
65
  [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
66
66
  }>;
67
+ useTitle: PropTypes.Requireable<boolean>;
68
+ customLabelClassName: PropTypes.Requireable<string>;
67
69
  }>>;
68
70
  required: PropTypes.Requireable<boolean>;
69
71
  }>>>;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
@@ -1,6 +1,6 @@
1
1
  export default Tag;
2
2
  declare function Tag({ label, type, size, customStyle, icon }: {
3
- label?: string | undefined;
3
+ label: any;
4
4
  type?: string | undefined;
5
5
  size?: string | undefined;
6
6
  customStyle?: {} | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tag/index.js"],"names":[],"mappings":";AA6BA;;;;;;gBAsBC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tag/index.js"],"names":[],"mappings":";AAsBA;;;;;;gBAgBC"}
@@ -22,35 +22,24 @@ const TAG_SIZE = {
22
22
  M: _style.default.medium,
23
23
  L: _style.default.large
24
24
  };
25
- const defaultIconProps = {
26
- position: 'left',
27
- preset: 's'
28
- };
29
- const renderIcon = iconProps => /*#__PURE__*/_react.default.createElement(_icon.default, iconProps);
30
25
  const Tag = ({
31
- label = '',
26
+ label,
32
27
  type = 'default',
33
28
  size = 'M',
34
29
  customStyle = {},
35
30
  icon = {}
36
31
  }) => {
37
- const {
38
- iconName
39
- } = icon;
40
32
  const {
41
33
  position,
42
34
  ...iconProps
43
- } = iconName ? {
44
- ...defaultIconProps,
45
- ...icon
46
- } : {};
35
+ } = icon;
47
36
  return /*#__PURE__*/_react.default.createElement("span", {
48
37
  className: (0, _classnames.default)(TAG_STYLES[type], TAG_SIZE[size]),
49
38
  "data-name": `content-tag-${label}`,
50
39
  style: customStyle
51
40
  }, /*#__PURE__*/_react.default.createElement("div", {
52
41
  className: _style.default.content
53
- }, position === 'left' && iconName && renderIcon(iconProps), /*#__PURE__*/_react.default.createElement("div", null, label), position === 'right' && iconName && renderIcon(iconProps)));
42
+ }, position === 'left' ? /*#__PURE__*/_react.default.createElement(_icon.default, iconProps) : null, /*#__PURE__*/_react.default.createElement("div", null, label), position === 'right' ? /*#__PURE__*/_react.default.createElement(_icon.default, iconProps) : null));
54
43
  };
55
44
  Tag.propTypes = process.env.NODE_ENV !== "production" ? {
56
45
  label: _propTypes.default.string,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_icon","_style","e","__esModule","default","TAG_STYLES","style","defaultStyle","success","failure","warning","progress","info","TAG_SIZE","S","small","M","medium","L","large","defaultIconProps","position","preset","renderIcon","iconProps","createElement","Tag","label","type","size","customStyle","icon","iconName","className","classnames","content","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","_keys2","objectOf","oneOfType","number","shape","Icon","_default","exports"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport Icon from '../icon';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n default: style.defaultStyle,\n success: style.success,\n failure: style.failure,\n warning: style.warning,\n progress: style.progress,\n info: style.info\n};\n\nconst TAG_SIZE = {\n S: style.small,\n M: style.medium,\n L: style.large\n};\n\nconst defaultIconProps = {\n position: 'left',\n preset: 's'\n};\n\nconst renderIcon = iconProps => <Icon {...iconProps} />;\n\nconst Tag = ({label = '', type = 'default', size = 'M', customStyle = {}, icon = {}}) => {\n const {iconName} = icon;\n const {position, ...iconProps} = iconName\n ? {\n ...defaultIconProps,\n ...icon\n }\n : {};\n\n return (\n <span\n className={classnames(TAG_STYLES[type], TAG_SIZE[size])}\n data-name={`content-tag-${label}`}\n style={customStyle}\n >\n <div className={style.content}>\n {position === 'left' && iconName && renderIcon(iconProps)}\n <div>{label}</div>\n {position === 'right' && iconName && renderIcon(iconProps)}\n </div>\n </span>\n );\n};\n\nTag.propTypes = {\n label: PropTypes.string,\n type: PropTypes.oneOf(keys(TAG_STYLES)),\n size: PropTypes.oneOf(['S', 'M', 'L']),\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n icon: PropTypes.shape({...Icon.propTypes, position: PropTypes.oneOf(['left', 'right'])})\n};\n\nexport default Tag;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_icon","_style","e","__esModule","default","TAG_STYLES","style","defaultStyle","success","failure","warning","progress","info","TAG_SIZE","S","small","M","medium","L","large","Tag","label","type","size","customStyle","icon","position","iconProps","createElement","className","classnames","content","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","_keys2","objectOf","oneOfType","number","shape","Icon","_default","exports"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport Icon from '../icon';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n default: style.defaultStyle,\n success: style.success,\n failure: style.failure,\n warning: style.warning,\n progress: style.progress,\n info: style.info\n};\n\nconst TAG_SIZE = {\n S: style.small,\n M: style.medium,\n L: style.large\n};\n\nconst Tag = ({label, type = 'default', size = 'M', customStyle = {}, icon = {}}) => {\n const {position, ...iconProps} = icon;\n\n return (\n <span\n className={classnames(TAG_STYLES[type], TAG_SIZE[size])}\n data-name={`content-tag-${label}`}\n style={customStyle}\n >\n <div className={style.content}>\n {position === 'left' ? <Icon {...iconProps} /> : null}\n <div>{label}</div>\n {position === 'right' ? <Icon {...iconProps} /> : null}\n </div>\n </span>\n );\n};\n\nTag.propTypes = {\n label: PropTypes.string,\n type: PropTypes.oneOf(keys(TAG_STYLES)),\n size: PropTypes.oneOf(['S', 'M', 'L']),\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n icon: PropTypes.shape({...Icon.propTypes, position: PropTypes.oneOf(['left', 'right'])})\n};\n\nexport default Tag;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,UAAU,GAAG;EACjBD,OAAO,EAAEE,cAAK,CAACC,YAAY;EAC3BC,OAAO,EAAEF,cAAK,CAACE,OAAO;EACtBC,OAAO,EAAEH,cAAK,CAACG,OAAO;EACtBC,OAAO,EAAEJ,cAAK,CAACI,OAAO;EACtBC,QAAQ,EAAEL,cAAK,CAACK,QAAQ;EACxBC,IAAI,EAAEN,cAAK,CAACM;AACd,CAAC;AAED,MAAMC,QAAQ,GAAG;EACfC,CAAC,EAAER,cAAK,CAACS,KAAK;EACdC,CAAC,EAAEV,cAAK,CAACW,MAAM;EACfC,CAAC,EAAEZ,cAAK,CAACa;AACX,CAAC;AAED,MAAMC,GAAG,GAAGA,CAAC;EAACC,KAAK;EAAEC,IAAI,GAAG,SAAS;EAAEC,IAAI,GAAG,GAAG;EAAEC,WAAW,GAAG,CAAC,CAAC;EAAEC,IAAI,GAAG,CAAC;AAAC,CAAC,KAAK;EAClF,MAAM;IAACC,QAAQ;IAAE,GAAGC;EAAS,CAAC,GAAGF,IAAI;EAErC,oBACE9B,MAAA,CAAAS,OAAA,CAAAwB,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EAACzB,UAAU,CAACiB,IAAI,CAAC,EAAET,QAAQ,CAACU,IAAI,CAAC,CAAE;IACxD,aAAW,eAAeF,KAAK,EAAG;IAClCf,KAAK,EAAEkB;EAAY,gBAEnB7B,MAAA,CAAAS,OAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEvB,cAAK,CAACyB;EAAQ,GAC3BL,QAAQ,KAAK,MAAM,gBAAG/B,MAAA,CAAAS,OAAA,CAAAwB,aAAA,CAAC5B,KAAA,CAAAI,OAAI,EAAKuB,SAAY,CAAC,GAAG,IAAI,eACrDhC,MAAA,CAAAS,OAAA,CAAAwB,aAAA,cAAMP,KAAW,CAAC,EACjBK,QAAQ,KAAK,OAAO,gBAAG/B,MAAA,CAAAS,OAAA,CAAAwB,aAAA,CAAC5B,KAAA,CAAAI,OAAI,EAAKuB,SAAY,CAAC,GAAG,IAC/C,CACD,CAAC;AAEX,CAAC;AAEDP,GAAG,CAACY,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACdd,KAAK,EAAEe,kBAAS,CAACC,MAAM;EACvBf,IAAI,EAAEc,kBAAS,CAACE,KAAK,CAAC,IAAAC,MAAA,CAAAnC,OAAA,EAAKC,UAAU,CAAC,CAAC;EACvCkB,IAAI,EAAEa,kBAAS,CAACE,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;EACtCd,WAAW,EAAEY,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACM,MAAM,CAAC,CAAC,CAAC;EAC1FjB,IAAI,EAAEW,kBAAS,CAACO,KAAK,CAAC;IAAC,GAAGC,aAAI,CAACZ,SAAS;IAAEN,QAAQ,EAAEU,kBAAS,CAACE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC;EAAC,CAAC;AACzF,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAA1C,OAAA,GAEagB,GAAG","ignoreList":[]}
@@ -64,6 +64,8 @@ declare namespace Title {
64
64
  customStyle: PropTypes.Requireable<{
65
65
  [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
66
66
  }>;
67
+ useTitle: PropTypes.Requireable<boolean>;
68
+ customLabelClassName: PropTypes.Requireable<string>;
67
69
  }>>;
68
70
  required: PropTypes.Requireable<boolean>;
69
71
  };
@@ -31,6 +31,7 @@ declare const BulletPointMenuButton: {
31
31
  customStyle: import("prop-types").Requireable<{
32
32
  [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
33
33
  }>;
34
+ customLabelClassName: import("prop-types").Requireable<string>;
34
35
  }> | null | undefined)[]>;
35
36
  onClick: import("prop-types").Requireable<(...args: any[]) => any>;
36
37
  menuButtonClassName: import("prop-types").Requireable<string>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAG9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgF/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAG9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgF/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}
@@ -29,6 +29,7 @@ declare const propTypes: {
29
29
  customStyle: PropTypes.Requireable<{
30
30
  [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
31
31
  }>;
32
+ customLabelClassName: PropTypes.Requireable<string>;
32
33
  }> | null | undefined)[]>;
33
34
  onClick: PropTypes.Requireable<(...args: any[]) => any>;
34
35
  menuButtonClassName: PropTypes.Requireable<string>;
@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,0BAA0B,GAAG;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,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,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,iCAAiC,GAAG;IAAC,KAAK,EAAE,0BAA0B,CAAA;CAAC,CAAC"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,0BAA0B,GAAG;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,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,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,iCAAiC,GAAG;IAAC,KAAK,EAAE,0BAA0B,CAAA;CAAC,CAAC"}
@@ -39,6 +39,8 @@ declare const ButtonMenuAction: {
39
39
  customStyle: import("prop-types").Requireable<{
40
40
  [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
41
41
  }>;
42
+ useTitle: import("prop-types").Requireable<boolean>;
43
+ customLabelClassName: import("prop-types").Requireable<string>;
42
44
  }>>>;
43
45
  menu: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
44
46
  buttons: import("prop-types").Validator<(import("prop-types").InferProps<{
@@ -65,9 +67,11 @@ declare const ButtonMenuAction: {
65
67
  customStyle: import("prop-types").Requireable<{
66
68
  [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
67
69
  }>;
70
+ customLabelClassName: import("prop-types").Requireable<string>;
68
71
  }> | null | undefined)[]>;
69
72
  'data-name': import("prop-types").Requireable<string>;
70
73
  'aria-label': import("prop-types").Requireable<string>;
74
+ enableScroll: import("prop-types").Requireable<boolean>;
71
75
  }>>>;
72
76
  menuWrapper: import("prop-types").Requireable<import("prop-types").InferProps<{
73
77
  ariaLabel: import("prop-types").Requireable<string>;
@@ -78,6 +82,7 @@ declare const ButtonMenuAction: {
78
82
  type: import("prop-types").Requireable<string>;
79
83
  primaryColor: import("prop-types").Requireable<string>;
80
84
  closeOnClick: import("prop-types").Requireable<boolean>;
85
+ enableScroll: import("prop-types").Requireable<boolean>;
81
86
  };
82
87
  };
83
88
  export default ButtonMenuAction;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/button-menu-action/index.tsx"],"names":[],"mappings":";AAOA,OAAkB,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAGzD,QAAA,MAAM,gBAAgB;YAAW,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFrD,CAAC;AAIF,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/button-menu-action/index.tsx"],"names":[],"mappings":";AAOA,OAAkB,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAGzD,QAAA,MAAM,gBAAgB;YAAW,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFrD,CAAC;AAIF,eAAe,gBAAgB,CAAC"}
@@ -23,7 +23,8 @@ const ButtonMenuAction = props => {
23
23
  type = 'button',
24
24
  primaryColor,
25
25
  containerCustom,
26
- closeOnClick = false
26
+ closeOnClick = false,
27
+ enableScroll = false
27
28
  } = props;
28
29
  const {
29
30
  onClick = _noop2.default
@@ -57,7 +58,9 @@ const ButtonMenuAction = props => {
57
58
  "data-name": "menu-wrapper",
58
59
  "aria-label": menuWrapper?.ariaLabel,
59
60
  style: menuWrapper?.customStyle
60
- }, /*#__PURE__*/_react.default.createElement(_buttonMenu.default, menuWithClose));
61
+ }, /*#__PURE__*/_react.default.createElement(_buttonMenu.default, _extends({}, menuWithClose, {
62
+ enableScroll: enableScroll
63
+ })));
61
64
  return /*#__PURE__*/_react.default.createElement("div", {
62
65
  className: _style.default.container,
63
66
  "data-name": "button-menu-action-wrapper",