@coorpacademy/components 11.40.1-alpha.7 → 11.40.1-alpha.8

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.
@@ -1,6 +1,6 @@
1
1
  import React, { useCallback } from 'react';
2
2
  import PropTypes from 'prop-types';
3
- import classnames from 'classnames';
3
+ // import classnames from 'classnames';
4
4
  import FaIcon from '../icon';
5
5
  import { COLORS } from '../../variables/colors';
6
6
  // eslint-disable-next-line css-modules/no-unused-class
@@ -43,20 +43,21 @@ const SelectIcon = props => {
43
43
  onClick,
44
44
  options = {}
45
45
  } = props;
46
- const {
47
- isSelected = false
48
- } = options;
46
+
47
+ // const {isSelected = false} = options;
48
+
49
49
  const contentView = getButtonContent(faIcon, options);
50
- const styleButton = classnames(style.defaultStyle, isSelected && style.selected);
50
+ // const styleButton = classnames(style.defaultStyle, isSelected && style.selected);
51
51
  const handleOnClick = useCallback(() => onClick(), [onClick]);
52
52
  const IconButton = useCallback(() => /*#__PURE__*/React.createElement("button", {
53
53
  type: "button",
54
54
  "aria-label": ariaLabel,
55
55
  "data-name": dataName,
56
- "data-testid": `button-${dataName}`,
57
- className: styleButton,
56
+ "data-testid": `button-${dataName}`
57
+ // className={styleButton}
58
+ ,
58
59
  onClick: handleOnClick
59
- }, contentView), [ariaLabel, contentView, dataName, handleOnClick, styleButton]);
60
+ }, contentView), [ariaLabel, contentView, dataName, handleOnClick]);
60
61
  return /*#__PURE__*/React.createElement(IconButton, null);
61
62
  };
