@coorpacademy/components 10.27.5-alpha.31 → 10.27.5-alpha.89

package/lib/template/app-review/skills/index.native.js

@@ -7,15 +7,19 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
-var _novaIcons = require("@coorpacademy/nova-icons");
+var _index = require("../../../organism/header-v2/index.native");
+
+var _index2 = _interopRequireDefault(require("../../../organism/review-no-skills/index.native"));
+
+var _index3 = _interopRequireDefault(require("../../../organism/review-skills/index.native"));
 
 var _templateContext = require("../template-context");
 
-var _index = require("../../../organism/header-v2/index.native");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+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); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   container: {
@@ -31,176 +35,19 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     color: theme.colors.text.primary,
     marginBottom: theme.spacing.base,
     marginTop: theme.spacing.small
-  },
-  subtitle: {
-    fontSize: theme.fontSize.xlarge,
-    color: theme.colors.text.primary,
-    marginBottom: theme.spacing.tiny
-  },
-  text: {
-    fontSize: 16,
-    lineHeight: 22,
-    color: theme.colors.text.primary,
-    opacity: 0.7,
-    marginBottom: theme.spacing.base
-  },
-  noSkillsImage: {
-    flex: 1,
-    alignSelf: 'center',
-    width: 320,
-    height: 300
-  },
-  skills: {
-    paddingBottom: 100
-  },
-  skill: {
-    display: 'flex',
-    flexDirection: 'row',
-    overflow: 'hidden',
-    alignItems: 'center',
-    height: 118,
-    borderRadius: 8,
-    backgroundColor: theme.colors.gray.lighter,
-    marginTop: theme.spacing.micro,
-    marginBottom: theme.spacing.micro,
-    padding: theme.spacing.base
-  },
-  skillTexts: {
-    flex: 1,
-    flexDirection: 'column'
-  },
-  skillTitle: {
-    fontSize: 18,
-    fontWeight: '600',
-    lineHeight: 22,
-    color: theme.colors.text.primary,
-    marginBottom: theme.spacing.tiny
-  },
-  skillInfo: {
-    fontSize: 12,
-    lineHeight: 16,
-    color: theme.colors.gray.medium
-  }
-}); // -----------------------------------------------------------------------------
-
-
-const onSelectSkill = title => () => {
-  // eslint-disable-next-line no-console
-  console.log('pressed on', {
-    title
-  });
-};
-
-const Skill = ({
-  title,
-  info
-}) => {
-  const templateContext = (0, _templateContext.useTemplateContext)();
-  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
-  const {
-    theme
-  } = templateContext;
-  (0, _react.useEffect)(() => {
-    const _stylesheet = createStyleSheet(theme);
-
-    setStylesheet(_stylesheet);
-  }, [theme]);
-
-  if (!styleSheet) {
-    return null;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
-    style: styleSheet.skill,
-    onPress: onSelectSkill(title)
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styleSheet.skillTexts
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styleSheet.skillTitle
-  }, title), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styleSheet.skillInfo
-  }, info)), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
-    color: "#ededed",
-    height: 20,
-    width: 20
-  }));
-}; // -----------------------------------------------------------------------------
-
-
-const Item = ({
-  item: {
-    title,
-    info
   }
-}) => /*#__PURE__*/_react.default.createElement(Skill, {
-  title: title,
-  info: info
 });
 
-const List = props => {
-  const templateContext = (0, _templateContext.useTemplateContext)();
-  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
-  const {
-    theme
-  } = templateContext;
-  const {
-    skills
-  } = props;
-  (0, _react.useEffect)(() => {
-    const _stylesheet = createStyleSheet(theme);
-
-    setStylesheet(_stylesheet);
-  }, [theme]);
-
-  if (!styleSheet) {
-    return null;
-  }
-
-  const formattedDataList = [];
-  skills.map(skill => formattedDataList.push({
-    title: skill.skillTitle,
-    info: skill.skillAriaLabel
-  }));
-  return /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
-    contentContainerStyle: styleSheet.skills,
-    data: formattedDataList,
-    renderItem: Item
-  });
-}; // -----------------------------------------------------------------------------
-
-
-const NoSkills = () => {
-  const templateContext = (0, _templateContext.useTemplateContext)();
-  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
-  const {
-    theme,
-    translations
-  } = templateContext;
-  (0, _react.useEffect)(() => {
-    const _stylesheet = createStyleSheet(theme);
-
-    setStylesheet(_stylesheet);
-  }, [theme]);
-
-  if (!styleSheet) {
-    return null;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styleSheet.subtitle
-  }, translations.appReview?.noSkills?.title), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styleSheet.text
-  }, translations.appReview?.noSkills?.text), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyEmptyStateHomeRevision, {
-    style: styleSheet.noSkillsImage
-  }));
-}; // -----------------------------------------------------------------------------
-//  title --> translations.revision.home.title
-
-
-const Skills = props => {
+const ReviewSkills = props => {
   const {
+    'aria-label': ariaLabel,
     title,
-    listSkills
+    isLoading,
+    isLoadingAriaLabel,
+    listSkills,
+    titleNoSkills,
+    textNoSkills,
+    iconSkillAriaLabel
   } = props;
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -211,22 +58,28 @@ const Skills = props => {
     const _stylesheet = createStyleSheet(theme);
 
     setStylesheet(_stylesheet);
-  }, [theme]); // ------------------------------------
+  }, [theme]);
 
   if (!styleSheet) {
     return null;
   }
 
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styleSheet.container
+    style: styleSheet.container,
+    accessibilityLabel: ariaLabel
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styleSheet.title
-  }, title), !listSkills || listSkills.length === 0 ? /*#__PURE__*/_react.default.createElement(NoSkills, null) : /*#__PURE__*/_react.default.createElement(List, {
-    skills: listSkills
-  }));
-}; // -----------------------------------------------------------------------------
-
+  }, title), isLoading ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    accessibilityLabel: isLoadingAriaLabel
+  }, "Loading") : /*#__PURE__*/_react.default.createElement(_reactNative.View, null, !listSkills || listSkills.length === 0 ? /*#__PURE__*/_react.default.createElement(_index2.default, {
+    titleNoSkills: titleNoSkills,
+    textNoSkills: textNoSkills,
+    iconSkillAriaLabel: iconSkillAriaLabel
+  }) : /*#__PURE__*/_react.default.createElement(_index3.default, {
+    listSkills: listSkills
+  })));
+};
 
