@telefonica/mistica 9.17.0 → 10.2.0

package/dist/index.js.flow

@@ -84,9 +84,18 @@ declare export { default as ProgressBar } from "./progress-bar";
 declare export { MediaCard, DataCard } from "./card";
 declare export { default as Divider } from "./divider";
 declare export { default as Menu } from "./menu";
-declare export { default as EmptyStateScreen } from "./empty-state-screen";
+declare export { default as EmptyState } from "./empty-state";
 declare export { default as EmptyStateCard } from "./empty-state-card";
 declare export { default as Callout } from "./callout";
+declare export { useModalState } from "./modal-context-provider";
+declare export {
+  NavigationBar,
+  MainNavigationBar,
+  FunnelNavigationBar,
+  NavigationBarActionGroup,
+  NavigationBarAction,
+  NavigationBarLogo,
+} from "./navigation-bar";
 declare export { default as Image } from "./image";
 declare export { default as Form } from "./form";
 declare export { default as Select } from "./select";
@@ -150,19 +159,6 @@ declare export { palette as telefonicaPalette } from "./skins/telefonica";
 declare export { Locale } from "./utils/locale";
 declare export { TrackingEvent } from "./utils/types";
 declare export { RegionCode } from "./utils/region-code";
-declare export { default as IconImportarRegular } from "./generated/mistica-icons/icon-import-regular";
-declare export { default as IconDeviceRegular } from "./generated/mistica-icons/icon-team-regular";
-declare export { default as IconDeviceFilled } from "./generated/mistica-icons/icon-team-filled";
-declare export { default as IconDeviceLight } from "./generated/mistica-icons/icon-team-light";
-declare export { default as IconAddMoreAlarmFilled } from "./generated/mistica-icons/icon-bell-add-more-filled";
-declare export { default as IconAddMoreAlarmLight } from "./generated/mistica-icons/icon-bell-add-more-light";
-declare export { default as IconAddMoreAlarmRegular } from "./generated/mistica-icons/icon-bell-add-more-regular";
-declare export { default as IconAlarmOffFilled } from "./generated/mistica-icons/icon-bell-off-filled";
-declare export { default as IconAlarmOffLight } from "./generated/mistica-icons/icon-bell-off-light";
-declare export { default as IconAlarmOffRegular } from "./generated/mistica-icons/icon-bell-off-regular";
-declare export { default as IconProgramAlarmFilled } from "./generated/mistica-icons/icon-bell-program-filled";
-declare export { default as IconProgramAlarmLight } from "./generated/mistica-icons/icon-bell-program-light";
-declare export { default as IconProgramAlarmRegular } from "./generated/mistica-icons/icon-bell-program-regular";
 declare export { default as IconAcademicFilled } from "./generated/mistica-icons/icon-academic-filled";
 declare export { default as IconAcademicLight } from "./generated/mistica-icons/icon-academic-light";
 declare export { default as IconAcademicRegular } from "./generated/mistica-icons/icon-academic-regular";
@@ -310,6 +306,9 @@ declare export { default as IconBugFilled } from "./generated/mistica-icons/icon
 declare export { default as IconBugLight } from "./generated/mistica-icons/icon-bug-light";
 declare export { default as IconBugRegular } from "./generated/mistica-icons/icon-bug-regular";
 declare export { default as IconBusFilled } from "./generated/mistica-icons/icon-bus-filled";
+declare export { default as IconBushFilled } from "./generated/mistica-icons/icon-bush-filled";
+declare export { default as IconBushLight } from "./generated/mistica-icons/icon-bush-light";
+declare export { default as IconBushRegular } from "./generated/mistica-icons/icon-bush-regular";
 declare export { default as IconBusLight } from "./generated/mistica-icons/icon-bus-light";
 declare export { default as IconBusRegular } from "./generated/mistica-icons/icon-bus-regular";
 declare export { default as IconBuyDataFilled } from "./generated/mistica-icons/icon-buy-data-filled";