62
63
  SelectIcon.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","useCallback","PropTypes","classnames","FaIcon","COLORS","style","ICON_COLOR","cm_primary_blue","getButtonContent","faIcon","options","isSelected","iconColor","createElement","className","contentWrapper","iconWrapper","icon","iconName","size","faSize","wrapperSize","iconText","SelectIcon","props","dataName","ariaLabel","onClick","contentView","styleButton","defaultStyle","selected","handleOnClick","IconButton","type","propTypes","process","env","NODE_ENV","string","func","shape","selectionMode","oneOf","bool"],"sources":["../../../src/atom/select-icon/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport FaIcon from '../icon';\n\nimport {COLORS} from '../../variables/colors';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst ICON_COLOR = COLORS.cm_primary_blue;\n// const BACKGROUND_COLOR = COLORS.white;\n// const CHECK_ICON_NAME_MAP = {\n// single: 'circle-check',\n// multi: 'square-check'\n// };\n\nconst getButtonContent = (faIcon, options = {}) => {\n const {\n // selectionMode = 'single',\n isSelected = false,\n iconColor = ICON_COLOR\n } = options;\n\n return (\n <div className={style.contentWrapper}>\n {/* {isSelected ? (\n <div className={style.checkIcon}>\n <FaIcon\n iconName={CHECK_ICON_NAME_MAP[selectionMode]}\n iconColor={iconColor}\n backgroundColor={BACKGROUND_COLOR}\n size={{faSize: 16, wrapperSize: 16}}\n />\n </div>\n ) : null} */}\n\n <div className={style.iconWrapper}>\n <div className={style.icon}>\n <FaIcon\n iconName={faIcon}\n iconColor={isSelected ? iconColor : ''}\n size={{faSize: 32, wrapperSize: 32}}\n />\n </div>\n <div className={style.iconText}>{faIcon}</div>\n </div>\n </div>\n );\n};\n\nconst SelectIcon = props => {\n const {faIcon, 'data-name': dataName, 'aria-label': ariaLabel, onClick, options = {}} = props;\n\n const {isSelected = false} = options;\n\n const contentView = getButtonContent(faIcon, options);\n const styleButton = classnames(style.defaultStyle, isSelected && style.selected);\n const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n const IconButton = useCallback(\n () => (\n <button\n type=\"button\"\n aria-label={ariaLabel}\n data-name={dataName}\n data-testid={`button-${dataName}`}\n className={styleButton}\n onClick={handleOnClick}\n >\n {contentView}\n </button>\n ),\n [ariaLabel, contentView, dataName, handleOnClick, styleButton]\n );\n\n return <IconButton />;\n};\n\nSelectIcon.propTypes = {\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string,\n faIcon: PropTypes.string,\n onClick: PropTypes.func,\n options: PropTypes.shape({\n selectionMode: PropTypes.oneOf(['single', 'multi']),\n isSelected: PropTypes.bool,\n iconColor: PropTypes.string\n })\n};\n\nexport default SelectIcon;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["React","useCallback","PropTypes","FaIcon","COLORS","style","ICON_COLOR","cm_primary_blue","getButtonContent","faIcon","options","isSelected","iconColor","createElement","className","contentWrapper","iconWrapper","icon","iconName","size","faSize","wrapperSize","iconText","SelectIcon","props","dataName","ariaLabel","onClick","contentView","handleOnClick","IconButton","type","propTypes","process","env","NODE_ENV","string","func","shape","selectionMode","oneOf","bool"],"sources":["../../../src/atom/select-icon/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\n// import classnames from 'classnames';\nimport FaIcon from '../icon';\n\nimport {COLORS} from '../../variables/colors';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst ICON_COLOR = COLORS.cm_primary_blue;\n// const BACKGROUND_COLOR = COLORS.white;\n// const CHECK_ICON_NAME_MAP = {\n// single: 'circle-check',\n// multi: 'square-check'\n// };\n\nconst getButtonContent = (faIcon, options = {}) => {\n const {\n // selectionMode = 'single',\n isSelected = false,\n iconColor = ICON_COLOR\n } = options;\n\n return (\n <div className={style.contentWrapper}>\n {/* {isSelected ? (\n <div className={style.checkIcon}>\n <FaIcon\n iconName={CHECK_ICON_NAME_MAP[selectionMode]}\n iconColor={iconColor}\n backgroundColor={BACKGROUND_COLOR}\n size={{faSize: 16, wrapperSize: 16}}\n />\n </div>\n ) : null} */}\n\n <div className={style.iconWrapper}>\n <div className={style.icon}>\n <FaIcon\n iconName={faIcon}\n iconColor={isSelected ? iconColor : ''}\n size={{faSize: 32, wrapperSize: 32}}\n />\n </div>\n <div className={style.iconText}>{faIcon}</div>\n </div>\n </div>\n );\n};\n\nconst SelectIcon = props => {\n const {faIcon, 'data-name': dataName, 'aria-label': ariaLabel, onClick, options = {}} = props;\n\n // const {isSelected = false} = options;\n\n const contentView = getButtonContent(faIcon, options);\n // const styleButton = classnames(style.defaultStyle, isSelected && style.selected);\n const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n const IconButton = useCallback(\n () => (\n <button\n type=\"button\"\n aria-label={ariaLabel}\n data-name={dataName}\n data-testid={`button-${dataName}`}\n // className={styleButton}\n onClick={handleOnClick}\n >\n {contentView}\n </button>\n ),\n [ariaLabel, contentView, dataName, handleOnClick]\n );\n\n return <IconButton />;\n};\n\nSelectIcon.propTypes = {\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string,\n faIcon: PropTypes.string,\n onClick: PropTypes.func,\n options: PropTypes.shape({\n selectionMode: PropTypes.oneOf(['single', 'multi']),\n isSelected: PropTypes.bool,\n iconColor: PropTypes.string\n })\n};\n\nexport default SelectIcon;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,WAAW,QAAO,OAAO;AACxC,OAAOC,SAAS,MAAM,YAAY;AAClC;AACA,OAAOC,MAAM,MAAM,SAAS;AAE5B,SAAQC,MAAM,QAAO,wBAAwB;AAC7C;AACA,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAGF,MAAM,CAACG,eAAe;AACzC;AACA;AACA;AACA;AACA;;AAEA,MAAMC,gBAAgB,GAAGA,CAACC,MAAM,EAAEC,OAAO,GAAG,CAAC,CAAC,KAAK;EACjD,MAAM;IACJ;IACAC,UAAU,GAAG,KAAK;IAClBC,SAAS,GAAGN;EACd,CAAC,GAAGI,OAAO;EAEX,oBACEV,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAET,KAAK,CAACU;EAAe,gBAYnCf,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAET,KAAK,CAACW;EAAY,gBAChChB,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAET,KAAK,CAACY;EAAK,gBACzBjB,KAAA,CAAAa,aAAA,CAACV,MAAM;IACLe,QAAQ,EAAET,MAAO;IACjBG,SAAS,EAAED,UAAU,GAAGC,SAAS,GAAG,EAAG;IACvCO,IAAI,EAAE;MAACC,MAAM,EAAE,EAAE;MAAEC,WAAW,EAAE;IAAE;EAAE,CACrC,CACE,CAAC,eACNrB,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAET,KAAK,CAACiB;EAAS,GAAEb,MAAY,CAC1C,CACF,CAAC;AAEV,CAAC;AAED,MAAMc,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACf,MAAM;IAAE,WAAW,EAAEgB,QAAQ;IAAE,YAAY,EAAEC,SAAS;IAAEC,OAAO;IAAEjB,OAAO,GAAG,CAAC;EAAC,CAAC,GAAGc,KAAK;;EAE7F;;EAEA,MAAMI,WAAW,GAAGpB,gBAAgB,CAACC,MAAM,EAAEC,OAAO,CAAC;EACrD;EACA,MAAMmB,aAAa,GAAG5B,WAAW,CAAC,MAAM0B,OAAO,CAAC,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAE7D,MAAMG,UAAU,GAAG7B,WAAW,CAC5B,mBACED,KAAA,CAAAa,aAAA;IACEkB,IAAI,EAAC,QAAQ;IACb,cAAYL,SAAU;IACtB,aAAWD,QAAS;IACpB,eAAa,UAAUA,QAAQ;IAC/B;IAAA;IACAE,OAAO,EAAEE;EAAc,GAEtBD,WACK,CACT,EACD,CAACF,SAAS,EAAEE,WAAW,EAAEH,QAAQ,EAAEI,aAAa,CAClD,CAAC;EAED,oBAAO7B,KAAA,CAAAa,aAAA,CAACiB,UAAU,MAAE,CAAC;AACvB,CAAC;AAEDP,UAAU,CAACS,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrB,YAAY,EAAEjC,SAAS,CAACkC,MAAM;EAC9B,WAAW,EAAElC,SAAS,CAACkC,MAAM;EAC7B3B,MAAM,EAAEP,SAAS,CAACkC,MAAM;EACxBT,OAAO,EAAEzB,SAAS,CAACmC,IAAI;EACvB3B,OAAO,EAAER,SAAS,CAACoC,KAAK,CAAC;IACvBC,aAAa,EAAErC,SAAS,CAACsC,KAAK,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACnD7B,UAAU,EAAET,SAAS,CAACuC,IAAI;IAC1B7B,SAAS,EAAEV,SAAS,CAACkC;EACvB,CAAC;AACH,CAAC;AAED,eAAeb,UAAU","ignoreList":[]}
