@coorpacademy/components 11.18.0 → 11.18.2

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.
@@ -16,6 +16,7 @@
16
16
  background-repeat: no-repeat;
17
17
  background-position: 50% 50%;
18
18
  height: 100%;
19
+ width: 100%;
19
20
  }
20
21
 
21
22
  .cover {
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/back-office/brand-list/index.js"],"names":[],"mappings":";AAWA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCG"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/back-office/brand-list/index.js"],"names":[],"mappings":";AAYA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CG"}
@@ -13,6 +13,7 @@ import Search from '../../../atom/input-search';
13
13
  import Select from '../../../molecule/select-multiple';
14
14
  import RadioGroup from '../../../atom/radio-group';
15
15
  import Layout from '../layout';
16
+ import Loader from '../../../atom/loader';
16
17
  import style from './style.css';
17
18
  const BrandList = Layout(props => {
18
19
  const {
@@ -21,7 +22,8 @@ const BrandList = Layout(props => {
21
22
  search: {
22
23
  select
23
24
  } = {},
24
- filter
25
+ filter,
26
+ isLoading
25
27
  } = props,
26
28
  search = _objectWithoutPropertiesLoose(props.search, _excluded);
27
29
 
@@ -53,7 +55,11 @@ const BrandList = Layout(props => {
53
55
  className: style.provider
54
56
  }, /*#__PURE__*/React.createElement(Select, _extends({}, select, {
55
57
  theme: "coorpmanager"
56
- }))) : null), /*#__PURE__*/React.createElement("div", {
58
+ }))) : null), isLoading ? /*#__PURE__*/React.createElement("div", {
59
+ className: style.loader
60
+ }, /*#__PURE__*/React.createElement(Loader, {
61
+ theme: "coorpmanager"
62
+ })) : /*#__PURE__*/React.createElement("div", {
57
63
  className: style.wrapper
58
64
  }, /*#__PURE__*/React.createElement(GridList, null, brandCards)));
59
65
  });
@@ -61,7 +67,8 @@ BrandList.propTypes = process.env.NODE_ENV !== "production" ? {
61
67
  brands: PropTypes.arrayOf(PropTypes.shape(BrandCard.propTypes)),
62
68
  filter: PropTypes.shape(RadioGroup.propTypes),
63
69
  search: PropTypes.shape(Search.propTypes),
64
- create: PropTypes.shape(BrandCardCreate.propTypes)
70
+ create: PropTypes.shape(BrandCardCreate.propTypes),
71
+ isLoading: PropTypes.bool
65
72
  } : {};
66
73
  export default BrandList;
