@coorpacademy/components 11.36.6 → 11.36.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/atom/checkbox-with-title/index.d.ts.map +1 -1
- package/es/atom/checkbox-with-title/index.js +2 -2
- package/es/atom/checkbox-with-title/index.js.map +1 -1
- package/es/atom/tag/index.d.ts +1 -1
- package/es/atom/tag/index.d.ts.map +1 -1
- package/es/atom/tag/index.js +14 -3
- package/es/atom/tag/index.js.map +1 -1
- package/es/molecule/multi-filter-panel/index.d.ts +7 -17
- package/es/molecule/multi-filter-panel/index.d.ts.map +1 -1
- package/es/molecule/multi-filter-panel/index.js +2 -2
- package/es/molecule/multi-filter-panel/index.js.map +1 -1
- package/es/molecule/multi-filter-panel/prop-types.d.ts +7 -17
- package/es/molecule/multi-filter-panel/prop-types.d.ts.map +1 -1
- package/es/organism/content-skill-modal/index.d.ts +7 -17
- package/es/organism/content-skill-modal/index.d.ts.map +1 -1
- package/es/organism/content-skill-modal/types.d.ts +7 -17
- package/es/organism/content-skill-modal/types.d.ts.map +1 -1
- package/es/organism/filter-checkbox-and-search/index.d.ts +9 -19
- package/es/organism/filter-checkbox-and-search/index.d.ts.map +1 -1
- package/es/organism/filter-checkbox-and-search/index.js +7 -7
- package/es/organism/filter-checkbox-and-search/index.js.map +1 -1
- package/es/organism/filter-checkbox-and-search/props-types.d.ts +18 -20
- package/es/organism/filter-checkbox-and-search/props-types.d.ts.map +1 -1
- package/es/organism/filter-checkbox-and-search/props-types.js +2 -2
- package/es/organism/filter-checkbox-and-search/props-types.js.map +1 -1
- package/es/organism/skill-edition/index.d.ts +1 -1
- package/es/organism/skill-edition/types.d.ts +2 -2
- package/es/organism/skill-edition/types.d.ts.map +1 -1
- package/es/organism/skill-edition/types.js +1 -1
- package/es/organism/skill-edition/types.js.map +1 -1
- package/es/template/back-office/brand-update/index.d.ts +8 -18
- package/lib/atom/checkbox-with-title/index.d.ts.map +1 -1
- package/lib/atom/checkbox-with-title/index.js +2 -2
- package/lib/atom/checkbox-with-title/index.js.map +1 -1
- package/lib/atom/tag/index.d.ts +1 -1
- package/lib/atom/tag/index.d.ts.map +1 -1
- package/lib/atom/tag/index.js +14 -3
- package/lib/atom/tag/index.js.map +1 -1
- package/lib/molecule/multi-filter-panel/index.d.ts +7 -17
- package/lib/molecule/multi-filter-panel/index.d.ts.map +1 -1
- package/lib/molecule/multi-filter-panel/index.js.map +1 -1
- package/lib/molecule/multi-filter-panel/prop-types.d.ts +7 -17
- package/lib/molecule/multi-filter-panel/prop-types.d.ts.map +1 -1
- package/lib/organism/content-skill-modal/index.d.ts +7 -17
- package/lib/organism/content-skill-modal/index.d.ts.map +1 -1
- package/lib/organism/content-skill-modal/types.d.ts +7 -17
- package/lib/organism/content-skill-modal/types.d.ts.map +1 -1
- package/lib/organism/filter-checkbox-and-search/index.d.ts +9 -19
- package/lib/organism/filter-checkbox-and-search/index.d.ts.map +1 -1
- package/lib/organism/filter-checkbox-and-search/index.js +7 -7
- package/lib/organism/filter-checkbox-and-search/index.js.map +1 -1
- package/lib/organism/filter-checkbox-and-search/props-types.d.ts +18 -20
- package/lib/organism/filter-checkbox-and-search/props-types.d.ts.map +1 -1
- package/lib/organism/filter-checkbox-and-search/props-types.js +2 -2
- package/lib/organism/filter-checkbox-and-search/props-types.js.map +1 -1
- package/lib/organism/skill-edition/index.d.ts +1 -1
- package/lib/organism/skill-edition/types.d.ts +2 -2
- package/lib/organism/skill-edition/types.d.ts.map +1 -1
- package/lib/organism/skill-edition/types.js +1 -1
- package/lib/organism/skill-edition/types.js.map +1 -1
- package/lib/template/back-office/brand-update/index.d.ts +8 -18
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/checkbox-with-title/index.js"],"names":[],"mappings":";AAQA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/checkbox-with-title/index.js"],"names":[],"mappings":";AAQA,4DA0DC"}
|
|
@@ -36,7 +36,7 @@ const CheckboxWithTitle = props => {
|
|
|
36
36
|
style: {
|
|
37
37
|
...customStyle
|
|
38
38
|
}
|
|
39
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
39
|
+
}, onChange !== _noop ? /*#__PURE__*/React.createElement("label", {
|
|
40
40
|
htmlFor: idCheckbox
|
|
41
41
|
}, /*#__PURE__*/React.createElement("input", {
|
|
42
42
|
type: "checkbox",
|
|
@@ -61,7 +61,7 @@ const CheckboxWithTitle = props => {
|
|
|
61
61
|
iconColor: 'transparent',
|
|
62
62
|
preset: "s",
|
|
63
63
|
customStyle: DEFAULT_ICON_STYLE
|
|
64
|
-
}))), title ? /*#__PURE__*/React.createElement("span", {
|
|
64
|
+
}))) : null, title ? /*#__PURE__*/React.createElement("span", {
|
|
65
65
|
// eslint-disable-next-line react/no-danger
|
|
66
66
|
dangerouslySetInnerHTML: {
|
|
67
67
|
__html: title
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","FaIcon","style","DEFAULT_ICON_STYLE","padding","width","height","CheckboxWithTitle","props","title","name","checked","onChange","_noop","dataName","ariaLabel","icon","iconName","iconColor","preset","customStyle","idCheckbox","_uniqueId","handleChange","e","target","createElement","className","container","htmlFor","type","id","checkbox","label","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","string","bool","func","shape","objectOf","oneOfType","number"],"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
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","FaIcon","style","DEFAULT_ICON_STYLE","padding","width","height","CheckboxWithTitle","props","title","name","checked","onChange","_noop","dataName","ariaLabel","icon","iconName","iconColor","preset","customStyle","idCheckbox","_uniqueId","handleChange","e","target","createElement","className","container","htmlFor","type","id","checkbox","label","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","string","bool","func","shape","objectOf","oneOfType","number"],"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":[]}
|
package/es/atom/tag/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tag/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tag/index.js"],"names":[],"mappings":";AA6BA;;;;;;gBAsBC"}
|
package/es/atom/tag/index.js
CHANGED
|
@@ -17,24 +17,35 @@ const TAG_SIZE = {
|
|
|
17
17
|
M: style.medium,
|
|
18
18
|
L: style.large
|
|
19
19
|
};
|
|
20
|
+
const defaultIconProps = {
|
|
21
|
+
position: 'left',
|
|
22
|
+
preset: 's'
|
|
23
|
+
};
|
|
24
|
+
const renderIcon = iconProps => /*#__PURE__*/React.createElement(Icon, iconProps);
|
|
20
25
|
const Tag = ({
|
|
21
|
-
label,
|
|
26
|
+
label = '',
|
|
22
27
|
type = 'default',
|
|
23
28
|
size = 'M',
|
|
24
29
|
customStyle = {},
|
|
25
30
|
icon = {}
|
|
26
31
|
}) => {
|
|
32
|
+
const {
|
|
33
|
+
iconName
|
|
34
|
+
} = icon;
|
|
27
35
|
const {
|
|
28
36
|
position,
|
|
29
37
|
...iconProps
|
|
30
|
-
} =
|
|
38
|
+
} = iconName ? {
|
|
39
|
+
...defaultIconProps,
|
|
40
|
+
...icon
|
|
41
|
+
} : {};
|
|
31
42
|
return /*#__PURE__*/React.createElement("span", {
|
|
32
43
|
className: classnames(TAG_STYLES[type], TAG_SIZE[size]),
|
|
33
44
|
"data-name": `content-tag-${label}`,
|
|
34
45
|
style: customStyle
|
|
35
46
|
}, /*#__PURE__*/React.createElement("div", {
|
|
36
47
|
className: style.content
|
|
37
|
-
}, position === 'left'
|
|
48
|
+
}, position === 'left' && iconName && renderIcon(iconProps), /*#__PURE__*/React.createElement("div", null, label), position === 'right' && iconName && renderIcon(iconProps)));
|
|
38
49
|
};
|
|
39
50
|
Tag.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
40
51
|
label: PropTypes.string,
|
package/es/atom/tag/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Icon","style","TAG_STYLES","default","defaultStyle","success","failure","warning","progress","info","TAG_SIZE","S","small","M","medium","L","large","Tag","label","type","size","customStyle","icon","
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Icon","style","TAG_STYLES","default","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","content","propTypes","process","env","NODE_ENV","string","oneOf","_keys","objectOf","oneOfType","number","shape"],"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":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAG;EACjBC,OAAO,EAAEF,KAAK,CAACG,YAAY;EAC3BC,OAAO,EAAEJ,KAAK,CAACI,OAAO;EACtBC,OAAO,EAAEL,KAAK,CAACK,OAAO;EACtBC,OAAO,EAAEN,KAAK,CAACM,OAAO;EACtBC,QAAQ,EAAEP,KAAK,CAACO,QAAQ;EACxBC,IAAI,EAAER,KAAK,CAACQ;AACd,CAAC;AAED,MAAMC,QAAQ,GAAG;EACfC,CAAC,EAAEV,KAAK,CAACW,KAAK;EACdC,CAAC,EAAEZ,KAAK,CAACa,MAAM;EACfC,CAAC,EAAEd,KAAK,CAACe;AACX,CAAC;AAED,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE,MAAM;EAChBC,MAAM,EAAE;AACV,CAAC;AAED,MAAMC,UAAU,GAAGC,SAAS,iBAAIxB,KAAA,CAAAyB,aAAA,CAACtB,IAAI,EAAKqB,SAAY,CAAC;AAEvD,MAAME,GAAG,GAAGA,CAAC;EAACC,KAAK,GAAG,EAAE;EAAEC,IAAI,GAAG,SAAS;EAAEC,IAAI,GAAG,GAAG;EAAEC,WAAW,GAAG,CAAC,CAAC;EAAEC,IAAI,GAAG,CAAC;AAAC,CAAC,KAAK;EACvF,MAAM;IAACC;EAAQ,CAAC,GAAGD,IAAI;EACvB,MAAM;IAACV,QAAQ;IAAE,GAAGG;EAAS,CAAC,GAAGQ,QAAQ,GACrC;IACE,GAAGZ,gBAAgB;IACnB,GAAGW;EACL,CAAC,GACD,CAAC,CAAC;EAEN,oBACE/B,KAAA,CAAAyB,aAAA;IACEQ,SAAS,EAAE/B,UAAU,CAACG,UAAU,CAACuB,IAAI,CAAC,EAAEf,QAAQ,CAACgB,IAAI,CAAC,CAAE;IACxD,aAAW,eAAeF,KAAK,EAAG;IAClCvB,KAAK,EAAE0B;EAAY,gBAEnB9B,KAAA,CAAAyB,aAAA;IAAKQ,SAAS,EAAE7B,KAAK,CAAC8B;EAAQ,GAC3Bb,QAAQ,KAAK,MAAM,IAAIW,QAAQ,IAAIT,UAAU,CAACC,SAAS,CAAC,eACzDxB,KAAA,CAAAyB,aAAA,cAAME,KAAW,CAAC,EACjBN,QAAQ,KAAK,OAAO,IAAIW,QAAQ,IAAIT,UAAU,CAACC,SAAS,CACtD,CACD,CAAC;AAEX,CAAC;AAEDE,GAAG,CAACS,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACdX,KAAK,EAAE1B,SAAS,CAACsC,MAAM;EACvBX,IAAI,EAAE3B,SAAS,CAACuC,KAAK,CAACC,KAAA,CAAKpC,UAAU,CAAC,CAAC;EACvCwB,IAAI,EAAE5B,SAAS,CAACuC,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;EACtCV,WAAW,EAAE7B,SAAS,CAACyC,QAAQ,CAACzC,SAAS,CAAC0C,SAAS,CAAC,CAAC1C,SAAS,CAACsC,MAAM,EAAEtC,SAAS,CAAC2C,MAAM,CAAC,CAAC,CAAC;EAC1Fb,IAAI,EAAE9B,SAAS,CAAC4C,KAAK,CAAC;IAAC,GAAG1C,IAAI,CAACgC,SAAS;IAAEd,QAAQ,EAAEpB,SAAS,CAACuC,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC;EAAC,CAAC;AACzF,CAAC;AAED,eAAed,GAAG","ignoreList":[]}
|
|
@@ -33,23 +33,13 @@ declare const MultiFilterPanel: {
|
|
|
33
33
|
onClick: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
34
34
|
}> | null | undefined)[]>;
|
|
35
35
|
searchOptions: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
value: import("prop-types").Requireable<string>;
|
|
44
|
-
placeholder: import("prop-types").Validator<string>;
|
|
45
|
-
onChange: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
46
|
-
onClear: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
47
|
-
onFocus: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
48
|
-
onBlur: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
49
|
-
theme: import("prop-types").Requireable<string>;
|
|
50
|
-
dataTestId: import("prop-types").Requireable<string>;
|
|
51
|
-
}>>;
|
|
52
|
-
'search-reset-aria-label': import("prop-types").Requireable<string>;
|
|
36
|
+
value: import("prop-types").Requireable<string>;
|
|
37
|
+
placeholder: import("prop-types").Validator<string>;
|
|
38
|
+
onChange: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
39
|
+
onClear: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
40
|
+
onFocus: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
41
|
+
onBlur: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
42
|
+
theme: import("prop-types").Requireable<string>;
|
|
53
43
|
dataTestId: import("prop-types").Requireable<string>;
|
|
54
44
|
}>>;
|
|
55
45
|
}>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAEjE,OAAkB,EAAC,qBAAqB,EAAqB,MAAM,cAAc,CAAC;AAqBlF,QAAA,MAAM,gBAAgB;YAAW,qBAAqB,WAAW,gBAAgB
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAEjE,OAAkB,EAAC,qBAAqB,EAAqB,MAAM,cAAc,CAAC;AAqBlF,QAAA,MAAM,gBAAgB;YAAW,qBAAqB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDhF,CAAC;AAQF,eAAe,gBAAgB,CAAC"}
|
|
@@ -6,7 +6,7 @@ import _size from "lodash/fp/size";
|
|
|
6
6
|
import _map from "lodash/fp/map";
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import FilterChip from '../../organism/filter-chip';
|
|
9
|
-
import
|
|
9
|
+
import FilterCheckboxAndSearch from '../../organism/filter-checkbox-and-search';
|
|
10
10
|
import Title from '../../atom/title';
|
|
11
11
|
import Tag from '../../atom/tag';
|
|
12
12
|
import ButtonLink from '../../atom/button-link';
|
|
@@ -34,7 +34,7 @@ const buildFilters = filterOptions => {
|
|
|
34
34
|
case 'chip':
|
|
35
35
|
return /*#__PURE__*/React.createElement(FilterChip, options);
|
|
36
36
|
case 'checkbox':
|
|
37
|
-
return /*#__PURE__*/React.createElement(
|
|
37
|
+
return /*#__PURE__*/React.createElement(FilterCheckboxAndSearch, options);
|
|
38
38
|
default:
|
|
39
39
|
return null;
|
|
40
40
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","FilterChip","
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","FilterChip","FilterCheckboxAndSearch","Title","Tag","ButtonLink","Provider","GetTranslateFromContext","propTypes","style","uncappedMap","_map","convert","cap","CLEAR_ALL_BUTTON_STYLE","fontWeight","padding","FilterSeparator","createElement","className","filterSeparator","buildFilters","filterOptions","type","options","MultiFilterPanel","props","context","title","onClearAll","translate","allSelectedFilters","_pipe","_flatMap","_filter","selected","_size","hasSelectedFilters","filters","i","isLastItem","key","Fragment","header","titleContainer","titleSize","label","_toString","size","buttonContainer","customStyle","onClick","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"sourcesContent":["import React from 'react';\nimport {map, size, pipe, filter, flatMap, toString} from 'lodash/fp';\nimport FilterChip from '../../organism/filter-chip';\nimport FilterCheckboxAndSearch from '../../organism/filter-checkbox-and-search';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport propTypes, {MultiFilterPanelProps, FilterOptionsProps} from './prop-types';\nimport style from './style.css';\n\n// @ts-expect-error convert is not recognized by the types\nconst uncappedMap = map.convert({cap: false});\n\nconst CLEAR_ALL_BUTTON_STYLE = {fontWeight: 'normal', padding: 0};\nconst FilterSeparator = <div className={style.filterSeparator} />;\n\nconst buildFilters = (filterOptions: FilterOptionsProps) => {\n const {type, options} = filterOptions;\n switch (type) {\n case 'chip':\n return <FilterChip {...options} />;\n case 'checkbox':\n return <FilterCheckboxAndSearch {...options} />;\n default:\n return null;\n }\n};\n\nconst MultiFilterPanel = (props: MultiFilterPanelProps, context: WebContextValues) => {\n const {title, onClearAll, options} = props;\n const translate = GetTranslateFromContext(context);\n const allSelectedFilters = pipe(\n map('options'),\n flatMap('options'),\n filter({selected: true}),\n size\n )(options);\n const hasSelectedFilters = allSelectedFilters > 0;\n\n const filters = uncappedMap((filterOptions: FilterOptionsProps, i: number) => {\n const isLastItem = i + 1 === size(options);\n\n return (\n <div key={i}>\n {buildFilters(filterOptions)}\n {isLastItem ? null : FilterSeparator}\n </div>\n );\n }, options);\n\n return (\n <>\n <div className={style.header}>\n <div className={style.titleContainer}>\n <Title title={title} type=\"form-group\" titleSize=\"standard-light-weight\" />\n {hasSelectedFilters ? (\n <Tag label={toString(allSelectedFilters)} type=\"info\" size=\"S\" />\n ) : null}\n </div>\n {hasSelectedFilters ? (\n <div className={style.buttonContainer}>\n <ButtonLink\n customStyle={CLEAR_ALL_BUTTON_STYLE}\n label={translate('clear_all')}\n type=\"text\"\n data-name=\"filters-all-clear-button\"\n aria-label=\"filters all clear button\"\n onClick={onClearAll}\n />\n </div>\n ) : null}\n </div>\n\n {filters}\n </>\n );\n};\n\nMultiFilterPanel.propTypes = propTypes;\n\nMultiFilterPanel.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nexport default MultiFilterPanel;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -31,23 +31,13 @@ declare const propTypes: {
|
|
|
31
31
|
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
32
32
|
}> | null | undefined)[]>;
|
|
33
33
|
searchOptions: PropTypes.Requireable<PropTypes.InferProps<{
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
value: PropTypes.Requireable<string>;
|
|
42
|
-
placeholder: PropTypes.Validator<string>;
|
|
43
|
-
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
44
|
-
onClear: PropTypes.Requireable<(...args: any[]) => any>;
|
|
45
|
-
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
46
|
-
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
47
|
-
theme: PropTypes.Requireable<string>;
|
|
48
|
-
dataTestId: PropTypes.Requireable<string>;
|
|
49
|
-
}>>;
|
|
50
|
-
'search-reset-aria-label': PropTypes.Requireable<string>;
|
|
34
|
+
value: PropTypes.Requireable<string>;
|
|
35
|
+
placeholder: PropTypes.Validator<string>;
|
|
36
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
37
|
+
onClear: PropTypes.Requireable<(...args: any[]) => any>;
|
|
38
|
+
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
39
|
+
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
40
|
+
theme: PropTypes.Requireable<string>;
|
|
51
41
|
dataTestId: PropTypes.Requireable<string>;
|
|
52
42
|
}>>;
|
|
53
43
|
}>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA4B,EAAC,eAAe,EAAC,MAAM,uCAAuC,CAAC;AAC3F,OAAyC,EACvC,4BAA4B,EAC7B,MAAM,uDAAuD,CAAC;AAE/D,QAAA,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA4B,EAAC,eAAe,EAAC,MAAM,uCAAuC,CAAC;AAC3F,OAAyC,EACvC,4BAA4B,EAC7B,MAAM,uDAAuD,CAAC;AAE/D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAed,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,4BAA4B,CAAC;CACvC,CAAC;AAEF,oBAAY,kBAAkB,GAAG,gBAAgB,GAAG,oBAAoB,CAAC;AAEzE,oBAAY,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -664,23 +664,13 @@ declare const ContentSkillModal: {
|
|
|
664
664
|
onClick: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
665
665
|
}> | null | undefined)[]>;
|
|
666
666
|
searchOptions: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
value: import("prop-types").Requireable<string>;
|
|
675
|
-
placeholder: import("prop-types").Validator<string>;
|
|
676
|
-
onChange: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
677
|
-
onClear: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
678
|
-
onFocus: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
679
|
-
onBlur: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
680
|
-
theme: import("prop-types").Requireable<string>;
|
|
681
|
-
dataTestId: import("prop-types").Requireable<string>;
|
|
682
|
-
}>>;
|
|
683
|
-
'search-reset-aria-label': import("prop-types").Requireable<string>;
|
|
667
|
+
value: import("prop-types").Requireable<string>;
|
|
668
|
+
placeholder: import("prop-types").Validator<string>;
|
|
669
|
+
onChange: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
670
|
+
onClear: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
671
|
+
onFocus: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
672
|
+
onBlur: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
673
|
+
theme: import("prop-types").Requireable<string>;
|
|
684
674
|
dataTestId: import("prop-types").Requireable<string>;
|
|
685
675
|
}>>;
|
|
686
676
|
}>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DvD,CAAC;AAQF,eAAe,iBAAiB,CAAC"}
|
|
@@ -661,23 +661,13 @@ declare const ContentSkillModalPropTypes: {
|
|
|
661
661
|
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
662
662
|
}> | null | undefined)[]>;
|
|
663
663
|
searchOptions: PropTypes.Requireable<PropTypes.InferProps<{
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
value: PropTypes.Requireable<string>;
|
|
672
|
-
placeholder: PropTypes.Validator<string>;
|
|
673
|
-
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
674
|
-
onClear: PropTypes.Requireable<(...args: any[]) => any>;
|
|
675
|
-
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
676
|
-
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
677
|
-
theme: PropTypes.Requireable<string>;
|
|
678
|
-
dataTestId: PropTypes.Requireable<string>;
|
|
679
|
-
}>>;
|
|
680
|
-
'search-reset-aria-label': PropTypes.Requireable<string>;
|
|
664
|
+
value: PropTypes.Requireable<string>;
|
|
665
|
+
placeholder: PropTypes.Validator<string>;
|
|
666
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
667
|
+
onClear: PropTypes.Requireable<(...args: any[]) => any>;
|
|
668
|
+
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
669
|
+
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
670
|
+
theme: PropTypes.Requireable<string>;
|
|
681
671
|
dataTestId: PropTypes.Requireable<string>;
|
|
682
672
|
}>>;
|
|
683
673
|
}>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAkC,EAChC,qBAAqB,EACtB,MAAM,8CAA8C,CAAC;AAStD,QAAA,MAAM,0BAA0B
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAkC,EAChC,qBAAqB,EACtB,MAAM,8CAA8C,CAAC;AAStD,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,UAAU,GAAG;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IACpD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { WebContextValues } from '../../atom/provider/web-context';
|
|
3
3
|
import { FilterCheckboxAndSearchProps } from './props-types';
|
|
4
|
-
declare const
|
|
4
|
+
declare const FilterCheckboxAndSearch: {
|
|
5
5
|
(props: FilterCheckboxAndSearchProps, context: WebContextValues): JSX.Element;
|
|
6
6
|
propTypes: {
|
|
7
7
|
title: import("prop-types").Requireable<string>;
|
|
@@ -15,23 +15,13 @@ declare const FilterCkeckboxAndSearch: {
|
|
|
15
15
|
onClick: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
16
16
|
}> | null | undefined)[]>;
|
|
17
17
|
searchOptions: import("prop-types").Requireable<import("prop-types").InferProps<{
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
value: import("prop-types").Requireable<string>;
|
|
26
|
-
placeholder: import("prop-types").Validator<string>;
|
|
27
|
-
onChange: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
28
|
-
onClear: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
29
|
-
onFocus: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
30
|
-
onBlur: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
31
|
-
theme: import("prop-types").Requireable<string>;
|
|
32
|
-
dataTestId: import("prop-types").Requireable<string>;
|
|
33
|
-
}>>;
|
|
34
|
-
'search-reset-aria-label': import("prop-types").Requireable<string>;
|
|
18
|
+
value: import("prop-types").Requireable<string>;
|
|
19
|
+
placeholder: import("prop-types").Validator<string>;
|
|
20
|
+
onChange: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
21
|
+
onClear: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
22
|
+
onFocus: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
23
|
+
onBlur: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
24
|
+
theme: import("prop-types").Requireable<string>;
|
|
35
25
|
dataTestId: import("prop-types").Requireable<string>;
|
|
36
26
|
}>>;
|
|
37
27
|
};
|
|
@@ -39,5 +29,5 @@ declare const FilterCkeckboxAndSearch: {
|
|
|
39
29
|
translate: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
40
30
|
};
|
|
41
31
|
};
|
|
42
|
-
export default
|
|
32
|
+
export default FilterCheckboxAndSearch;
|
|
43
33
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-checkbox-and-search/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-checkbox-and-search/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAKjE,OAAkB,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAC;AAiBtE,QAAA,MAAM,uBAAuB;YACpB,4BAA4B,WAC1B,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;CAiG1B,CAAC;AAQF,eAAe,uBAAuB,CAAC"}
|
|
@@ -7,10 +7,10 @@ import React, { useCallback, useMemo, useState } from 'react';
|
|
|
7
7
|
import Title from '../../atom/title';
|
|
8
8
|
import Tag from '../../atom/tag';
|
|
9
9
|
import ButtonLink from '../../atom/button-link';
|
|
10
|
-
import SearchForm from '../../molecule/search-form';
|
|
11
10
|
import Provider, { GetTranslateFromContext } from '../../atom/provider';
|
|
12
11
|
import CheckboxWithTitle from '../../atom/checkbox-with-title';
|
|
13
12
|
import { COLORS } from '../../variables/colors';
|
|
13
|
+
import Search from '../../atom/input-search';
|
|
14
14
|
import style from './style.css';
|
|
15
15
|
import propTypes from './props-types';
|
|
16
16
|
const CLEAR_BUTTON_STYLE = {
|
|
@@ -30,7 +30,7 @@ const CHECKBOX_TITLE_STYLE = {
|
|
|
30
30
|
fontWeight: 'normal'
|
|
31
31
|
};
|
|
32
32
|
const INITIAL_VISIBLE_OPTIONS = 5;
|
|
33
|
-
const
|
|
33
|
+
const FilterCheckboxAndSearch = (props, context) => {
|
|
34
34
|
const {
|
|
35
35
|
title,
|
|
36
36
|
searchOptions,
|
|
@@ -74,7 +74,7 @@ const FilterCkeckboxAndSearch = (props, context) => {
|
|
|
74
74
|
customStyle: CLEAR_BUTTON_STYLE
|
|
75
75
|
})) : null), searchOptions ? /*#__PURE__*/React.createElement("div", {
|
|
76
76
|
className: style.search
|
|
77
|
-
}, /*#__PURE__*/React.createElement(
|
|
77
|
+
}, /*#__PURE__*/React.createElement(Search, searchOptions)) : null, /*#__PURE__*/React.createElement("div", {
|
|
78
78
|
"data-testid": "filter-checkbox-and-search-options-container",
|
|
79
79
|
className: style.optionsContainer
|
|
80
80
|
}, _isEmpty(visibleOptions) ? /*#__PURE__*/React.createElement("p", {
|
|
@@ -99,7 +99,7 @@ const FilterCkeckboxAndSearch = (props, context) => {
|
|
|
99
99
|
customStyle: CHECKBOX_TITLE_STYLE
|
|
100
100
|
}), /*#__PURE__*/React.createElement("p", {
|
|
101
101
|
className: style.optionCount
|
|
102
|
-
}, count)))), options
|
|
102
|
+
}, count)))), _size(options) > INITIAL_VISIBLE_OPTIONS ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ButtonLink, {
|
|
103
103
|
label: showMore ? translate('Show less') : translate('Show more'),
|
|
104
104
|
type: "text",
|
|
105
105
|
icon: {
|
|
@@ -115,9 +115,9 @@ const FilterCkeckboxAndSearch = (props, context) => {
|
|
|
115
115
|
"data-testid": "filter-checkbox-and-search-show-button"
|
|
116
116
|
})) : null);
|
|
117
117
|
};
|
|
118
|
-
|
|
119
|
-
|
|
118
|
+
FilterCheckboxAndSearch.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
|
|
119
|
+
FilterCheckboxAndSearch.contextTypes = {
|
|
120
120
|
translate: Provider.childContextTypes.translate
|
|
121
121
|
};
|
|
122
|
-
export default
|
|
122
|
+
export default FilterCheckboxAndSearch;
|
|
123
123
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","Title","Tag","ButtonLink","
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","Title","Tag","ButtonLink","Provider","GetTranslateFromContext","CheckboxWithTitle","COLORS","Search","style","propTypes","CLEAR_BUTTON_STYLE","fontWeight","padding","SHOW_BUTTON_STYLE","fontSize","fontFamily","marginTop","CHECKBOX_TITLE_STYLE","marginRight","INITIAL_VISIBLE_OPTIONS","FilterCheckboxAndSearch","props","context","title","searchOptions","onClear","options","translate","showMore","setShowMore","selectedFiltersCount","_pipe","_filter","selected","_size","hasSelectedFilters","handleShowMore","visibleOptions","slice","createElement","className","container","header","titleAndTagWrapper","label","_toString","type","size","clearButtonContainer","onClick","customStyle","search","optionsContainer","_isEmpty","emptySearchResult","map","value","count","index","key","optionRow","onChange","name","checked","optionCount","icon","position","faIcon","color","cm_grey_500","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/organism/filter-checkbox-and-search/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {filter, isEmpty, pipe, size, toString} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport {COLORS} from '../../variables/colors';\nimport Search from '../../atom/input-search';\nimport style from './style.css';\nimport propTypes, {FilterCheckboxAndSearchProps} from './props-types';\n\nconst CLEAR_BUTTON_STYLE = {fontWeight: 'normal', padding: 0};\nconst SHOW_BUTTON_STYLE = {\n fontSize: '14px',\n fontWeight: '600',\n fontFamily: 'Gilroy',\n marginTop: '16px'\n};\nconst CHECKBOX_TITLE_STYLE = {\n marginRight: '16px',\n fontSize: '14px',\n fontFamily: 'Gilroy',\n fontWeight: 'normal'\n};\nconst INITIAL_VISIBLE_OPTIONS = 5;\n\nconst FilterCheckboxAndSearch = (\n props: FilterCheckboxAndSearchProps,\n context: WebContextValues\n) => {\n const {title, searchOptions, onClear, options} = props;\n const translate = GetTranslateFromContext(context);\n const [showMore, setShowMore] = useState(false);\n const selectedFiltersCount = pipe(filter({selected: true}), size)(options);\n const hasSelectedFilters = selectedFiltersCount > 0;\n\n const handleShowMore = useCallback(() => {\n setShowMore(!showMore);\n }, [showMore]);\n\n const visibleOptions = useMemo(() => {\n return showMore ? options : options.slice(0, INITIAL_VISIBLE_OPTIONS);\n }, [options, showMore]);\n\n return (\n <div data-testid=\"filter-checkbox-and-search-container\" className={style.container}>\n <div className={style.header} data-testid=\"filter-checkbox-and-search-header\">\n <div\n className={style.titleAndTagWrapper}\n data-testid=\"filter-checkbox-and-searh-title-and-tag-wrapper\"\n >\n <Title title={title} />\n {hasSelectedFilters ? (\n <Tag label={toString(selectedFiltersCount)} type=\"info\" size=\"S\" />\n ) : null}\n </div>\n {hasSelectedFilters ? (\n <div className={style.clearButtonContainer}>\n <ButtonLink\n label={translate('clear')}\n type=\"text\"\n data-testid=\"filter-checkbox-and-search-clear-button\"\n onClick={onClear}\n customStyle={CLEAR_BUTTON_STYLE}\n />\n </div>\n ) : null}\n </div>\n {searchOptions ? (\n <div className={style.search}>\n <Search {...searchOptions} />\n </div>\n ) : null}\n <div\n data-testid=\"filter-checkbox-and-search-options-container\"\n className={style.optionsContainer}\n >\n {isEmpty(visibleOptions) ? (\n <p\n className={style.emptySearchResult}\n data-testid=\"filter-checkbox-and-search-empty-message\"\n >\n No results... Try adjusting your search.\n </p>\n ) : (\n visibleOptions.map(({value, label, selected, count, onClick}, index) => (\n <div\n key={value}\n className={style.optionRow}\n data-testid={`filter-checkbox-and-search-option-row-${index}`}\n >\n <CheckboxWithTitle\n key={value}\n title={label}\n onChange={onClick}\n name={label}\n checked={selected}\n customStyle={CHECKBOX_TITLE_STYLE}\n />\n <p className={style.optionCount}>{count}</p>\n </div>\n ))\n )}\n </div>\n {size(options) > INITIAL_VISIBLE_OPTIONS ? (\n <div>\n <ButtonLink\n label={showMore ? translate('Show less') : translate('Show more')}\n type=\"text\"\n icon={{\n position: 'right',\n faIcon: {\n name: showMore ? 'chevron-up' : 'chevron-down',\n size: 16,\n color: COLORS.cm_grey_500\n }\n }}\n customStyle={SHOW_BUTTON_STYLE}\n onClick={handleShowMore}\n data-testid=\"filter-checkbox-and-search-show-button\"\n />\n </div>\n ) : null}\n </div>\n );\n};\n\nFilterCheckboxAndSearch.propTypes = propTypes;\n\nFilterCheckboxAndSearch.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nexport default FilterCheckboxAndSearch;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import PropTypes from 'prop-types';
|
|
3
|
-
import SearchForm from '../../molecule/search-form';
|
|
4
2
|
declare const propTypes: {
|
|
5
3
|
title: PropTypes.Requireable<string>;
|
|
6
4
|
onClear: PropTypes.Requireable<(...args: any[]) => any>;
|
|
@@ -13,23 +11,13 @@ declare const propTypes: {
|
|
|
13
11
|
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
14
12
|
}> | null | undefined)[]>;
|
|
15
13
|
searchOptions: PropTypes.Requireable<PropTypes.InferProps<{
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
value: PropTypes.Requireable<string>;
|
|
24
|
-
placeholder: PropTypes.Validator<string>;
|
|
25
|
-
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
26
|
-
onClear: PropTypes.Requireable<(...args: any[]) => any>;
|
|
27
|
-
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
28
|
-
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
29
|
-
theme: PropTypes.Requireable<string>;
|
|
30
|
-
dataTestId: PropTypes.Requireable<string>;
|
|
31
|
-
}>>;
|
|
32
|
-
'search-reset-aria-label': PropTypes.Requireable<string>;
|
|
14
|
+
value: PropTypes.Requireable<string>;
|
|
15
|
+
placeholder: PropTypes.Validator<string>;
|
|
16
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
17
|
+
onClear: PropTypes.Requireable<(...args: any[]) => any>;
|
|
18
|
+
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
|
|
19
|
+
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
|
|
20
|
+
theme: PropTypes.Requireable<string>;
|
|
33
21
|
dataTestId: PropTypes.Requireable<string>;
|
|
34
22
|
}>>;
|
|
35
23
|
};
|
|
@@ -41,10 +29,20 @@ export declare type FilterCheckboxAndSearchOptions = {
|
|
|
41
29
|
count: number;
|
|
42
30
|
onClick: () => void;
|
|
43
31
|
};
|
|
32
|
+
declare type SearchType = {
|
|
33
|
+
value?: string;
|
|
34
|
+
placeholder: string;
|
|
35
|
+
onChange?: () => void;
|
|
36
|
+
onClear?: () => void;
|
|
37
|
+
onFocus?: () => void;
|
|
38
|
+
onBlur?: () => void;
|
|
39
|
+
theme?: 'default' | 'coorpmanager';
|
|
40
|
+
dataTestId?: string;
|
|
41
|
+
};
|
|
44
42
|
export declare type FilterCheckboxAndSearchProps = {
|
|
45
43
|
title: string;
|
|
46
44
|
onClear: () => void;
|
|
47
|
-
searchOptions:
|
|
45
|
+
searchOptions: SearchType;
|
|
48
46
|
options: FilterCheckboxAndSearchOptions[];
|
|
49
47
|
};
|
|
50
48
|
export default propTypes;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-checkbox-and-search/props-types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"props-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-checkbox-and-search/props-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAcd,CAAC;AAEF,oBAAY,8BAA8B,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,aAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,UAAU,CAAC;IAC1B,OAAO,EAAE,8BAA8B,EAAE,CAAC;CAC3C,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
|
-
import
|
|
2
|
+
import Search from '../../atom/input-search';
|
|
3
3
|
const propTypes = {
|
|
4
4
|
title: PropTypes.string,
|
|
5
5
|
onClear: PropTypes.func,
|
|
@@ -11,7 +11,7 @@ const propTypes = {
|
|
|
11
11
|
count: PropTypes.number,
|
|
12
12
|
onClick: PropTypes.func
|
|
13
13
|
})),
|
|
14
|
-
searchOptions: PropTypes.shape(
|
|
14
|
+
searchOptions: PropTypes.shape(Search.propTypes)
|
|
15
15
|
};
|
|
16
16
|
export default propTypes;
|
|
17
17
|
//# sourceMappingURL=props-types.js.map
|