@@ -4,13 +4,14 @@ exports.__esModule = true;
4
4
  exports.default = void 0;
5
5
  var _react = _interopRequireWildcard(require("react"));
6
6
  var _propTypes = _interopRequireDefault(require("prop-types"));
7
- var _classnames = _interopRequireDefault(require("classnames"));
8
7
  var _icon = _interopRequireDefault(require("../icon"));
9
8
  var _colors = require("../../variables/colors");
10
9
  var _style = _interopRequireDefault(require("./style.css"));
11
10
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
11
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
13
12
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
+ // import classnames from 'classnames';
14
+
14
15
  // eslint-disable-next-line css-modules/no-unused-class
15
16
 
16
17
  const ICON_COLOR = _colors.COLORS.cm_primary_blue;
@@ -51,20 +52,21 @@ const SelectIcon = props => {
51
52
  onClick,
52
53
  options = {}
53
54
  } = props;
54
- const {
55
- isSelected = false
56
- } = options;
55
+
56
+ // const {isSelected = false} = options;
57
+
57
58
  const contentView = getButtonContent(faIcon, options);
58
- const styleButton = (0, _classnames.default)(_style.default.defaultStyle, isSelected && _style.default.selected);
59
+ // const styleButton = classnames(style.defaultStyle, isSelected && style.selected);
59
60
  const handleOnClick = (0, _react.useCallback)(() => onClick(), [onClick]);