-var _default = Skills;
+var _default = ReviewSkills;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/template/app-review/skills/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/skills/index.native.tsx"],"names":["createStyleSheet","theme","StyleSheet","create","container","flex","padding","paddingTop","HEADER_HEIGHT","backgroundColor","colors","white","title","fontSize","xlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","base","marginTop","small","subtitle","tiny","opacity","noSkillsImage","alignSelf","width","height","skills","paddingBottom","skill","display","flexDirection","overflow","alignItems","borderRadius","gray","lighter","micro","skillTexts","skillTitle","skillInfo","medium","onSelectSkill","console","log","Skill","info","templateContext","styleSheet","setStylesheet","_stylesheet","Item","item","List","props","formattedDataList","map","push","skillAriaLabel","NoSkills","translations","appReview","noSkills","Skills","listSkills","length"],"mappings":"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","sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, FlatList, Pressable, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../template-context';\nimport {Theme} from '../../../variables/theme.native';\n\nimport {HEADER_HEIGHT} from '../../../organism/header-v2/index.native';\nimport {ItemProps, ListSkillsProps, SkillProps, SkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  title: TextStyle;\n  subtitle: TextStyle;\n  text: TextStyle;\n  noSkillsImage: ViewStyle;\n  skills: ViewStyle;\n  skill: ViewStyle;\n  skillTexts: TextStyle;\n  skillTitle: TextStyle;\n  skillInfo: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      padding: 20,\n      paddingTop: HEADER_HEIGHT + 20,\n      backgroundColor: theme.colors.white\n    },\n    title: {\n      fontSize: theme.fontSize.xlarge,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 28,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.base,\n      marginTop: theme.spacing.small\n    },\n    subtitle: {\n      fontSize: theme.fontSize.xlarge,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    text: {\n      fontSize: 16,\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      opacity: 0.7,\n      marginBottom: theme.spacing.base\n    },\n    noSkillsImage: {\n      flex: 1,\n      alignSelf: 'center',\n      width: 320,\n      height: 300\n    },\n    skills: {paddingBottom: 100},\n    skill: {\n      display: 'flex',\n      flexDirection: 'row',\n      overflow: 'hidden',\n      alignItems: 'center',\n      height: 118,\n      borderRadius: 8,\n      backgroundColor: theme.colors.gray.lighter,\n      marginTop: theme.spacing.micro,\n      marginBottom: theme.spacing.micro,\n      padding: theme.spacing.base\n    },\n    skillTexts: {\n      flex: 1,\n      flexDirection: 'column'\n    },\n    skillTitle: {\n      fontSize: 18,\n      fontWeight: '600',\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    skillInfo: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium\n    }\n  });\n\n// -----------------------------------------------------------------------------\n\nconst onSelectSkill = (title: string) => () => {\n  // eslint-disable-next-line no-console\n  console.log('pressed on', {title});\n};\n\nconst Skill = ({title, info}: SkillProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Pressable style={styleSheet.skill} onPress={onSelectSkill(title)}>\n      <View style={styleSheet.skillTexts}>\n        <Text style={styleSheet.skillTitle}>{title}</Text>\n        <Text style={styleSheet.skillInfo}>{info}</Text>\n      </View>\n      <ArrowRight color=\"#ededed\" height={20} width={20} />\n    </Pressable>\n  );\n};\n\n// -----------------------------------------------------------------------------\n\nconst Item = ({item: {title, info}}: ItemProps) => <Skill title={title} info={info} />;\n\ntype ItemDataType = {\n  title: string;\n  info: string;\n};\n\nconst List = (props: {skills: Array<ListSkillsProps>}) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {skills} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const formattedDataList: Array<ItemDataType> = [];\n  skills.map(skill =>\n    formattedDataList.push({\n      title: skill.skillTitle,\n      info: skill.skillAriaLabel\n    })\n  );\n\n  return (\n    <FlatList\n      contentContainerStyle={styleSheet.skills}\n      data={formattedDataList}\n      renderItem={Item}\n    />\n  );\n};\n\n// -----------------------------------------------------------------------------\n\nconst NoSkills = () => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme, translations} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <>\n      <Text style={styleSheet.subtitle}>{translations.appReview?.noSkills?.title}</Text>\n      <Text style={styleSheet.text}>{translations.appReview?.noSkills?.text}</Text>\n      <EmptyStateHomeRevision style={styleSheet.noSkillsImage} />\n    </>\n  );\n};\n\n// -----------------------------------------------------------------------------\n\n//  title --> translations.revision.home.title\nconst Skills = (props: SkillsProps) => {\n  const {title, listSkills} = props;\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  // ------------------------------------\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <Text style={styleSheet.title}>{title}</Text>\n      {!listSkills || listSkills.length === 0 ? <NoSkills /> : <List skills={listSkills} />}\n    </View>\n  );\n};\n\n// -----------------------------------------------------------------------------\n\nexport default Skills;\n"],"file":"index.native.js"}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","create","container","flex","padding","paddingTop","HEADER_HEIGHT","backgroundColor","colors","white","title","fontSize","xlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","base","marginTop","small","ReviewSkills","props","ariaLabel","isLoading","isLoadingAriaLabel","listSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","length"],"sources":["../../../../src/template/app-review/skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {Text, View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {HEADER_HEIGHT} from '../../../organism/header-v2/index.native';\nimport ReviewNoSkills from '../../../organism/review-no-skills/index.native';\nimport ReviewListSkills from '../../../organism/review-skills/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      padding: 20,\n      paddingTop: HEADER_HEIGHT + 20,\n      backgroundColor: theme.colors.white\n    },\n    title: {\n      fontSize: theme.fontSize.xlarge,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 28,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.base,\n      marginTop: theme.spacing.small\n    }\n  });\n\nconst ReviewSkills = (props: ReviewSkillsProps) => {\n  const {\n    'aria-label': ariaLabel,\n    title,\n    isLoading,\n    isLoadingAriaLabel,\n    listSkills,\n    titleNoSkills,\n    textNoSkills,\n    iconSkillAriaLabel\n  } = props;\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container} accessibilityLabel={ariaLabel}>\n      <Text style={styleSheet.title}>{title}</Text>\n      {isLoading ? (\n        <Text accessibilityLabel={isLoadingAriaLabel}>Loading</Text>\n      ) : (\n        <View>\n          {!listSkills || listSkills.length === 0 ? (\n            <ReviewNoSkills\n              titleNoSkills={titleNoSkills}\n              textNoSkills={textNoSkills}\n              iconSkillAriaLabel={iconSkillAriaLabel}\n            />\n          ) : (\n            <ReviewListSkills listSkills={listSkills} />\n          )}\n        </View>\n      )}\n    </View>\n  );\n};\n\nexport default ReviewSkills;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAQA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,OAAO,EAAE,EAFA;IAGTC,UAAU,EAAEC,oBAAA,GAAgB,EAHnB;IAITC,eAAe,EAAER,KAAK,CAACS,MAAN,CAAaC;EAJrB,CADK;EAOhBC,KAAK,EAAE;IACLC,QAAQ,EAAEZ,KAAK,CAACY,QAAN,CAAeC,MADpB;IAELC,UAAU,EAAEd,KAAK,CAACc,UAAN,CAAiBC,IAFxB;IAGLC,UAAU,EAAE,EAHP;IAILC,KAAK,EAAEjB,KAAK,CAACS,MAAN,CAAaS,IAAb,CAAkBC,OAJpB;IAKLC,YAAY,EAAEpB,KAAK,CAACqB,OAAN,CAAcC,IALvB;IAMLC,SAAS,EAAEvB,KAAK,CAACqB,OAAN,CAAcG;EANpB;AAPS,CAAlB,CADF;;AAkBA,MAAMC,YAAY,GAAIC,KAAD,IAA8B;EACjD,MAAM;IACJ,cAAcC,SADV;IAEJhB,KAFI;IAGJiB,SAHI;IAIJC,kBAJI;IAKJC,UALI;IAMJC,aANI;IAOJC,YAPI;IAQJC;EARI,IASFP,KATJ;EAUA,MAAMQ,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAACtC;EAAD,IAAUkC,eAAhB;EAEA,IAAAK,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAGzC,gBAAgB,CAACC,KAAD,CAApC;;IACAqC,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAACxC,KAAD,CAHH;;EAKA,IAAI,CAACoC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEA,UAAU,CAACjC,SAAxB;IAAmC,kBAAkB,EAAEwB;EAAvD,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAES,UAAU,CAACzB;EAAxB,GAAgCA,KAAhC,CADF,EAEGiB,SAAS,gBACR,6BAAC,iBAAD;IAAM,kBAAkB,EAAEC;EAA1B,aADQ,gBAGR,6BAAC,iBAAD,QACG,CAACC,UAAD,IAAeA,UAAU,CAACW,MAAX,KAAsB,CAArC,gBACC,6BAAC,eAAD;IACE,aAAa,EAAEV,aADjB;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;EAHtB,EADD,gBAOC,6BAAC,eAAD;IAAkB,UAAU,EAAEH;EAA9B,EARJ,CALJ,CADF;AAoBD,CA5CD;;eA8CeL,Y"}