67
74
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","PropTypes","GridList","BrandCard","BrandCardCreate","Search","Select","RadioGroup","Layout","style","BrandList","props","brands","create","search","select","filter","brandCards","map","brand","index","title","push","container","filterBar","filters","searchBar","provider","wrapper","propTypes","arrayOf","shape"],"sources":["../../../../src/template/back-office/brand-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport GridList from '../../../organism/grid-list';\nimport BrandCard from '../../../molecule/brand-card';\nimport BrandCardCreate from '../../../molecule/brand-card-create';\nimport Search from '../../../atom/input-search';\nimport Select from '../../../molecule/select-multiple';\nimport RadioGroup from '../../../atom/radio-group';\nimport Layout from '../layout';\nimport style from './style.css';\n\nconst BrandList = Layout(props => {\n const {brands = [], create, search: {select, ...search} = {}, filter} = props;\n\n const brandCards = brands.map((brand, index) => {\n return (\n <div key={brand.title} className={style.brand}>\n <BrandCard {...brand} />\n </div>\n );\n });\n\n if (create) {\n brandCards.push(\n <div key=\"new\" className={style.brand}>\n <BrandCardCreate {...create} />\n </div>\n );\n }\n\n return (\n <div className={style.container}>\n {filter ? (\n <div className={style.filterBar}>\n <RadioGroup {...filter} />\n </div>\n ) : null}\n <div className={style.filters}>\n <div className={style.searchBar}>\n <Search {...search} theme=\"coorpmanager\" />\n </div>\n {select ? (\n <div className={style.provider}>\n <Select {...select} theme=\"coorpmanager\" />\n </div>\n ) : null}\n </div>\n <div className={style.wrapper}>\n <GridList>{brandCards}</GridList>\n </div>\n </div>\n );\n});\n\nBrandList.propTypes = {\n brands: PropTypes.arrayOf(PropTypes.shape(BrandCard.propTypes)),\n filter: PropTypes.shape(RadioGroup.propTypes),\n search: PropTypes.shape(Search.propTypes),\n create: PropTypes.shape(BrandCardCreate.propTypes)\n};\n\nexport default BrandList;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,6BAArB;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,OAAOC,eAAP,MAA4B,qCAA5B;AACA,OAAOC,MAAP,MAAmB,4BAAnB;AACA,OAAOC,MAAP,MAAmB,mCAAnB;AACA,OAAOC,UAAP,MAAuB,2BAAvB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,SAAS,GAAGF,MAAM,CAACG,KAAK,IAAI;EAChC,MAAM;IAACC,MAAM,GAAG,EAAV;IAAcC,MAAd;IAAsBC,MAAM,EAAE;MAACC;IAAD,IAAsB,EAApD;IAAwDC;EAAxD,IAAkEL,KAAxE;EAAA,MAAgDG,MAAhD,iCAAwEH,KAAxE,CAA4BG,MAA5B;;EAEA,MAAMG,UAAU,GAAGL,MAAM,CAACM,GAAP,CAAW,CAACC,KAAD,EAAQC,KAAR,KAAkB;IAC9C,oBACE;MAAK,GAAG,EAAED,KAAK,CAACE,KAAhB;MAAuB,SAAS,EAAEZ,KAAK,CAACU;IAAxC,gBACE,oBAAC,SAAD,EAAeA,KAAf,CADF,CADF;EAKD,CANkB,CAAnB;;EAQA,IAAIN,MAAJ,EAAY;IACVI,UAAU,CAACK,IAAX,eACE;MAAK,GAAG,EAAC,KAAT;MAAe,SAAS,EAAEb,KAAK,CAACU;IAAhC,gBACE,oBAAC,eAAD,EAAqBN,MAArB,CADF,CADF;EAKD;;EAED,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACc;EAAtB,GACGP,MAAM,gBACL;IAAK,SAAS,EAAEP,KAAK,CAACe;EAAtB,gBACE,oBAAC,UAAD,EAAgBR,MAAhB,CADF,CADK,GAIH,IALN,eAME;IAAK,SAAS,EAAEP,KAAK,CAACgB;EAAtB,gBACE;IAAK,SAAS,EAAEhB,KAAK,CAACiB;EAAtB,gBACE,oBAAC,MAAD,eAAYZ,MAAZ;IAAoB,KAAK,EAAC;EAA1B,GADF,CADF,EAIGC,MAAM,gBACL;IAAK,SAAS,EAAEN,KAAK,CAACkB;EAAtB,gBACE,oBAAC,MAAD,eAAYZ,MAAZ;IAAoB,KAAK,EAAC;EAA1B,GADF,CADK,GAIH,IARN,CANF,eAgBE;IAAK,SAAS,EAAEN,KAAK,CAACmB;EAAtB,gBACE,oBAAC,QAAD,QAAWX,UAAX,CADF,CAhBF,CADF;AAsBD,CAzCuB,CAAxB;AA2CAP,SAAS,CAACmB,SAAV,2CAAsB;EACpBjB,MAAM,EAAEX,SAAS,CAAC6B,OAAV,CAAkB7B,SAAS,CAAC8B,KAAV,CAAgB5B,SAAS,CAAC0B,SAA1B,CAAlB,CADY;EAEpBb,MAAM,EAAEf,SAAS,CAAC8B,KAAV,CAAgBxB,UAAU,CAACsB,SAA3B,CAFY;EAGpBf,MAAM,EAAEb,SAAS,CAAC8B,KAAV,CAAgB1B,MAAM,CAACwB,SAAvB,CAHY;EAIpBhB,MAAM,EAAEZ,SAAS,CAAC8B,KAAV,CAAgB3B,eAAe,CAACyB,SAAhC;AAJY,CAAtB;AAOA,eAAenB,SAAf"}
1
+ {"version":3,"file":"index.js","names":["React","PropTypes","GridList","BrandCard","BrandCardCreate","Search","Select","RadioGroup","Layout","Loader","style","BrandList","props","brands","create","search","select","filter","isLoading","brandCards","map","brand","index","title","push","container","filterBar","filters","searchBar","provider","loader","wrapper","propTypes","arrayOf","shape","bool"],"sources":["../../../../src/template/back-office/brand-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport GridList from '../../../organism/grid-list';\nimport BrandCard from '../../../molecule/brand-card';\nimport BrandCardCreate from '../../../molecule/brand-card-create';\nimport Search from '../../../atom/input-search';\nimport Select from '../../../molecule/select-multiple';\nimport RadioGroup from '../../../atom/radio-group';\nimport Layout from '../layout';\nimport Loader from '../../../atom/loader';\nimport style from './style.css';\n\nconst BrandList = Layout(props => {\n const {brands = [], create, search: {select, ...search} = {}, filter, isLoading} = props;\n\n const brandCards = brands.map((brand, index) => {\n return (\n <div key={brand.title} className={style.brand}>\n <BrandCard {...brand} />\n </div>\n );\n });\n\n if (create) {\n brandCards.push(\n <div key=\"new\" className={style.brand}>\n <BrandCardCreate {...create} />\n </div>\n );\n }\n\n return (\n <div className={style.container}>\n {filter ? (\n <div className={style.filterBar}>\n <RadioGroup {...filter} />\n </div>\n ) : null}\n <div className={style.filters}>\n <div className={style.searchBar}>\n <Search {...search} theme=\"coorpmanager\" />\n </div>\n {select ? (\n <div className={style.provider}>\n <Select {...select} theme=\"coorpmanager\" />\n </div>\n ) : null}\n </div>\n {isLoading ? (\n <div className={style.loader}>\n <Loader theme=\"coorpmanager\" />\n </div>\n ) : (\n <div className={style.wrapper}>\n <GridList>{brandCards}</GridList>\n </div>\n )}\n </div>\n );\n});\n\nBrandList.propTypes = {\n brands: PropTypes.arrayOf(PropTypes.shape(BrandCard.propTypes)),\n filter: PropTypes.shape(RadioGroup.propTypes),\n search: PropTypes.shape(Search.propTypes),\n create: PropTypes.shape(BrandCardCreate.propTypes),\n isLoading: PropTypes.bool\n};\n\nexport default BrandList;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,6BAArB;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,OAAOC,eAAP,MAA4B,qCAA5B;AACA,OAAOC,MAAP,MAAmB,4BAAnB;AACA,OAAOC,MAAP,MAAmB,mCAAnB;AACA,OAAOC,UAAP,MAAuB,2BAAvB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,SAAS,GAAGH,MAAM,CAACI,KAAK,IAAI;EAChC,MAAM;IAACC,MAAM,GAAG,EAAV;IAAcC,MAAd;IAAsBC,MAAM,EAAE;MAACC;IAAD,IAAsB,EAApD;IAAwDC,MAAxD;IAAgEC;EAAhE,IAA6EN,KAAnF;EAAA,MAAgDG,MAAhD,iCAAmFH,KAAnF,CAA4BG,MAA5B;;EAEA,MAAMI,UAAU,GAAGN,MAAM,CAACO,GAAP,CAAW,CAACC,KAAD,EAAQC,KAAR,KAAkB;IAC9C,oBACE;MAAK,GAAG,EAAED,KAAK,CAACE,KAAhB;MAAuB,SAAS,EAAEb,KAAK,CAACW;IAAxC,gBACE,oBAAC,SAAD,EAAeA,KAAf,CADF,CADF;EAKD,CANkB,CAAnB;;EAQA,IAAIP,MAAJ,EAAY;IACVK,UAAU,CAACK,IAAX,eACE;MAAK,GAAG,EAAC,KAAT;MAAe,SAAS,EAAEd,KAAK,CAACW;IAAhC,gBACE,oBAAC,eAAD,EAAqBP,MAArB,CADF,CADF;EAKD;;EAED,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACe;EAAtB,GACGR,MAAM,gBACL;IAAK,SAAS,EAAEP,KAAK,CAACgB;EAAtB,gBACE,oBAAC,UAAD,EAAgBT,MAAhB,CADF,CADK,GAIH,IALN,eAME;IAAK,SAAS,EAAEP,KAAK,CAACiB;EAAtB,gBACE;IAAK,SAAS,EAAEjB,KAAK,CAACkB;EAAtB,gBACE,oBAAC,MAAD,eAAYb,MAAZ;IAAoB,KAAK,EAAC;EAA1B,GADF,CADF,EAIGC,MAAM,gBACL;IAAK,SAAS,EAAEN,KAAK,CAACmB;EAAtB,gBACE,oBAAC,MAAD,eAAYb,MAAZ;IAAoB,KAAK,EAAC;EAA1B,GADF,CADK,GAIH,IARN,CANF,EAgBGE,SAAS,gBACR;IAAK,SAAS,EAAER,KAAK,CAACoB;EAAtB,gBACE,oBAAC,MAAD;IAAQ,KAAK,EAAC;EAAd,EADF,CADQ,gBAKR;IAAK,SAAS,EAAEpB,KAAK,CAACqB;EAAtB,gBACE,oBAAC,QAAD,QAAWZ,UAAX,CADF,CArBJ,CADF;AA4BD,CA/CuB,CAAxB;AAiDAR,SAAS,CAACqB,SAAV,2CAAsB;EACpBnB,MAAM,EAAEZ,SAAS,CAACgC,OAAV,CAAkBhC,SAAS,CAACiC,KAAV,CAAgB/B,SAAS,CAAC6B,SAA1B,CAAlB,CADY;EAEpBf,MAAM,EAAEhB,SAAS,CAACiC,KAAV,CAAgB3B,UAAU,CAACyB,SAA3B,CAFY;EAGpBjB,MAAM,EAAEd,SAAS,CAACiC,KAAV,CAAgB7B,MAAM,CAAC2B,SAAvB,CAHY;EAIpBlB,MAAM,EAAEb,SAAS,CAACiC,KAAV,CAAgB9B,eAAe,CAAC4B,SAAhC,CAJY;EAKpBd,SAAS,EAAEjB,SAAS,CAACkC;AALD,CAAtB;AAQA,eAAexB,SAAf"}
@@ -43,6 +43,13 @@
43
43
  padding-bottom: 20px;
44
44
  }
45
45
 
46
+ .loader {
47
+ position: absolute;
48
+ top: 50%;
49
+ left: 50%;
50
+ height: 50px;
51
+ width: 50px;
52
+ }
46
53
 
47
54
  @media desktop {
48
55
  .wrapper {
@@ -16,6 +16,7 @@
16
16
  background-repeat: no-repeat;
17
17
  background-position: 50% 50%;
18
18
  height: 100%;
19
+ width: 100%;
19
20
  }
20
21
 
21
22
  .cover {
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/back-office/brand-list/index.js"],"names":[],"mappings":";AAWA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCG"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/back-office/brand-list/index.js"],"names":[],"mappings":";AAYA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CG"}
@@ -21,6 +21,8 @@ var _radioGroup = _interopRequireDefault(require("../../../atom/radio-group"));
21
21
 
22
22
  var _layout = _interopRequireDefault(require("../layout"));
23
23
 
24
+ var _loader = _interopRequireDefault(require("../../../atom/loader"));
25
+
24
26
  var _style = _interopRequireDefault(require("./style.css"));
25
27
 
26
28
  const _excluded = ["select"];
@@ -38,7 +40,8 @@ const BrandList = (0, _layout.default)(props => {
38
40
  search: {
39
41
  select
40
42
  } = {},
41
- filter
43
+ filter,
44
+ isLoading
42
45
  } = props,
43
46
  search = _objectWithoutPropertiesLoose(props.search, _excluded);
44
47
 
@@ -70,7 +73,11 @@ const BrandList = (0, _layout.default)(props => {
70
73
  className: _style.default.provider
71
74
  }, /*#__PURE__*/_react.default.createElement(_selectMultiple.default, _extends({}, select, {
72
75
  theme: "coorpmanager"
73
- }))) : null), /*#__PURE__*/_react.default.createElement("div", {
76
+ }))) : null), isLoading ? /*#__PURE__*/_react.default.createElement("div", {
77
+ className: _style.default.loader
78
+ }, /*#__PURE__*/_react.default.createElement(_loader.default, {
79
+ theme: "coorpmanager"
80
+ })) : /*#__PURE__*/_react.default.createElement("div", {
74
81
  className: _style.default.wrapper
75
82
  }, /*#__PURE__*/_react.default.createElement(_gridList.default, null, brandCards)));