60
61
  const IconButton = (0, _react.useCallback)(() => /*#__PURE__*/_react.default.createElement("button", {
61
62
  type: "button",
62
63
  "aria-label": ariaLabel,
63
64
  "data-name": dataName,
64
- "data-testid": `button-${dataName}`,
65
- className: styleButton,
65
+ "data-testid": `button-${dataName}`
66
+ // className={styleButton}
67
+ ,
66
68
  onClick: handleOnClick
67
- }, contentView), [ariaLabel, contentView, dataName, handleOnClick, styleButton]);
69
+ }, contentView), [ariaLabel, contentView, dataName, handleOnClick]);
68
70
  return /*#__PURE__*/_react.default.createElement(IconButton, null);
69
71
  };
70
72
  SelectIcon.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_icon","_colors","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICON_COLOR","COLORS","cm_primary_blue","getButtonContent","faIcon","options","isSelected","iconColor","createElement","className","style","contentWrapper","iconWrapper","icon","iconName","size","faSize","wrapperSize","iconText","SelectIcon","props","dataName","ariaLabel","onClick","contentView","styleButton","classnames","defaultStyle","selected","handleOnClick","useCallback","IconButton","type","propTypes","process","env","NODE_ENV","PropTypes","string","func","shape","selectionMode","oneOf","bool","_default","exports"],"sources":["../../../src/atom/select-icon/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport FaIcon from '../icon';\n\nimport {COLORS} from '../../variables/colors';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst ICON_COLOR = COLORS.cm_primary_blue;\n// const BACKGROUND_COLOR = COLORS.white;\n// const CHECK_ICON_NAME_MAP = {\n// single: 'circle-check',\n// multi: 'square-check'\n// };\n\nconst getButtonContent = (faIcon, options = {}) => {\n const {\n // selectionMode = 'single',\n isSelected = false,\n iconColor = ICON_COLOR\n } = options;\n\n return (\n <div className={style.contentWrapper}>\n {/* {isSelected ? (\n <div className={style.checkIcon}>\n <FaIcon\n iconName={CHECK_ICON_NAME_MAP[selectionMode]}\n iconColor={iconColor}\n backgroundColor={BACKGROUND_COLOR}\n size={{faSize: 16, wrapperSize: 16}}\n />\n </div>\n ) : null} */}\n\n <div className={style.iconWrapper}>\n <div className={style.icon}>\n <FaIcon\n iconName={faIcon}\n iconColor={isSelected ? iconColor : ''}\n size={{faSize: 32, wrapperSize: 32}}\n />\n </div>\n <div className={style.iconText}>{faIcon}</div>\n </div>\n </div>\n );\n};\n\nconst SelectIcon = props => {\n const {faIcon, 'data-name': dataName, 'aria-label': ariaLabel, onClick, options = {}} = props;\n\n const {isSelected = false} = options;\n\n const contentView = getButtonContent(faIcon, options);\n const styleButton = classnames(style.defaultStyle, isSelected && style.selected);\n const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n const IconButton = useCallback(\n () => (\n <button\n type=\"button\"\n aria-label={ariaLabel}\n data-name={dataName}\n data-testid={`button-${dataName}`}\n className={styleButton}\n onClick={handleOnClick}\n >\n {contentView}\n </button>\n ),\n [ariaLabel, contentView, dataName, handleOnClick, styleButton]\n );\n\n return <IconButton />;\n};\n\nSelectIcon.propTypes = {\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string,\n faIcon: PropTypes.string,\n onClick: PropTypes.func,\n options: PropTypes.shape({\n selectionMode: PropTypes.oneOf(['single', 'multi']),\n isSelected: PropTypes.bool,\n iconColor: PropTypes.string\n })\n};\n\nexport default SelectIcon;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_icon","_colors","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICON_COLOR","COLORS","cm_primary_blue","getButtonContent","faIcon","options","isSelected","iconColor","createElement","className","style","contentWrapper","iconWrapper","icon","iconName","size","faSize","wrapperSize","iconText","SelectIcon","props","dataName","ariaLabel","onClick","contentView","handleOnClick","useCallback","IconButton","type","propTypes","process","env","NODE_ENV","PropTypes","string","func","shape","selectionMode","oneOf","bool","_default","exports"],"sources":["../../../src/atom/select-icon/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\n// import classnames from 'classnames';\nimport FaIcon from '../icon';\n\nimport {COLORS} from '../../variables/colors';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst ICON_COLOR = COLORS.cm_primary_blue;\n// const BACKGROUND_COLOR = COLORS.white;\n// const CHECK_ICON_NAME_MAP = {\n// single: 'circle-check',\n// multi: 'square-check'\n// };\n\nconst getButtonContent = (faIcon, options = {}) => {\n const {\n // selectionMode = 'single',\n isSelected = false,\n iconColor = ICON_COLOR\n } = options;\n\n return (\n <div className={style.contentWrapper}>\n {/* {isSelected ? (\n <div className={style.checkIcon}>\n <FaIcon\n iconName={CHECK_ICON_NAME_MAP[selectionMode]}\n iconColor={iconColor}\n backgroundColor={BACKGROUND_COLOR}\n size={{faSize: 16, wrapperSize: 16}}\n />\n </div>\n ) : null} */}\n\n <div className={style.iconWrapper}>\n <div className={style.icon}>\n <FaIcon\n iconName={faIcon}\n iconColor={isSelected ? iconColor : ''}\n size={{faSize: 32, wrapperSize: 32}}\n />\n </div>\n <div className={style.iconText}>{faIcon}</div>\n </div>\n </div>\n );\n};\n\nconst SelectIcon = props => {\n const {faIcon, 'data-name': dataName, 'aria-label': ariaLabel, onClick, options = {}} = props;\n\n // const {isSelected = false} = options;\n\n const contentView = getButtonContent(faIcon, options);\n // const styleButton = classnames(style.defaultStyle, isSelected && style.selected);\n const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n const IconButton = useCallback(\n () => (\n <button\n type=\"button\"\n aria-label={ariaLabel}\n data-name={dataName}\n data-testid={`button-${dataName}`}\n // className={styleButton}\n onClick={handleOnClick}\n >\n {contentView}\n </button>\n ),\n [ariaLabel, contentView, dataName, handleOnClick]\n );\n\n return <IconButton />;\n};\n\nSelectIcon.propTypes = {\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string,\n faIcon: PropTypes.string,\n onClick: PropTypes.func,\n options: PropTypes.shape({\n selectionMode: PropTypes.oneOf(['single', 'multi']),\n isSelected: PropTypes.bool,\n iconColor: PropTypes.string\n })\n};\n\nexport default SelectIcon;\n"],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "11.40.1-alpha.7+a18780835",
3
+ "version": "11.40.1-alpha.8+2972711a0",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -166,5 +166,5 @@
166
166
  "last 2 versions",
167
167
  "IE 11"
168
168
  ],
169
- "gitHead": "a18780835607dcbdd6387c3934253b8ff2beaaaa"
169
+ "gitHead": "2972711a033d90839163376dbce1b5cefea1b0da"
170
170
  }