@@ -343,6 +342,9 @@ declare export { default as IconCancelFilled } from "./generated/mistica-icons/i
 declare export { default as IconCancelLight } from "./generated/mistica-icons/icon-cancel-light";
 declare export { default as IconCancelRegular } from "./generated/mistica-icons/icon-cancel-regular";
 declare export { default as IconCareFilled } from "./generated/mistica-icons/icon-care-filled";
+declare export { default as IconCareHealthFilled } from "./generated/mistica-icons/icon-care-health-filled";
+declare export { default as IconCareHealthLight } from "./generated/mistica-icons/icon-care-health-light";
+declare export { default as IconCareHealthRegular } from "./generated/mistica-icons/icon-care-health-regular";
 declare export { default as IconCareLight } from "./generated/mistica-icons/icon-care-light";
 declare export { default as IconCareRegular } from "./generated/mistica-icons/icon-care-regular";
 declare export { default as IconCareShieldFilled } from "./generated/mistica-icons/icon-care-shield-filled";
@@ -425,6 +427,8 @@ declare export { default as IconCocktailRegular } from "./generated/mistica-icon
 declare export { default as IconCodeFilled } from "./generated/mistica-icons/icon-code-filled";
 declare export { default as IconCodeLight } from "./generated/mistica-icons/icon-code-light";
 declare export { default as IconCodeRegular } from "./generated/mistica-icons/icon-code-regular";
+declare export { default as IconComputerAcademicFilled } from "./generated/mistica-icons/icon-computer-academic-filled";
+declare export { default as IconComputerAcademicRegular } from "./generated/mistica-icons/icon-computer-academic-regular";
 declare export { default as IconComputerFilled } from "./generated/mistica-icons/icon-computer-filled";
 declare export { default as IconComputerLight } from "./generated/mistica-icons/icon-computer-light";
 declare export { default as IconComputerRegular } from "./generated/mistica-icons/icon-computer-regular";
@@ -571,6 +575,9 @@ declare export { default as IconEmergencyCrossWithCircleRegular } from "./genera
 declare export { default as IconErrorFilled } from "./generated/mistica-icons/icon-error-filled";
 declare export { default as IconErrorLight } from "./generated/mistica-icons/icon-error-light";
 declare export { default as IconErrorRegular } from "./generated/mistica-icons/icon-error-regular";
+declare export { default as IconEuroSymbolCircleFilled } from "./generated/mistica-icons/icon-euro-symbol-circle-filled";
+declare export { default as IconEuroSymbolCircleLight } from "./generated/mistica-icons/icon-euro-symbol-circle-light";
+declare export { default as IconEuroSymbolCircleRegular } from "./generated/mistica-icons/icon-euro-symbol-circle-regular";
 declare export { default as IconEuroSymbolFilled } from "./generated/mistica-icons/icon-euro-symbol-filled";
 declare export { default as IconEuroSymbolLight } from "./generated/mistica-icons/icon-euro-symbol-light";
 declare export { default as IconEuroSymbolRegular } from "./generated/mistica-icons/icon-euro-symbol-regular";
@@ -885,6 +892,8 @@ declare export { default as IconMusicFilled } from "./generated/mistica-icons/ic
 declare export { default as IconMusicLight } from "./generated/mistica-icons/icon-music-light";
 declare export { default as IconMusicRegular } from "./generated/mistica-icons/icon-music-regular";
 declare export { default as IconNeuralNetworkFilled } from "./generated/mistica-icons/icon-neural-network-filled";
+declare export { default as IconNeuralNetworkHumanFilled } from "./generated/mistica-icons/icon-neural-network-human-filled";
+declare export { default as IconNeuralNetworkHumanRegular } from "./generated/mistica-icons/icon-neural-network-human-regular";
 declare export { default as IconNeuralNetworkLight } from "./generated/mistica-icons/icon-neural-network-light";
 declare export { default as IconNeuralNetworkRegular } from "./generated/mistica-icons/icon-neural-network-regular";
 declare export { default as IconNotConexionFilled } from "./generated/mistica-icons/icon-not-conexion-filled";

