siam-ui-utils 1.0.6 → 1.0.8

package/src/iconos/whatsapp-icon-button.tsx

@@ -0,0 +1,40 @@
+import React from "react";
+import { withTheme } from 'styled-components';
+import { Icon } from './styled-icon';
+
+const WhatsappIconButton = (props: any) => {
+  const { phone = '', width = '', height = '', sublabel = '' } = props || {};
+  return (
+    <Icon
+      width={width}
+      height={height}
+      display={sublabel !== '' ? 'block' : 'none'}
+      onClick={() =>
+        window.open(
+          `https://api.whatsapp.com/send/?phone=${phone}&text=&app_absent=0`,
+          '_blank'
+        )
+      }
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        version="1.1"
+        viewBox="0 0 23.687 23.688"
+      >
+        <path
+          fill="#99CC33"
+          d="M12.906,3.301c-5.344,0-9.687,4.348-9.687,9.69c0,1.778,0.482,3.509,1.406,5.022l-1.387,4.159
+	C3.19,22.311,3.227,22.46,3.33,22.566c0.076,0.073,0.175,0.112,0.275,0.112c0.045,0,0.082-0.003,0.126-0.019l4.154-1.385
+	c1.516,0.918,3.246,1.403,5.021,1.403c5.343,0,9.688-4.346,9.688-9.688S18.249,3.301,12.906,3.301z M19.107,16.912
+	c0,0.338-0.14,0.671-0.379,0.91l-1.009,0.996c-0.24,0.241-0.565,0.373-0.899,0.373h-0.05c-5.414-0.233-9.833-4.65-10.065-10.061
+	C6.691,8.778,6.828,8.428,7.078,8.176l0.995-1.008c0.241-0.238,0.574-0.38,0.915-0.38h0.373c0.531,0,1.015,0.333,1.201,0.834
+	l0.883,2.345c0.171,0.457,0.066,0.98-0.271,1.337l-0.364,0.383c-0.168,0.176-0.185,0.444-0.05,0.641
+	c0.448,0.65,1.411,1.88,2.814,2.824c0.192,0.129,0.457,0.105,0.628-0.058l0.395-0.372c0.353-0.336,0.876-0.44,1.333-0.271
+	l2.345,0.884c0.498,0.188,0.833,0.669,0.833,1.201V16.912z"
+        />
+      </svg>
+    </Icon>
+  );
+};
+WhatsappIconButton.defaultProps = { theme: {} };
+export default withTheme(WhatsappIconButton);

package/src/index.ts

@@ -1,3 +1,4 @@
 export * from "./CustomBootstrap";
 export * from "./CustomSelectInput"; 
-export * from "./IntlMessages";
+export * from "./IntlMessages";
+export * from "./iconos";

package/tsconfig.json

@@ -12,11 +12,15 @@
     "forceConsistentCasingInFileNames": true,
     "module": "commonjs",
     "moduleResolution": "node",
+    "noImplicitReturns": true,
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "react",
     "noFallthroughCasesInSwitch": true,
+    "esModuleInterop": true,
+    "experimentalDecorators": true,
+    "allowSyntheticDefaultImports": true
   },
   "include": [
     "src",

package/dist_browser/CustomBootstrap.js

@@ -1,23 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Separator = exports.Colxx = void 0;
-var React = require("react");
-var reactstrap_1 = require("reactstrap");
-var Colxx = function (props) { return (React.createElement(reactstrap_1.Col, __assign({}, props, { widths: ['xxs', 'xs', 'sm', 'md', 'lg', 'xl', 'xxl'] }))); };
-exports.Colxx = Colxx;
-var Separator = function (_a) {
-    var className = _a.className;
-    return (React.createElement("div", { className: "separator ".concat(className) }));
-};
-exports.Separator = Separator;

package/dist_browser/CustomSelectInput.js

@@ -1,23 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomSelectInput = void 0;
-var React = require("react");
-var react_select_1 = require("react-select");
-var CustomSelectInput = function (props) {
-    var customProps = __assign({}, props);
-    delete customProps.autoCorrect;
-    delete customProps.autoCapitalize;
-    return React.createElement(react_select_1.components.Input, __assign({}, customProps));
-};
-exports.CustomSelectInput = CustomSelectInput;

package/dist_browser/IntlMessages.js

@@ -1,20 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IntlMessages = void 0;
-var React = require("react");
-var react_intl_1 = require("react-intl");
-var _InjectMassage = function (props) { return React.createElement(react_intl_1.FormattedMessage, __assign({}, props)); };
-exports.IntlMessages = (0, react_intl_1.injectIntl)(_InjectMassage, {
-    withRef: false,
-});

package/dist_browser/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./CustomBootstrap"), exports);
-__exportStar(require("./CustomSelectInput"), exports);
-__exportStar(require("./IntlMessages"), exports);

package/index.d.ts

@@ -1,11 +0,0 @@
-declare module "siam-ui-utils" {
-  //CUSTOMBOOSTRAP
-  export function Colxx(props: JSX.IntrinsicAttributes & JSX.IntrinsicClassAttributes<Col> & Readonly<ColProps>);
-  export function Separator  ({ className }: { className: string });
-
-  //CUSTOMSELECTINPUT
-  export function CustomSelectInput (props: any);
-
-  //INTL-MESSAGES
-  export function IntlMessages(props:any);
-}

package/src/constants/defaultValue.ts

@@ -1,2 +0,0 @@
-// Tiempo para los mensajes de notificacion
-export const timeOutMsBox = 6000;