76
83
  });
@@ -78,7 +85,8 @@ BrandList.propTypes = process.env.NODE_ENV !== "production" ? {
78
85
  brands: _propTypes.default.arrayOf(_propTypes.default.shape(_brandCard.default.propTypes)),
79
86
  filter: _propTypes.default.shape(_radioGroup.default.propTypes),
80
87
  search: _propTypes.default.shape(_inputSearch.default.propTypes),
81
- create: _propTypes.default.shape(_brandCardCreate.default.propTypes)
88
+ create: _propTypes.default.shape(_brandCardCreate.default.propTypes),
89
+ isLoading: _propTypes.default.bool
82
90
  } : {};
83
91
  var _default = BrandList;
84
92
  exports.default = _default;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["BrandList","Layout","props","brands","create","search","select","filter","brandCards","map","brand","index","title","style","push","container","filterBar","filters","searchBar","provider","wrapper","propTypes","PropTypes","arrayOf","shape","BrandCard","RadioGroup","Search","BrandCardCreate"],"sources":["../../../../src/template/back-office/brand-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport GridList from '../../../organism/grid-list';\nimport BrandCard from '../../../molecule/brand-card';\nimport BrandCardCreate from '../../../molecule/brand-card-create';\nimport Search from '../../../atom/input-search';\nimport Select from '../../../molecule/select-multiple';\nimport RadioGroup from '../../../atom/radio-group';\nimport Layout from '../layout';\nimport style from './style.css';\n\nconst BrandList = Layout(props => {\n const {brands = [], create, search: {select, ...search} = {}, filter} = props;\n\n const brandCards = brands.map((brand, index) => {\n return (\n <div key={brand.title} className={style.brand}>\n <BrandCard {...brand} />\n </div>\n );\n });\n\n if (create) {\n brandCards.push(\n <div key=\"new\" className={style.brand}>\n <BrandCardCreate {...create} />\n </div>\n );\n }\n\n return (\n <div className={style.container}>\n {filter ? (\n <div className={style.filterBar}>\n <RadioGroup {...filter} />\n </div>\n ) : null}\n <div className={style.filters}>\n <div className={style.searchBar}>\n <Search {...search} theme=\"coorpmanager\" />\n </div>\n {select ? (\n <div className={style.provider}>\n <Select {...select} theme=\"coorpmanager\" />\n </div>\n ) : null}\n </div>\n <div className={style.wrapper}>\n <GridList>{brandCards}</GridList>\n </div>\n </div>\n );\n});\n\nBrandList.propTypes = {\n brands: PropTypes.arrayOf(PropTypes.shape(BrandCard.propTypes)),\n filter: PropTypes.shape(RadioGroup.propTypes),\n search: PropTypes.shape(Search.propTypes),\n create: PropTypes.shape(BrandCardCreate.propTypes)\n};\n\nexport default BrandList;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,SAAS,GAAG,IAAAC,eAAA,EAAOC,KAAK,IAAI;EAChC,MAAM;IAACC,MAAM,GAAG,EAAV;IAAcC,MAAd;IAAsBC,MAAM,EAAE;MAACC;IAAD,IAAsB,EAApD;IAAwDC;EAAxD,IAAkEL,KAAxE;EAAA,MAAgDG,MAAhD,iCAAwEH,KAAxE,CAA4BG,MAA5B;;EAEA,MAAMG,UAAU,GAAGL,MAAM,CAACM,GAAP,CAAW,CAACC,KAAD,EAAQC,KAAR,KAAkB;IAC9C,oBACE;MAAK,GAAG,EAAED,KAAK,CAACE,KAAhB;MAAuB,SAAS,EAAEC,cAAA,CAAMH;IAAxC,gBACE,6BAAC,kBAAD,EAAeA,KAAf,CADF,CADF;EAKD,CANkB,CAAnB;;EAQA,IAAIN,MAAJ,EAAY;IACVI,UAAU,CAACM,IAAX,eACE;MAAK,GAAG,EAAC,KAAT;MAAe,SAAS,EAAED,cAAA,CAAMH;IAAhC,gBACE,6BAAC,wBAAD,EAAqBN,MAArB,CADF,CADF;EAKD;;EAED,oBACE;IAAK,SAAS,EAAES,cAAA,CAAME;EAAtB,GACGR,MAAM,gBACL;IAAK,SAAS,EAAEM,cAAA,CAAMG;EAAtB,gBACE,6BAAC,mBAAD,EAAgBT,MAAhB,CADF,CADK,GAIH,IALN,eAME;IAAK,SAAS,EAAEM,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMK;EAAtB,gBACE,6BAAC,oBAAD,eAAYb,MAAZ;IAAoB,KAAK,EAAC;EAA1B,GADF,CADF,EAIGC,MAAM,gBACL;IAAK,SAAS,EAAEO,cAAA,CAAMM;EAAtB,gBACE,6BAAC,uBAAD,eAAYb,MAAZ;IAAoB,KAAK,EAAC;EAA1B,GADF,CADK,GAIH,IARN,CANF,eAgBE;IAAK,SAAS,EAAEO,cAAA,CAAMO;EAAtB,gBACE,6BAAC,iBAAD,QAAWZ,UAAX,CADF,CAhBF,CADF;AAsBD,CAzCiB,CAAlB;AA2CAR,SAAS,CAACqB,SAAV,2CAAsB;EACpBlB,MAAM,EAAEmB,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,kBAAA,CAAUJ,SAA1B,CAAlB,CADY;EAEpBd,MAAM,EAAEe,kBAAA,CAAUE,KAAV,CAAgBE,mBAAA,CAAWL,SAA3B,CAFY;EAGpBhB,MAAM,EAAEiB,kBAAA,CAAUE,KAAV,CAAgBG,oBAAA,CAAON,SAAvB,CAHY;EAIpBjB,MAAM,EAAEkB,kBAAA,CAAUE,KAAV,CAAgBI,wBAAA,CAAgBP,SAAhC;AAJY,CAAtB;eAOerB,S"}