package/dist/list.d.ts

@@ -9,10 +9,6 @@ interface CommonProps {
     subtitleLinesMax?: number;
     description?: string | null;
     descriptionLinesMax?: number;
-    /** @deprecated use asset prop */
-    icon?: React.ReactNode;
-    /** @deprecated this prop is ignored */
-    iconSize?: 24 | 40;
     asset?: React.ReactNode;
     badge?: boolean | number;
     role?: string;

package/dist/list.js

@@ -149,22 +149,17 @@ function _defineProperty(obj, key, value) {
 
 
 var useStyles = (0, _jss.createUseStyles)(function (_ref) {
-  var colors = _ref.colors;
+  var colors = _ref.colors,
+      mq = _ref.mq;
   return {
-    hover: {
-      // Only apply hover effect to user agents using fine pointer devices (a mouse, for example)
-      // Also enabled for (pointer: none) for acceptance tests, where (pointer: fine) doesn't match.
-      // WARNING: you may be tempted to use @media (hover: hover) instead, but that doesn't work as expected in some android browsers.
-      // See: https://hover-pointer-media-query.glitch.me/ and https://github.com/mui-org/material-ui/issues/15736
-      '@media (pointer: fine), (pointer: none)': {
-        '&:hover': {
-          background: function background(_ref2) {
-            var isInverse = _ref2.isInverse;
-            return isInverse ? 'initial' : colors.backgroundAlternative;
-          }
+    hover: _defineProperty({}, mq.supportsHover, {
+      '&:hover': {
+        background: function background(_ref2) {
+          var isInverse = _ref2.isInverse;
+          return isInverse ? 'initial' : colors.backgroundAlternative;
         }
       }
-    },
+    }),
     rowContent: {
       width: '100%',
       cursor: 'pointer'
@@ -362,8 +357,7 @@ var RowContent = function RowContent(props) {
   var classes = useStyles({
     isInverse: isInverse
   });
-  var _props$asset = props.asset,
-      asset = _props$asset === void 0 ? props.icon : _props$asset,
+  var asset = props.asset,
       headline = props.headline,
       title = props.title,
       titleLinesMax = props.titleLinesMax,
@@ -527,7 +521,7 @@ var RowContent = function RowContent(props) {
 
   return /*#__PURE__*/React.createElement(_box.default, {
     paddingX: 16,
-    className: (0, _classnames.default)((0, _classnames.default)(classes.rowContent, classes.hover), classes.hoverDisabled),
+    className: (0, _classnames.default)(classes.rowContent, classes.hover, classes.hoverDisabled),
     role: role
   }, props.right ? renderContent({
     type: 'custom',

package/dist/list.js.flow

@@ -10,14 +10,6 @@ declare type CommonProps = {|
   subtitleLinesMax?: number,
   description?: string | null,
   descriptionLinesMax?: number,
-  /**
-   * @deprecated use asset prop
-   */
-  icon?: React.Node,
-  /**
-   * @deprecated this prop is ignored
-   */
-  iconSize?: 24 | 40,
   asset?: React.Node,
   badge?: boolean | number,
   role?: string,

package/dist/modal-context-provider.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare type ModalState = {
+    isModalOpen: boolean;
+};
+declare const ModalContextProvider: React.FC;
+export declare const useSetModalState: () => (newModalState: Partial<ModalState>) => void;
+export declare const useModalState: () => ModalState;
+export default ModalContextProvider;

package/dist/modal-context-provider.js

@@ -0,0 +1,169 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.useModalState = exports.useSetModalState = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+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; }
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+
+    if (enumerableOnly) {
+      symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+
+    keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+  }
+
+  return target;
+}
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+
+  return arr2;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]);
+
+  if (_i == null) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+
+  var _s, _e;
+
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+
+  return _arr;
+}
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+var ModalStateContext = /*#__PURE__*/React.createContext({
+  isModalOpen: false
+});
+var ModalStateSetterContext = /*#__PURE__*/React.createContext(function () {});
+
+var ModalContextProvider = function ModalContextProvider(_ref) {
+  var children = _ref.children;
+
+  var _React$useState = React.useState({
+    isModalOpen: false
+  }),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      modalState = _React$useState2[0],
+      setModalState = _React$useState2[1];
+
+  var updateModalState = React.useCallback(function (newState) {
+    setModalState(function (prevState) {
+      return _objectSpread(_objectSpread({}, prevState), newState);
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement(ModalStateContext.Provider, {
+    value: modalState
+  }, /*#__PURE__*/React.createElement(ModalStateSetterContext.Provider, {
+    value: updateModalState
+  }, children));
+};
+
+var useSetModalState = function useSetModalState() {
+  return React.useContext(ModalStateSetterContext);
+};
+
+exports.useSetModalState = useSetModalState;
+
+var useModalState = function useModalState() {
+  return React.useContext(ModalStateContext);
+};
+
+exports.useModalState = useModalState;
+var _default = ModalContextProvider;
+exports.default = _default;

package/dist/modal-context-provider.js.flow

@@ -0,0 +1,12 @@
+// @flow
+
+import * as React from "react";
+declare type ModalState = {
+  isModalOpen: boolean,
+};
+declare var ModalContextProvider: React.ComponentType<{}>;
+declare export var useSetModalState: () => (
+  newModalState: $Shape<ModalState>
+) => void;
+declare export var useModalState: () => ModalState;
+declare export default typeof ModalContextProvider;

package/dist/navigation-bar.d.ts

@@ -0,0 +1,65 @@
+import * as React from 'react';
+import type { Props as TouchableProps } from './touchable';
+declare type NavigationBarLogoProps = {
+    size?: number;
+    children?: undefined;
+};
+export declare const NavigationBarLogo: React.FC<NavigationBarLogoProps>;
+declare type MainNavigationBarSection = {
+    href: string;
+    to?: undefined;
+    onPress?: undefined;
+    title: string;
+} | {
+    to: string;
+    href?: undefined;
+    onPress?: undefined;
+    title: string;
+} | {
+    onPress: () => void;
+    to?: undefined;
+    href?: undefined;
+    title: string;
+};
+declare type MainNavigationBarProps = {
+    sections: Array<MainNavigationBarSection>;
+    selectedIndex?: number;
+    right?: React.ReactElement;
+    logo?: React.ReactElement;
+    isInverse?: boolean;
+    children?: undefined;
+    topFixed?: boolean;
+};
+export declare const MainNavigationBar: React.FC<MainNavigationBarProps>;
+interface NavigationBarCommonProps {
+    isInverse?: boolean;
+    onBack?: () => void;
+    title?: string;
+    right?: React.ReactElement;
+    children?: undefined;
+}
+interface NavigationBarTopFixedProps extends NavigationBarCommonProps {
+    topFixed?: true;
+    paddingX?: undefined;
+}
+interface NavigationBarNotFixedProps extends NavigationBarCommonProps {
+    topFixed: false;
+    paddingX?: number;
+}
+declare type NavigationBarProps = NavigationBarTopFixedProps | NavigationBarNotFixedProps;
+export declare const NavigationBar: React.FC<NavigationBarProps>;
+declare type FunnelNavigationBarProps = {
+    isInverse?: boolean;
+    logo?: React.ReactElement;
+    right?: React.ReactElement;
+    topFixed?: boolean;
+    children?: undefined;
+};
+export declare const FunnelNavigationBar: React.FC<FunnelNavigationBarProps>;
+declare type NavigationBarActionGroupProps = {
+    children: React.ReactNode;
+};
+export declare const NavigationBarActionGroup: React.FC<NavigationBarActionGroupProps>;
+declare type NavigationBarActionProps = TouchableProps;
+export declare const NavigationBarAction: React.FC<NavigationBarActionProps>;
+export {};