@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.
- package/es/atom/avatar/style.css +1 -1
- package/es/atom/button-link/index.d.ts +23 -24
- package/es/atom/button-link/index.d.ts.map +1 -1
- package/es/atom/button-link/index.js +10 -30
- package/es/atom/button-link/index.js.map +1 -1
- package/es/atom/button-link/style.css +10 -1
- package/es/atom/button-link/types.d.ts +50 -0
- package/es/atom/button-link/types.d.ts.map +1 -0
- package/es/atom/button-link/types.js +25 -0
- package/es/atom/button-link/types.js.map +1 -0
- package/es/atom/button-link-icon-only/style.css +16 -1
- package/es/atom/button-menu/index.d.ts +14 -13
- package/es/atom/button-menu/index.d.ts.map +1 -1
- package/es/atom/button-menu/index.js +5 -13
- package/es/atom/button-menu/index.js.map +1 -1
- package/es/atom/button-menu/types.d.ts +35 -0
- package/es/atom/button-menu/types.d.ts.map +1 -0
- package/es/atom/button-menu/types.js +14 -0
- package/es/atom/button-menu/types.js.map +1 -0
- package/es/atom/difficulty-level/style.css +1 -1
- package/es/atom/link/index.d.ts +1 -0
- package/es/atom/link/index.js +1 -0
- package/es/atom/link/index.js.map +1 -1
- package/es/atom/status-item/style.css +3 -0
- package/es/molecule/brand-form-group/index.d.ts +0 -2
- package/es/molecule/bullet-point-menu-button/index.d.ts +20 -17
- package/es/molecule/bullet-point-menu-button/index.d.ts.map +1 -1
- package/es/molecule/bullet-point-menu-button/index.js +9 -11
- package/es/molecule/bullet-point-menu-button/index.js.map +1 -1
- package/es/molecule/bullet-point-menu-button/style.css +20 -0
- package/es/molecule/bullet-point-menu-button/types.d.ts +31 -0
- package/es/molecule/bullet-point-menu-button/types.d.ts.map +1 -0
- package/es/molecule/bullet-point-menu-button/types.js +13 -0
- package/es/molecule/bullet-point-menu-button/types.js.map +1 -0
- package/es/molecule/empty-state-dashboard/index.d.ts +1 -1
- package/es/molecule/empty-state-dashboard/index.d.ts.map +1 -1
- package/es/molecule/empty-state-dashboard/index.js +2 -2
- package/es/molecule/empty-state-dashboard/index.js.map +1 -1
- package/es/molecule/empty-state-dashboard/types.d.ts +8 -0
- package/es/molecule/empty-state-dashboard/types.d.ts.map +1 -1
- package/es/molecule/empty-state-dashboard/types.js.map +1 -1
- package/es/molecule/expandible-actionable-table/index.d.ts +103 -0
- package/es/molecule/expandible-actionable-table/index.d.ts.map +1 -0
- package/es/molecule/expandible-actionable-table/index.js +193 -0
- package/es/molecule/expandible-actionable-table/index.js.map +1 -0
- package/es/molecule/expandible-actionable-table/style.css +134 -0
- package/es/molecule/expandible-actionable-table/types.d.ts +116 -0
- package/es/molecule/expandible-actionable-table/types.d.ts.map +1 -0
- package/es/molecule/expandible-actionable-table/types.js +33 -0
- package/es/molecule/expandible-actionable-table/types.js.map +1 -0
- package/es/molecule/uploading-file-progress/index.d.ts +1 -1
- package/es/molecule/uploading-file-progress/index.d.ts.map +1 -1
- package/es/molecule/uploading-file-progress/index.js.map +1 -1
- package/es/molecule/uploading-file-progress/types.d.ts +10 -1
- package/es/molecule/uploading-file-progress/types.d.ts.map +1 -1
- package/es/molecule/uploading-file-progress/types.js.map +1 -1
- package/es/organism/brand-form/index.d.ts +0 -2
- package/es/organism/list-items/index.d.ts +109 -6
- package/es/organism/list-items/index.d.ts.map +1 -1
- package/es/organism/list-items/index.js +44 -15
- package/es/organism/list-items/index.js.map +1 -1
- package/es/organism/setup-header/index.d.ts +0 -8
- package/es/organism/wizard-contents/index.d.ts +71 -2
- package/es/organism/wizard-contents/index.d.ts.map +1 -1
- package/es/organism/wizard-contents/index.js +6 -0
- package/es/organism/wizard-contents/index.js.map +1 -1
- package/es/template/back-office/brand-create/index.d.ts +0 -8
- package/es/template/back-office/brand-create/index.d.ts.map +1 -1
- package/es/template/back-office/brand-list/index.d.ts +0 -8
- package/es/template/back-office/brand-list/index.d.ts.map +1 -1
- package/es/template/back-office/brand-update/index.d.ts +288 -802
- package/es/template/back-office/brand-update/index.d.ts.map +1 -1
- package/es/template/back-office/brand-update/index.js +14 -2
- package/es/template/back-office/brand-update/index.js.map +1 -1
- package/es/template/back-office/dashboard-preview/index.d.ts +0 -8
- package/es/template/back-office/layout/index.d.ts +0 -8
- package/es/template/back-office/layout/index.d.ts.map +1 -1
- package/lib/atom/avatar/style.css +1 -1
- package/lib/atom/button-link/index.d.ts +23 -24
- package/lib/atom/button-link/index.d.ts.map +1 -1
- package/lib/atom/button-link/index.js +10 -32
- package/lib/atom/button-link/index.js.map +1 -1
- package/lib/atom/button-link/style.css +10 -1
- package/lib/atom/button-link/types.d.ts +50 -0
- package/lib/atom/button-link/types.d.ts.map +1 -0
- package/lib/atom/button-link/types.js +36 -0
- package/lib/atom/button-link/types.js.map +1 -0
- package/lib/atom/button-link-icon-only/style.css +16 -1
- package/lib/atom/button-menu/index.d.ts +14 -13
- package/lib/atom/button-menu/index.d.ts.map +1 -1
- package/lib/atom/button-menu/index.js +6 -14
- package/lib/atom/button-menu/index.js.map +1 -1
- package/lib/atom/button-menu/types.d.ts +35 -0
- package/lib/atom/button-menu/types.d.ts.map +1 -0
- package/lib/atom/button-menu/types.js +24 -0
- package/lib/atom/button-menu/types.js.map +1 -0
- package/lib/atom/difficulty-level/style.css +1 -1
- package/lib/atom/link/index.d.ts +1 -0
- package/lib/atom/link/index.js +1 -0
- package/lib/atom/link/index.js.map +1 -1
- package/lib/atom/status-item/style.css +3 -0
- package/lib/molecule/brand-form-group/index.d.ts +0 -2
- package/lib/molecule/bullet-point-menu-button/index.d.ts +20 -17
- package/lib/molecule/bullet-point-menu-button/index.d.ts.map +1 -1
- package/lib/molecule/bullet-point-menu-button/index.js +10 -11
- package/lib/molecule/bullet-point-menu-button/index.js.map +1 -1
- package/lib/molecule/bullet-point-menu-button/style.css +20 -0
- package/lib/molecule/bullet-point-menu-button/types.d.ts +31 -0
- package/lib/molecule/bullet-point-menu-button/types.d.ts.map +1 -0
- package/lib/molecule/bullet-point-menu-button/types.js +23 -0
- package/lib/molecule/bullet-point-menu-button/types.js.map +1 -0
- package/lib/molecule/empty-state-dashboard/index.d.ts +1 -1
- package/lib/molecule/empty-state-dashboard/index.d.ts.map +1 -1
- package/lib/molecule/empty-state-dashboard/index.js +2 -2
- package/lib/molecule/empty-state-dashboard/index.js.map +1 -1
- package/lib/molecule/empty-state-dashboard/types.d.ts +8 -0
- package/lib/molecule/empty-state-dashboard/types.d.ts.map +1 -1
- package/lib/molecule/empty-state-dashboard/types.js.map +1 -1
- package/lib/molecule/expandible-actionable-table/index.d.ts +103 -0
- package/lib/molecule/expandible-actionable-table/index.d.ts.map +1 -0
- package/lib/molecule/expandible-actionable-table/index.js +215 -0
- package/lib/molecule/expandible-actionable-table/index.js.map +1 -0
- package/lib/molecule/expandible-actionable-table/style.css +134 -0
- package/lib/molecule/expandible-actionable-table/types.d.ts +116 -0
- package/lib/molecule/expandible-actionable-table/types.d.ts.map +1 -0
- package/lib/molecule/expandible-actionable-table/types.js +47 -0
- package/lib/molecule/expandible-actionable-table/types.js.map +1 -0
- package/lib/molecule/uploading-file-progress/index.d.ts +1 -1
- package/lib/molecule/uploading-file-progress/index.d.ts.map +1 -1
- package/lib/molecule/uploading-file-progress/index.js.map +1 -1
- package/lib/molecule/uploading-file-progress/types.d.ts +10 -1
- package/lib/molecule/uploading-file-progress/types.d.ts.map +1 -1
- package/lib/molecule/uploading-file-progress/types.js.map +1 -1
- package/lib/organism/brand-form/index.d.ts +0 -2
- package/lib/organism/list-items/index.d.ts +109 -6
- package/lib/organism/list-items/index.d.ts.map +1 -1
- package/lib/organism/list-items/index.js +45 -15
- package/lib/organism/list-items/index.js.map +1 -1
- package/lib/organism/setup-header/index.d.ts +0 -8
- package/lib/organism/wizard-contents/index.d.ts +71 -2
- package/lib/organism/wizard-contents/index.d.ts.map +1 -1
- package/lib/organism/wizard-contents/index.js +7 -0
- package/lib/organism/wizard-contents/index.js.map +1 -1
- package/lib/template/back-office/brand-create/index.d.ts +0 -8
- package/lib/template/back-office/brand-create/index.d.ts.map +1 -1
- package/lib/template/back-office/brand-list/index.d.ts +0 -8
- package/lib/template/back-office/brand-list/index.d.ts.map +1 -1
- package/lib/template/back-office/brand-update/index.d.ts +288 -802
- package/lib/template/back-office/brand-update/index.d.ts.map +1 -1
- package/lib/template/back-office/brand-update/index.js +15 -2
- package/lib/template/back-office/brand-update/index.js.map +1 -1
- package/lib/template/back-office/dashboard-preview/index.d.ts +0 -8
- package/lib/template/back-office/layout/index.d.ts +0 -8
- package/lib/template/back-office/layout/index.d.ts.map +1 -1
- package/locales/.mtslconfig.json +1 -0
- package/locales/en/global.json +2 -1
- package/package.json +3 -3
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
declare
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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':
|
|
13
|
+
'data-name': import("prop-types").Requireable<string>;
|
|
13
14
|
};
|
|
14
|
-
}
|
|
15
|
-
|
|
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.
|
|
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)((
|
|
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","
|
|
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"}
|
package/lib/atom/link/index.d.ts
CHANGED
|
@@ -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>;
|
package/lib/atom/link/index.js
CHANGED
|
@@ -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":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;;;;;AAEA,MAAMA,IAAI,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EACrC,MAAMC,IAAI,GAAG,IAAAC,4BAAA,EAAmBF,aAAnB,CAAb;EACA,MAAM,CAACG,OAAD,EAAUC,UAAV,IAAwB,IAAAC,eAAA,EAAS,KAAT,CAA9B;EACA,MAAM;IAACC,OAAO,EAAE;MAACC,UAAU;IAAX,IAA0B;EAApC,IAA0CP,aAAhD;;EACA,MAAM;IACJQ,SADI;IAEJC,UAAU,GAAG,qBAAM,SAAN,EAAiB,gBAAjB,EAAmCR,IAAnC,CAFT;IAGJ,aAAaS,QAAQ,GAAG,MAHpB;IAIJ,cAAcC;EAJV,IAMFZ,KANJ;EAAA,MAKKa,gBALL,iCAMIb,KANJ;;EAOA,MAAM;IACJc,IADI;IAEJC,OAAO,iBAFH;IAGJC,SAHI;IAIJC,KAAK,EAAEC,UAJH;IAKJC,QALI;IAMJC,YAAY,iBANR;IAOJC,YAAY,iBAPR;IAQJC;EARI,IASFtB,KATJ;EAWA,MAAMuB,gBAAgB,GAAG,IAAAC,kBAAA,EAAY,MAAM;IACzCnB,UAAU,CAAC,IAAD,CAAV;IAEAgB,YAAY;EACb,CAJwB,EAItB,CAACA,YAAD,CAJsB,CAAzB;EAMA,MAAMI,gBAAgB,GAAG,IAAAD,kBAAA,EAAY,MAAM;IACzCnB,UAAU,CAAC,KAAD,CAAV;IAEAe,YAAY;EACb,CAJwB,EAItB,CAACA,YAAD,CAJsB,CAAzB;EAMA,MAAMM,QAAQ,GAAG,IAAAC,cAAA,EAAQ,MAAM,IAAAC,mBAAA,EAAc3B,aAAd,EAA6B;IAACa;EAAD,CAA7B,CAAd,EAAoD,CAACA,IAAD,EAAOb,aAAP,CAApD,CAAjB;EAEA,MAAM4B,aAAa,GAAG,IAAAL,kBAAA,EACpBM,CAAC,IAAI;IACHf,OAAO,CAACe,CAAD,CAAP;;IAEA,IAAI,CAACR,QAAL,EAAe;MACbI,QAAQ,CAACI,CAAD,CAAR;IACD;EACF,CAPmB,EAQpB,CAACR,QAAD,EAAWI,QAAX,EAAqBX,OAArB,CARoB,CAAtB;;EAWA,MAAMgB,MAAM,GACVjB,IAAI,IAAIC,OAAR,GACI,IADJ,GAEI;IACEiB,aAAa,EAAE;EADjB,CAHN;;EAMA,MAAMC,WAAW,GACfxB,SAAS,IAAIL,OAAb,GACI;IACE8B,KAAK,EAAExB;EADT,CADJ,GAII,IALN;;EAOA,oBACE,+CACMG,gBADN;IAEE,aAAWF,QAFb;IAGE,cAAYC,SAHd;IAIE,IAAI,EAAEE,IAAI,GAAGN,UAAU,CAACM,IAAD,CAAb,GAAsBqB,SAJlC;IAKE,OAAO,EAAEN,aALX;IAME,YAAY,EAAEN,gBANhB;IAOE,YAAY,EAAEE,gBAPhB;IAQE,SAAS,EAAET,SARb;IASE,KAAK,eACAE,UADA,EAEAa,MAFA,EAGAE,WAHA;EATP,IAeGd,QAfH,CADF;AAmBD,CA/ED;;AAiFApB,IAAI,CAACqC,SAAL,2CAAiB;EACfjB,QAAQ,EAAEkB,kBAAA,CAAUC,IADL;EAEftB,SAAS,EAAEqB,kBAAA,CAAUE,MAFN;EAGfzB,IAAI,EAAEuB,kBAAA,CAAUE,MAHD;EAIf,aAAaF,kBAAA,CAAUE,MAJR;EAKf,cAAcF,kBAAA,CAAUE,MALT;EAMfC,
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
declare
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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.
|
|
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
|
|
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","
|
|
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 +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;
|
|
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,
|
|
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;
|
|
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;;
|
|
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"}
|