1
+ {"version":3,"file":"index.js","names":["BrandList","Layout","props","brands","create","search","select","filter","isLoading","brandCards","map","brand","index","title","style","push","container","filterBar","filters","searchBar","provider","loader","wrapper","propTypes","PropTypes","arrayOf","shape","BrandCard","RadioGroup","Search","BrandCardCreate","bool"],"sources":["../../../../src/template/back-office/brand-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport GridList from '../../../organism/grid-list';\nimport BrandCard from '../../../molecule/brand-card';\nimport BrandCardCreate from '../../../molecule/brand-card-create';\nimport Search from '../../../atom/input-search';\nimport Select from '../../../molecule/select-multiple';\nimport RadioGroup from '../../../atom/radio-group';\nimport Layout from '../layout';\nimport Loader from '../../../atom/loader';\nimport style from './style.css';\n\nconst BrandList = Layout(props => {\n const {brands = [], create, search: {select, ...search} = {}, filter, isLoading} = props;\n\n const brandCards = brands.map((brand, index) => {\n return (\n <div key={brand.title} className={style.brand}>\n <BrandCard {...brand} />\n </div>\n );\n });\n\n if (create) {\n brandCards.push(\n <div key=\"new\" className={style.brand}>\n <BrandCardCreate {...create} />\n </div>\n );\n }\n\n return (\n <div className={style.container}>\n {filter ? (\n <div className={style.filterBar}>\n <RadioGroup {...filter} />\n </div>\n ) : null}\n <div className={style.filters}>\n <div className={style.searchBar}>\n <Search {...search} theme=\"coorpmanager\" />\n </div>\n {select ? (\n <div className={style.provider}>\n <Select {...select} theme=\"coorpmanager\" />\n </div>\n ) : null}\n </div>\n {isLoading ? (\n <div className={style.loader}>\n <Loader theme=\"coorpmanager\" />\n </div>\n ) : (\n <div className={style.wrapper}>\n <GridList>{brandCards}</GridList>\n </div>\n )}\n </div>\n );\n});\n\nBrandList.propTypes = {\n brands: PropTypes.arrayOf(PropTypes.shape(BrandCard.propTypes)),\n filter: PropTypes.shape(RadioGroup.propTypes),\n search: PropTypes.shape(Search.propTypes),\n create: PropTypes.shape(BrandCardCreate.propTypes),\n isLoading: PropTypes.bool\n};\n\nexport default BrandList;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,SAAS,GAAG,IAAAC,eAAA,EAAOC,KAAK,IAAI;EAChC,MAAM;IAACC,MAAM,GAAG,EAAV;IAAcC,MAAd;IAAsBC,MAAM,EAAE;MAACC;IAAD,IAAsB,EAApD;IAAwDC,MAAxD;IAAgEC;EAAhE,IAA6EN,KAAnF;EAAA,MAAgDG,MAAhD,iCAAmFH,KAAnF,CAA4BG,MAA5B;;EAEA,MAAMI,UAAU,GAAGN,MAAM,CAACO,GAAP,CAAW,CAACC,KAAD,EAAQC,KAAR,KAAkB;IAC9C,oBACE;MAAK,GAAG,EAAED,KAAK,CAACE,KAAhB;MAAuB,SAAS,EAAEC,cAAA,CAAMH;IAAxC,gBACE,6BAAC,kBAAD,EAAeA,KAAf,CADF,CADF;EAKD,CANkB,CAAnB;;EAQA,IAAIP,MAAJ,EAAY;IACVK,UAAU,CAACM,IAAX,eACE;MAAK,GAAG,EAAC,KAAT;MAAe,SAAS,EAAED,cAAA,CAAMH;IAAhC,gBACE,6BAAC,wBAAD,EAAqBP,MAArB,CADF,CADF;EAKD;;EAED,oBACE;IAAK,SAAS,EAAEU,cAAA,CAAME;EAAtB,GACGT,MAAM,gBACL;IAAK,SAAS,EAAEO,cAAA,CAAMG;EAAtB,gBACE,6BAAC,mBAAD,EAAgBV,MAAhB,CADF,CADK,GAIH,IALN,eAME;IAAK,SAAS,EAAEO,cAAA,CAAMI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAMK;EAAtB,gBACE,6BAAC,oBAAD,eAAYd,MAAZ;IAAoB,KAAK,EAAC;EAA1B,GADF,CADF,EAIGC,MAAM,gBACL;IAAK,SAAS,EAAEQ,cAAA,CAAMM;EAAtB,gBACE,6BAAC,uBAAD,eAAYd,MAAZ;IAAoB,KAAK,EAAC;EAA1B,GADF,CADK,GAIH,IARN,CANF,EAgBGE,SAAS,gBACR;IAAK,SAAS,EAAEM,cAAA,CAAMO;EAAtB,gBACE,6BAAC,eAAD;IAAQ,KAAK,EAAC;EAAd,EADF,CADQ,gBAKR;IAAK,SAAS,EAAEP,cAAA,CAAMQ;EAAtB,gBACE,6BAAC,iBAAD,QAAWb,UAAX,CADF,CArBJ,CADF;AA4BD,CA/CiB,CAAlB;AAiDAT,SAAS,CAACuB,SAAV,2CAAsB;EACpBpB,MAAM,EAAEqB,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,kBAAA,CAAUJ,SAA1B,CAAlB,CADY;EAEpBhB,MAAM,EAAEiB,kBAAA,CAAUE,KAAV,CAAgBE,mBAAA,CAAWL,SAA3B,CAFY;EAGpBlB,MAAM,EAAEmB,kBAAA,CAAUE,KAAV,CAAgBG,oBAAA,CAAON,SAAvB,CAHY;EAIpBnB,MAAM,EAAEoB,kBAAA,CAAUE,KAAV,CAAgBI,wBAAA,CAAgBP,SAAhC,CAJY;EAKpBf,SAAS,EAAEgB,kBAAA,CAAUO;AALD,CAAtB;eAQe/B,S"}
@@ -43,6 +43,13 @@
43
43
  padding-bottom: 20px;
44
44
  }
45
45
 
46
+ .loader {
47
+ position: absolute;
48
+ top: 50%;
49
+ left: 50%;
50
+ height: 50px;
51
+ width: 50px;
52
+ }
46
53
 
47
54
  @media desktop {
48
55
  .wrapper {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "11.18.0",
3
+ "version": "11.18.2",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -168,5 +168,5 @@
168
168
  "last 2 versions",
169
169
  "IE 11"
170
170
  ],
171
- "gitHead": "d6e50f7d4ac1ba92d68d850290ceb4a537828d28"
171
+ "gitHead": "eda948343cd0ce722b1d2386adb92c71bb8f4008"
172
172
  }