package/lib/template/app-review/skills/prop-types.d.ts

@@ -1,17 +1,12 @@
 import PropTypes from 'prop-types';
-export declare const SkillPropsTypes: {
+import { NoSkillsProps } from '../../../organism/review-no-skills/prop-types';
+import { ReviewSkills } from '../../../organism/review-skills/prop-types';
+declare const propTypes: {
+    'aria-label': PropTypes.Requireable<string>;
     title: PropTypes.Requireable<string>;
-    info: PropTypes.Requireable<string>;
-};
-export declare const ItemPropsTypes: {
-    item: PropTypes.Requireable<PropTypes.InferProps<{
-        title: PropTypes.Requireable<string>;
-        info: PropTypes.Requireable<string>;
-        isExtraSpace: PropTypes.Requireable<boolean>;
-    }>>;
-};
-export declare const ListPropTypes: {
-    skills: PropTypes.Requireable<(PropTypes.InferProps<{
+    isLoading: PropTypes.Requireable<boolean>;
+    isLoadingAriaLabel: PropTypes.Requireable<string>;
+    listSkills: PropTypes.Requireable<(PropTypes.InferProps<{
         'aria-label': PropTypes.Requireable<string>;
         skillTitle: PropTypes.Requireable<string>;
         skillAriaLabel: PropTypes.Requireable<string>;
@@ -22,34 +17,15 @@ export declare const ListPropTypes: {
         isCustom: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
     }> | null | undefined)[]>;
+    titleNoSkills: PropTypes.Requireable<string>;
+    textNoSkills: PropTypes.Requireable<string>;
+    iconSkillAriaLabel: PropTypes.Requireable<string>;
 };
-export declare type SkillProps = {
-    title: string;
-    info: string;
-};
-export declare type ItemProps = {
-    item: {
-        title: string;
-        info: string;
-    };
-};
-export declare type NoSkillsProps = {
-    titleNoSkills: string;
-    textNoSkills: string;
-};
-export declare type ListSkillsProps = {
-    skillTitle: string;
-    isCustom: boolean;
+export default propTypes;
+export declare type ReviewSkillsProps = NoSkillsProps & ReviewSkills & {
     'aria-label': string;
-    skillAriaLabel: string;
-    buttonLabel: string;
-    buttonAriaLabel: string;
-    reviseLabel: string;
-    reviseAriaLabel: string;
-    onClick: () => void;
-};
-export declare type SkillsProps = {
     title: string;
-    listSkills: Array<ListSkillsProps>;
+    isLoading: boolean;
+    isLoadingAriaLabel: string;
 };
 //# sourceMappingURL=prop-types.d.ts.map

package/lib/template/app-review/skills/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,eAAe;;;CAG3B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;CAEzB,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,SAAS,GAAG;IACtB,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,CAAC;CACrC,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;CACpC,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,aAAa,EAAC,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAC,YAAY,EAAC,MAAM,4CAA4C,CAAC;AAExE,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CASd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,iBAAiB,GAAG,aAAa,GAC3C,YAAY,GAAG;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC"}

package/lib/template/app-review/skills/prop-types.js

@@ -1,29 +1,24 @@
 "use strict";
 
 exports.__esModule = true;
-exports.ListPropTypes = exports.ItemPropsTypes = exports.SkillPropsTypes = void 0;
+exports.default = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _propTypes2 = require("../../../organism/review-skills/prop-types");
+var _propTypes2 = _interopRequireDefault(require("../../../molecule/skill-card/prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const SkillPropsTypes = {
+const propTypes = {
+  'aria-label': _propTypes.default.string,
   title: _propTypes.default.string,
-  info: _propTypes.default.string
+  isLoading: _propTypes.default.bool,
+  isLoadingAriaLabel: _propTypes.default.string,
+  listSkills: _propTypes.default.arrayOf(_propTypes.default.shape(_propTypes2.default)),
+  titleNoSkills: _propTypes.default.string,
+  textNoSkills: _propTypes.default.string,
+  iconSkillAriaLabel: _propTypes.default.string
 };
-exports.SkillPropsTypes = SkillPropsTypes;
-const ItemPropsTypes = {
-  item: _propTypes.default.shape({
-    title: _propTypes.default.string,
-    info: _propTypes.default.string,
-    isExtraSpace: _propTypes.default.bool
-  })
-};
-exports.ItemPropsTypes = ItemPropsTypes;
-const ListPropTypes = {
-  skills: _propTypes2.ListSkillsPropTypes.listSkills
-};
-exports.ListPropTypes = ListPropTypes;
+var _default = propTypes;
+exports.default = _default;
 //# sourceMappingURL=prop-types.js.map

package/lib/template/app-review/skills/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/skills/prop-types.ts"],"names":["SkillPropsTypes","title","PropTypes","string","info","ItemPropsTypes","item","shape","isExtraSpace","bool","ListPropTypes","skills","ListSkillsPropTypes","listSkills"],"mappings":";;;;;AAAA;;AACA;;;;AAEO,MAAMA,eAAe,GAAG;AAC7BC,EAAAA,KAAK,EAAEC,mBAAUC,MADY;AAE7BC,EAAAA,IAAI,EAAEF,mBAAUC;AAFa,CAAxB;;AAKA,MAAME,cAAc,GAAG;AAC5BC,EAAAA,IAAI,EAAEJ,mBAAUK,KAAV,CAAgB;AACpBN,IAAAA,KAAK,EAAEC,mBAAUC,MADG;AAEpBC,IAAAA,IAAI,EAAEF,mBAAUC,MAFI;AAGpBK,IAAAA,YAAY,EAAEN,mBAAUO;AAHJ,GAAhB;AADsB,CAAvB;;AAQA,MAAMC,aAAa,GAAG;AAC3BC,EAAAA,MAAM,EAAEC,gCAAoBC;AADD,CAAtB","sourcesContent":["import PropTypes from 'prop-types';\nimport {ListSkillsPropTypes} from '../../../organism/review-skills/prop-types';\n\nexport const SkillPropsTypes = {\n  title: PropTypes.string,\n  info: PropTypes.string\n};\n\nexport const ItemPropsTypes = {\n  item: PropTypes.shape({\n    title: PropTypes.string,\n    info: PropTypes.string,\n    isExtraSpace: PropTypes.bool\n  })\n};\n\nexport const ListPropTypes = {\n  skills: ListSkillsPropTypes.listSkills\n};\n\nexport type SkillProps = {\n  title: string;\n  info: string;\n};\n\nexport type ItemProps = {\n  item: {title: string; info: string};\n};\n\nexport type NoSkillsProps = {\n  titleNoSkills: string;\n  textNoSkills: string;\n};\n\nexport type ListSkillsProps = {\n  skillTitle: string;\n  isCustom: boolean;\n  'aria-label': string;\n  skillAriaLabel: string;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  reviseLabel: string;\n  reviseAriaLabel: string;\n  onClick: () => void;\n};\n\nexport type SkillsProps = {\n  title: string;\n  listSkills: Array<ListSkillsProps>;\n};\n"],"file":"prop-types.js"}
+{"version":3,"file":"prop-types.js","names":["propTypes","PropTypes","string","title","isLoading","bool","isLoadingAriaLabel","listSkills","arrayOf","shape","SkillCardPropsType","titleNoSkills","textNoSkills","iconSkillAriaLabel"],"sources":["../../../../src/template/app-review/skills/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport SkillCardPropsType from '../../../molecule/skill-card/prop-types';\nimport {NoSkillsProps} from '../../../organism/review-no-skills/prop-types';\nimport {ReviewSkills} from '../../../organism/review-skills/prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  title: PropTypes.string,\n  isLoading: PropTypes.bool,\n  isLoadingAriaLabel: PropTypes.string,\n  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCardPropsType)),\n  titleNoSkills: PropTypes.string,\n  textNoSkills: PropTypes.string,\n  iconSkillAriaLabel: PropTypes.string\n};\n\nexport default propTypes;\n\nexport type ReviewSkillsProps = NoSkillsProps &\n  ReviewSkills & {\n    'aria-label': string;\n    title: string;\n    isLoading: boolean;\n    isLoadingAriaLabel: string;\n  };\n"],"mappings":";;;;;AAAA;;AACA;;;;AAIA,MAAMA,SAAS,GAAG;EAChB,cAAcC,kBAAA,CAAUC,MADR;EAEhBC,KAAK,EAAEF,kBAAA,CAAUC,MAFD;EAGhBE,SAAS,EAAEH,kBAAA,CAAUI,IAHL;EAIhBC,kBAAkB,EAAEL,kBAAA,CAAUC,MAJd;EAKhBK,UAAU,EAAEN,kBAAA,CAAUO,OAAV,CAAkBP,kBAAA,CAAUQ,KAAV,CAAgBC,mBAAhB,CAAlB,CALI;EAMhBC,aAAa,EAAEV,kBAAA,CAAUC,MANT;EAOhBU,YAAY,EAAEX,kBAAA,CAAUC,MAPR;EAQhBW,kBAAkB,EAAEZ,kBAAA,CAAUC;AARd,CAAlB;eAWeF,S"}

package/lib/template/app-review/skills/style.css

@@ -0,0 +1,49 @@
+@value breakpoints: "../../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value colors: "../../../variables/colors.css";
+@value cm_blue_900 from colors;
+@value cm_grey_500 from colors;
+
+.textBase {
+  color: cm_blue_900;
+  font-family: "Gilroy";
+  font-style: normal;
+  user-select: none;
+}
+
+.containerReviewSkill {
+  width: 100%;
+  position: relative;
+}
+
+.title {
+  composes: textBase;
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 28px;
+  margin-left: 40px;
+}
+
+.informationIcon {
+  color: cm_grey_500;
+  padding-left: 8px;
+}
+
+.loaderContainer {
+  width: 100%;
+  height: 50vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.loader {
+  height: 60px;
+  width: 60px;
+}
+
+@media mobile {  
+  .title {
+  margin-left: 0;
+  }
+}

package/lib/template/app-review/template-context.js

@@ -13,11 +13,11 @@ var _defaultMobileTranslations = _interopRequireDefault(require("../../variables
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+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); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const Context = (0, _react.createContext)({
+const Context = /*#__PURE__*/(0, _react.createContext)({
   theme: _theme.default,
   brandTheme: _brand.defaultBrandTheme,
   translations: _defaultMobileTranslations.default,

package/lib/template/app-review/template-context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/app-review/template-context.tsx"],"names":["Context","theme","defaultTheme","brandTheme","defaultBrandTheme","translations","defaultMobileTranslations","display","headerHeight","statusBarHeight","store","useTemplateContext","context","Error","TemplateContext","values","children"],"mappings":";;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;;;AA0BA,MAAMA,OAAO,GAAG,0BAAc;AAC5BC,EAAAA,KAAK,EAAEC,cADqB;AAE5BC,EAAAA,UAAU,EAAEC,wBAFgB;AAG5BC,EAAAA,YAAY,EAAEC,kCAHc;AAI5BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,YAAY,EAAE,EADP;AAEPC,IAAAA,eAAe,EAAE;AAFV,GAJmB;AAQ5BC,EAAAA,KAAK,EAAE;AARqB,CAAd,CAAhB;;AAWA,MAAMC,kBAAkB,GAAG,MAA6B;AACtD,QAAMC,OAAO,GAAG,uBAAWZ,OAAX,CAAhB;;AAEA,MAAI,CAACY,OAAL,EAAc;AACZ,UAAM,IAAIC,KAAJ,CACH,yFADG,CAAN;AAGD;;AAED,SAAOD,OAAP;AACD,CAVD;;;;AAYA,MAAME,eAAe,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASC,EAAAA;AAAT,CAAD,KAA+B;AACrD,sBAAO,6BAAC,OAAD,CAAS,QAAT;AAAkB,IAAA,KAAK,EAAED;AAAzB,KAAkCC,QAAlC,CAAP;AACD,CAFD","sourcesContent":["import React, {createContext, ReactNode, useContext} from 'react';\nimport {Analytics} from '../../variables/analytics';\nimport {Brand, defaultBrandTheme} from '../../variables/brand.native';\nimport defaultTheme, {Theme} from '../../variables/theme.native';\nimport defaultMobileTranslations, {Translations} from '../../variables/default-mobile-translations';\nimport {Vibration} from '../../variables/vibration';\n\nexport type HandleBlur = () => void;\nexport type HandleFocus = (id: string) => () => void;\nexport type FocusedSelectId = string | null;\n\nexport type TemplateContextValues = {\n  analytics?: Analytics;\n  brandTheme: Brand;\n  theme: Theme;\n  translations: Translations;\n  vibration?: Vibration;\n  display: {\n    headerHeight: number;\n    statusBarHeight: number;\n  };\n  store: {\n    focusedSelectId?: FocusedSelectId;\n    handleBlur?: HandleBlur;\n    handleFocus?: HandleFocus;\n  };\n};\n\ntype Props = {values: TemplateContextValues; children: ReactNode};\n\nconst Context = createContext({\n  theme: defaultTheme,\n  brandTheme: defaultBrandTheme,\n  translations: defaultMobileTranslations,\n  display: {\n    headerHeight: 67,\n    statusBarHeight: 42\n  },\n  store: {}\n});\n\nconst useTemplateContext = (): TemplateContextValues => {\n  const context = useContext(Context);\n\n  if (!context) {\n    throw new Error(\n      `❌ [TemplateContext] useTemplateContext must be used within a provider <TemplateContext>`\n    );\n  }\n\n  return context;\n};\n\nconst TemplateContext = ({values, children}: Props) => {\n  return <Context.Provider value={values}>{children}</Context.Provider>;\n};\n\nexport {TemplateContext, useTemplateContext};\n"],"file":"template-context.js"}
+{"version":3,"file":"template-context.js","names":["Context","createContext","theme","defaultTheme","brandTheme","defaultBrandTheme","translations","defaultMobileTranslations","display","headerHeight","statusBarHeight","store","useTemplateContext","context","useContext","Error","TemplateContext","values","children"],"sources":["../../../src/template/app-review/template-context.tsx"],"sourcesContent":["import React, {createContext, ReactNode, useContext} from 'react';\nimport {Analytics} from '../../variables/analytics';\nimport {Brand, defaultBrandTheme} from '../../variables/brand.native';\nimport defaultTheme, {Theme} from '../../variables/theme.native';\nimport defaultMobileTranslations, {Translations} from '../../variables/default-mobile-translations';\nimport {Vibration} from '../../variables/vibration';\n\nexport type HandleBlur = () => void;\nexport type HandleFocus = (id: string) => () => void;\nexport type FocusedSelectId = string | null;\n\nexport type TemplateContextValues = {\n  analytics?: Analytics;\n  brandTheme: Brand;\n  theme: Theme;\n  translations: Translations;\n  vibration?: Vibration;\n  display: {\n    headerHeight: number;\n    statusBarHeight: number;\n  };\n  store: {\n    focusedSelectId?: FocusedSelectId;\n    handleBlur?: HandleBlur;\n    handleFocus?: HandleFocus;\n  };\n};\n\ntype Props = {values: TemplateContextValues; children: ReactNode};\n\nconst Context = createContext({\n  theme: defaultTheme,\n  brandTheme: defaultBrandTheme,\n  translations: defaultMobileTranslations,\n  display: {\n    headerHeight: 67,\n    statusBarHeight: 42\n  },\n  store: {}\n});\n\nconst useTemplateContext = (): TemplateContextValues => {\n  const context = useContext(Context);\n\n  if (!context) {\n    throw new Error(\n      `❌ [TemplateContext] useTemplateContext must be used within a provider <TemplateContext>`\n    );\n  }\n\n  return context;\n};\n\nconst TemplateContext = ({values, children}: Props) => {\n  return <Context.Provider value={values}>{children}</Context.Provider>;\n};\n\nexport {TemplateContext, useTemplateContext};\n"],"mappings":";;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;;;AA0BA,MAAMA,OAAO,gBAAG,IAAAC,oBAAA,EAAc;EAC5BC,KAAK,EAAEC,cADqB;EAE5BC,UAAU,EAAEC,wBAFgB;EAG5BC,YAAY,EAAEC,kCAHc;EAI5BC,OAAO,EAAE;IACPC,YAAY,EAAE,EADP;IAEPC,eAAe,EAAE;EAFV,CAJmB;EAQ5BC,KAAK,EAAE;AARqB,CAAd,CAAhB;;AAWA,MAAMC,kBAAkB,GAAG,MAA6B;EACtD,MAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAWd,OAAX,CAAhB;;EAEA,IAAI,CAACa,OAAL,EAAc;IACZ,MAAM,IAAIE,KAAJ,CACH,yFADG,CAAN;EAGD;;EAED,OAAOF,OAAP;AACD,CAVD;;;;AAYA,MAAMG,eAAe,GAAG,CAAC;EAACC,MAAD;EAASC;AAAT,CAAD,KAA+B;EACrD,oBAAO,6BAAC,OAAD,CAAS,QAAT;IAAkB,KAAK,EAAED;EAAzB,GAAkCC,QAAlC,CAAP;AACD,CAFD"}

package/lib/template/back-office/brand-create/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/back-office/brand-create/index.js"],"names":["BrandCreate","props","notifications","notificationsList","map","notification","index","style","container","wrapper","length","empty","propTypes","PropTypes","arrayOf","shape","type","string","isRequired","message","onClose","func","title","subtitle","description","field","placeholder","label","onChange","error","value","onSubmit","submitValue","isPending","bool","isModified"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,WAAW,GAAG,qBAAOC,KAAK,IAAI;AAClC,QAAM;AAACC,IAAAA,aAAa,GAAG;AAAjB,MAAuBD,KAA7B;AAEA,QAAME,iBAAiB,GAAGD,aAAa,CAACE,GAAd,CAAkB,CAACC,YAAD,EAAeC,KAAf,KAAyB;AACnE,wBACE;AAAK,MAAA,GAAG,EAAEA,KAAV;AAAiB,MAAA,SAAS,EAAEC,eAAMF;AAAlC,oBACE,6BAAC,qBAAD,EAAkBA,YAAlB,CADF,CADF;AAKD,GANyB,CAA1B;AAQA,sBACE;AAAK,IAAA,SAAS,EAAEE,eAAMC;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEP,aAAa,CAACQ,MAAd,GAAuB,CAAvB,GAA2BH,eAAML,aAAjC,GAAiDK,eAAMI;AAAvE,KACGR,iBADH,CADF,eAIE,6BAAC,wBAAD,EAAqBF,KAArB,CAJF,CADF,CADF;AAUD,CArBmB,CAApB;AAuBAD,WAAW,CAACY,SAAZ,2CAAwB;AACtBV,EAAAA,aAAa,EAAEW,mBAAUC,OAAV,CACbD,mBAAUE,KAAV,CAAgB;AACdC,IAAAA,IAAI,EAAEH,mBAAUI,MAAV,CAAiBC,UADT;AAEdC,IAAAA,OAAO,EAAEN,mBAAUI,MAAV,CAAiBC,UAFZ;AAGdE,IAAAA,OAAO,EAAEP,mBAAUQ;AAHL,GAAhB,CADa,CADO;AAQtBC,EAAAA,KAAK,EAAET,mBAAUI,MAAV,CAAiBC,UARF;AAStBK,EAAAA,QAAQ,EAAEV,mBAAUI,MAAV,CAAiBC,UATL;AAUtBM,EAAAA,WAAW,EAAEX,mBAAUI,MAAV,CAAiBC,UAVR;AAWtBO,EAAAA,KAAK,EAAEZ,mBAAUE,KAAV,CAAgB;AACrBW,IAAAA,WAAW,EAAEb,mBAAUI,MAAV,CAAiBC,UADT;AAErBS,IAAAA,KAAK,EAAEd,mBAAUI,MAAV,CAAiBC,UAFH;AAGrBU,IAAAA,QAAQ,EAAEf,mBAAUQ,IAAV,CAAeH,UAHJ;AAIrBW,IAAAA,KAAK,EAAEhB,mBAAUI,MAJI;AAKrBa,IAAAA,KAAK,EAAEjB,mBAAUI;AALI,GAAhB,EAMJC,UAjBmB;AAkBtBa,EAAAA,QAAQ,EAAElB,mBAAUQ,IAAV,CAAeH,UAlBH;AAmBtBc,EAAAA,WAAW,EAAEnB,mBAAUI,MAAV,CAAiBC,UAnBR;AAoBtBe,EAAAA,SAAS,EAAEpB,mBAAUqB,IApBC;AAqBtBC,EAAAA,UAAU,EAAEtB,mBAAUqB;AArBA,CAAxB;eAwBelC,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BrandCreateForm from '../../../molecule/brand-create-form';\nimport Notification from '../../../atom/notification';\nimport Layout from '../layout';\nimport style from './style.css';\n\nconst BrandCreate = Layout(props => {\n  const {notifications = []} = props;\n\n  const notificationsList = notifications.map((notification, index) => {\n    return (\n      <div key={index} className={style.notification}>\n        <Notification {...notification} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.container}>\n      <div className={style.wrapper}>\n        <div className={notifications.length > 0 ? style.notifications : style.empty}>\n          {notificationsList}\n        </div>\n        <BrandCreateForm {...props} />\n      </div>\n    </div>\n  );\n});\n\nBrandCreate.propTypes = {\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.string.isRequired,\n      message: PropTypes.string.isRequired,\n      onClose: PropTypes.func\n    })\n  ),\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  field: PropTypes.shape({\n    placeholder: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    onChange: PropTypes.func.isRequired,\n    error: PropTypes.string,\n    value: PropTypes.string\n  }).isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  submitValue: PropTypes.string.isRequired,\n  isPending: PropTypes.bool,\n  isModified: PropTypes.bool\n};\n\nexport default BrandCreate;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["BrandCreate","Layout","props","notifications","notificationsList","map","notification","index","style","container","wrapper","length","empty","propTypes","PropTypes","arrayOf","shape","type","string","isRequired","message","onClose","func","title","subtitle","description","field","placeholder","label","onChange","error","value","onSubmit","submitValue","isPending","bool","isModified"],"sources":["../../../../src/template/back-office/brand-create/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BrandCreateForm from '../../../molecule/brand-create-form';\nimport Notification from '../../../atom/notification';\nimport Layout from '../layout';\nimport style from './style.css';\n\nconst BrandCreate = Layout(props => {\n  const {notifications = []} = props;\n\n  const notificationsList = notifications.map((notification, index) => {\n    return (\n      <div key={index} className={style.notification}>\n        <Notification {...notification} />\n      </div>\n    );\n  });\n\n  return (\n    <div className={style.container}>\n      <div className={style.wrapper}>\n        <div className={notifications.length > 0 ? style.notifications : style.empty}>\n          {notificationsList}\n        </div>\n        <BrandCreateForm {...props} />\n      </div>\n    </div>\n  );\n});\n\nBrandCreate.propTypes = {\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.string.isRequired,\n      message: PropTypes.string.isRequired,\n      onClose: PropTypes.func\n    })\n  ),\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  field: PropTypes.shape({\n    placeholder: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    onChange: PropTypes.func.isRequired,\n    error: PropTypes.string,\n    value: PropTypes.string\n  }).isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  submitValue: PropTypes.string.isRequired,\n  isPending: PropTypes.bool,\n  isModified: PropTypes.bool\n};\n\nexport default BrandCreate;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,WAAW,GAAG,IAAAC,eAAA,EAAOC,KAAK,IAAI;EAClC,MAAM;IAACC,aAAa,GAAG;EAAjB,IAAuBD,KAA7B;EAEA,MAAME,iBAAiB,GAAGD,aAAa,CAACE,GAAd,CAAkB,CAACC,YAAD,EAAeC,KAAf,KAAyB;IACnE,oBACE;MAAK,GAAG,EAAEA,KAAV;MAAiB,SAAS,EAAEC,cAAA,CAAMF;IAAlC,gBACE,6BAAC,qBAAD,EAAkBA,YAAlB,CADF,CADF;EAKD,CANyB,CAA1B;EAQA,oBACE;IAAK,SAAS,EAAEE,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEP,aAAa,CAACQ,MAAd,GAAuB,CAAvB,GAA2BH,cAAA,CAAML,aAAjC,GAAiDK,cAAA,CAAMI;EAAvE,GACGR,iBADH,CADF,eAIE,6BAAC,wBAAD,EAAqBF,KAArB,CAJF,CADF,CADF;AAUD,CArBmB,CAApB;AAuBAF,WAAW,CAACa,SAAZ,2CAAwB;EACtBV,aAAa,EAAEW,kBAAA,CAAUC,OAAV,CACbD,kBAAA,CAAUE,KAAV,CAAgB;IACdC,IAAI,EAAEH,kBAAA,CAAUI,MAAV,CAAiBC,UADT;IAEdC,OAAO,EAAEN,kBAAA,CAAUI,MAAV,CAAiBC,UAFZ;IAGdE,OAAO,EAAEP,kBAAA,CAAUQ;EAHL,CAAhB,CADa,CADO;EAQtBC,KAAK,EAAET,kBAAA,CAAUI,MAAV,CAAiBC,UARF;EAStBK,QAAQ,EAAEV,kBAAA,CAAUI,MAAV,CAAiBC,UATL;EAUtBM,WAAW,EAAEX,kBAAA,CAAUI,MAAV,CAAiBC,UAVR;EAWtBO,KAAK,EAAEZ,kBAAA,CAAUE,KAAV,CAAgB;IACrBW,WAAW,EAAEb,kBAAA,CAAUI,MAAV,CAAiBC,UADT;IAErBS,KAAK,EAAEd,kBAAA,CAAUI,MAAV,CAAiBC,UAFH;IAGrBU,QAAQ,EAAEf,kBAAA,CAAUQ,IAAV,CAAeH,UAHJ;IAIrBW,KAAK,EAAEhB,kBAAA,CAAUI,MAJI;IAKrBa,KAAK,EAAEjB,kBAAA,CAAUI;EALI,CAAhB,EAMJC,UAjBmB;EAkBtBa,QAAQ,EAAElB,kBAAA,CAAUQ,IAAV,CAAeH,UAlBH;EAmBtBc,WAAW,EAAEnB,kBAAA,CAAUI,MAAV,CAAiBC,UAnBR;EAoBtBe,SAAS,EAAEpB,kBAAA,CAAUqB,IApBC;EAqBtBC,UAAU,EAAEtB,kBAAA,CAAUqB;AArBA,CAAxB;eAwBenC,W"}

package/lib/template/back-office/brand-list/index.js

@@ -23,9 +23,11 @@ var _layout = _interopRequireDefault(require("../layout"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
+const _excluded = ["select"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
@@ -38,7 +40,7 @@ const BrandList = (0, _layout.default)(props => {
     } = {},
     filter
   } = props,
-        search = _objectWithoutPropertiesLoose(props.search, ["select"]);
+        search = _objectWithoutPropertiesLoose(props.search, _excluded);
 
   const brandCards = brands.map((brand, index) => {
     return /*#__PURE__*/_react.default.createElement("div", {

package/lib/template/back-office/brand-list/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/back-office/brand-list/index.js"],"names":["BrandList","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"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,SAAS,GAAG,qBAAOC,KAAK,IAAI;AAChC,QAAM;AAACC,IAAAA,MAAM,GAAG,EAAV;AAAcC,IAAAA,MAAd;AAAsBC,IAAAA,MAAM,EAAE;AAACC,MAAAA;AAAD,QAAsB,EAApD;AAAwDC,IAAAA;AAAxD,MAAkEL,KAAxE;AAAA,QAAgDG,MAAhD,iCAAwEH,KAAxE,CAA4BG,MAA5B;;AAEA,QAAMG,UAAU,GAAGL,MAAM,CAACM,GAAP,CAAW,CAACC,KAAD,EAAQC,KAAR,KAAkB;AAC9C,wBACE;AAAK,MAAA,GAAG,EAAED,KAAK,CAACE,KAAhB;AAAuB,MAAA,SAAS,EAAEC,eAAMH;AAAxC,oBACE,6BAAC,kBAAD,EAAeA,KAAf,CADF,CADF;AAKD,GANkB,CAAnB;;AAQA,MAAIN,MAAJ,EAAY;AACVI,IAAAA,UAAU,CAACM,IAAX,eACE;AAAK,MAAA,GAAG,EAAC,KAAT;AAAe,MAAA,SAAS,EAAED,eAAMH;AAAhC,oBACE,6BAAC,wBAAD,EAAqBN,MAArB,CADF,CADF;AAKD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAES,eAAME;AAAtB,KACGR,MAAM,gBACL;AAAK,IAAA,SAAS,EAAEM,eAAMG;AAAtB,kBACE,6BAAC,mBAAD,EAAgBT,MAAhB,CADF,CADK,GAIH,IALN,eAME;AAAK,IAAA,SAAS,EAAEM,eAAMI;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEJ,eAAMK;AAAtB,kBACE,6BAAC,oBAAD,eAAYb,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CADF,EAIGC,MAAM,gBACL;AAAK,IAAA,SAAS,EAAEO,eAAMM;AAAtB,kBACE,6BAAC,uBAAD,eAAYb,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CADK,GAIH,IARN,CANF,eAgBE;AAAK,IAAA,SAAS,EAAEO,eAAMO;AAAtB,kBACE,6BAAC,iBAAD,QAAWZ,UAAX,CADF,CAhBF,CADF;AAsBD,CAzCiB,CAAlB;AA2CAP,SAAS,CAACoB,SAAV,2CAAsB;AACpBlB,EAAAA,MAAM,EAAEmB,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,mBAAUJ,SAA1B,CAAlB,CADY;AAEpBd,EAAAA,MAAM,EAAEe,mBAAUE,KAAV,CAAgBE,oBAAWL,SAA3B,CAFY;AAGpBhB,EAAAA,MAAM,EAAEiB,mBAAUE,KAAV,CAAgBG,qBAAON,SAAvB,CAHY;AAIpBjB,EAAAA,MAAM,EAAEkB,mBAAUE,KAAV,CAAgBI,yBAAgBP,SAAhC;AAJY,CAAtB;eAOepB,S","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"],"file":"index.js"}
+{"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"}