@stokr/components-library 3.0.37 → 3.0.39

package/dist/components/InfoIcon/InfoIcon.js

@@ -1,9 +1,12 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import "react";
+import DOMPurify from "dompurify";
 import PropTypes from "prop-types";
+import { useId } from "react";
+import parse from "html-react-parser";
 import { Tooltip } from "react-tippy";
-import { Container, Icon } from "./InfoIcon.styles.js";
+import { colors } from "../../styles/colors.js";
 import { IoniconsStyles } from "../../styles/ioniconsStyles.js";
+import { Container, ArrowColorGlobalStyle, Icon } from "./InfoIcon.styles.js";
 const InfoIcon = ({
   title = null,
   html = null,
@@ -14,13 +17,20 @@ const InfoIcon = ({
   noIcon,
   disabled,
   fullWidth,
+  arrow = true,
+  arrowColor = colors.blue,
+  theme = "light",
+  trigger,
   outline = false,
   containerStyle,
   ...props
 }) => {
+  const htmlContent = typeof html === "string" ? parse(DOMPurify.sanitize(html)) : html;
+  const instanceToken = `info-${useId().replace(/[^a-zA-Z0-9]/g, "")}`;
+  const tippyTheme = arrowColor ? `${theme} ${instanceToken}` : theme;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(IoniconsStyles, {}),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(
       Container,
       {
         noMargin,
@@ -28,20 +38,25 @@ const InfoIcon = ({
         noMarginRight,
         fullWidth,
         style: containerStyle,
-        children: /* @__PURE__ */ jsx(
-          Tooltip,
-          {
-            ...props,
-            position,
-            title,
-            html,
-            theme: "light",
-            arrow: true,
-            duration: 200,
-            disabled,
-            children: noIcon ? props.children : /* @__PURE__ */ jsx(Icon, { outline })
-          }
-        )
+        children: [
+          arrowColor && /* @__PURE__ */ jsx(ArrowColorGlobalStyle, { themeName: instanceToken, color: arrowColor }),
+          /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              ...props,
+              position,
+              title,
+              trigger,
+              html: htmlContent,
+              useContext: htmlContent != null,
+              theme: tippyTheme,
+              arrow: arrowColor ? true : arrow,
+              duration: 200,
+              disabled,
+              children: noIcon ? props.children : /* @__PURE__ */ jsx(Icon, { outline })
+            }
+          )
+        ]
       }
     )
   ] });
@@ -53,7 +68,12 @@ InfoIcon.propTypes = {
   noMargin: PropTypes.bool,
   noMarginLeft: PropTypes.bool,
   noMarginRight: PropTypes.bool,
-  outline: PropTypes.bool
+  outline: PropTypes.bool,
+  children: PropTypes.node,
+  theme: PropTypes.string,
+  trigger: PropTypes.oneOf(["click", "focus"]),
+  arrow: PropTypes.bool,
+  arrowColor: PropTypes.string
 };
 export {
   InfoIcon,

package/dist/components/InfoIcon/InfoIcon.styles.js

@@ -1,5 +1,19 @@
-import styled from "styled-components";
+import styled, { createGlobalStyle } from "styled-components";
 import theme from "../../styles/theme.js";
+const ArrowColorGlobalStyle = createGlobalStyle`
+  .tippy-popper[x-placement^='top'] .tippy-tooltip.${(props) => props.themeName}-theme [x-arrow] {
+    border-top-color: ${(props) => props.color} !important;
+  }
+  .tippy-popper[x-placement^='bottom'] .tippy-tooltip.${(props) => props.themeName}-theme [x-arrow] {
+    border-bottom-color: ${(props) => props.color} !important;
+  }
+  .tippy-popper[x-placement^='left'] .tippy-tooltip.${(props) => props.themeName}-theme [x-arrow] {
+    border-left-color: ${(props) => props.color} !important;
+  }
+  .tippy-popper[x-placement^='right'] .tippy-tooltip.${(props) => props.themeName}-theme [x-arrow] {
+    border-right-color: ${(props) => props.color} !important;
+  }
+`;
 const Container = styled.div.withConfig({
   shouldForwardProp: (props) => !["noMargin", "noMarginLeft", "noMarginRight", "fullWidth"].includes(props)
 })`
@@ -59,6 +73,7 @@ const Icon = styled.i.withConfig({
   }
 `;
 export {
+  ArrowColorGlobalStyle,
   Container,
   Icon
 };

package/dist/components/icons/LinkIcon.js

@@ -17,13 +17,13 @@ const LinkIcon = () => /* @__PURE__ */ jsxs(
       /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx(
         "path",
         {
-          d: "M312.453,199.601c-6.066-6.102-12.792-11.511-20.053-16.128c-19.232-12.315-41.59-18.859-64.427-18.859\n			c-31.697-0.059-62.106,12.535-84.48,34.987L34.949,308.23c-22.336,22.379-34.89,52.7-34.91,84.318\n			c-0.042,65.98,53.41,119.501,119.39,119.543c31.648,0.11,62.029-12.424,84.395-34.816l89.6-89.6\n			c1.628-1.614,2.537-3.816,2.524-6.108c-0.027-4.713-3.87-8.511-8.583-8.484h-3.413c-18.72,0.066-37.273-3.529-54.613-10.581\n			c-3.195-1.315-6.867-0.573-9.301,1.877l-64.427,64.512c-20.006,20.006-52.442,20.006-72.448,0\n			c-20.006-20.006-20.006-52.442,0-72.448l108.971-108.885c19.99-19.965,52.373-19.965,72.363,0\n			c13.472,12.679,34.486,12.679,47.957,0c5.796-5.801,9.31-13.495,9.899-21.675C322.976,216.108,319.371,206.535,312.453,199.601z"
+          d: "M312.453,199.601c-6.066-6.102-12.792-11.511-20.053-16.128c-19.232-12.315-41.59-18.859-64.427-18.859\r\n			c-31.697-0.059-62.106,12.535-84.48,34.987L34.949,308.23c-22.336,22.379-34.89,52.7-34.91,84.318\r\n			c-0.042,65.98,53.41,119.501,119.39,119.543c31.648,0.11,62.029-12.424,84.395-34.816l89.6-89.6\r\n			c1.628-1.614,2.537-3.816,2.524-6.108c-0.027-4.713-3.87-8.511-8.583-8.484h-3.413c-18.72,0.066-37.273-3.529-54.613-10.581\r\n			c-3.195-1.315-6.867-0.573-9.301,1.877l-64.427,64.512c-20.006,20.006-52.442,20.006-72.448,0\r\n			c-20.006-20.006-20.006-52.442,0-72.448l108.971-108.885c19.99-19.965,52.373-19.965,72.363,0\r\n			c13.472,12.679,34.486,12.679,47.957,0c5.796-5.801,9.31-13.495,9.899-21.675C322.976,216.108,319.371,206.535,312.453,199.601z"
         }
       ) }) }),
       /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx(
         "path",
         {
-          d: "M477.061,34.993c-46.657-46.657-122.303-46.657-168.96,0l-89.515,89.429c-2.458,2.47-3.167,6.185-1.792,9.387\n			c1.359,3.211,4.535,5.272,8.021,5.205h3.157c18.698-0.034,37.221,3.589,54.528,10.667c3.195,1.315,6.867,0.573,9.301-1.877\n			l64.256-64.171c20.006-20.006,52.442-20.006,72.448,0c20.006,20.006,20.006,52.442,0,72.448l-80.043,79.957l-0.683,0.768\n			l-27.989,27.819c-19.99,19.965-52.373,19.965-72.363,0c-13.472-12.679-34.486-12.679-47.957,0\n			c-5.833,5.845-9.35,13.606-9.899,21.845c-0.624,9.775,2.981,19.348,9.899,26.283c9.877,9.919,21.433,18.008,34.133,23.893\n			c1.792,0.853,3.584,1.536,5.376,2.304c1.792,0.768,3.669,1.365,5.461,2.048c1.792,0.683,3.669,1.28,5.461,1.792l5.035,1.365\n			c3.413,0.853,6.827,1.536,10.325,2.133c4.214,0.626,8.458,1.025,12.715,1.195h5.973h0.512l5.12-0.597\n			c1.877-0.085,3.84-0.512,6.059-0.512h2.901l5.888-0.853l2.731-0.512l4.949-1.024h0.939c20.961-5.265,40.101-16.118,55.381-31.403\n			l108.629-108.629C523.718,157.296,523.718,81.65,477.061,34.993z"
+          d: "M477.061,34.993c-46.657-46.657-122.303-46.657-168.96,0l-89.515,89.429c-2.458,2.47-3.167,6.185-1.792,9.387\r\n			c1.359,3.211,4.535,5.272,8.021,5.205h3.157c18.698-0.034,37.221,3.589,54.528,10.667c3.195,1.315,6.867,0.573,9.301-1.877\r\n			l64.256-64.171c20.006-20.006,52.442-20.006,72.448,0c20.006,20.006,20.006,52.442,0,72.448l-80.043,79.957l-0.683,0.768\r\n			l-27.989,27.819c-19.99,19.965-52.373,19.965-72.363,0c-13.472-12.679-34.486-12.679-47.957,0\r\n			c-5.833,5.845-9.35,13.606-9.899,21.845c-0.624,9.775,2.981,19.348,9.899,26.283c9.877,9.919,21.433,18.008,34.133,23.893\r\n			c1.792,0.853,3.584,1.536,5.376,2.304c1.792,0.768,3.669,1.365,5.461,2.048c1.792,0.683,3.669,1.28,5.461,1.792l5.035,1.365\r\n			c3.413,0.853,6.827,1.536,10.325,2.133c4.214,0.626,8.458,1.025,12.715,1.195h5.973h0.512l5.12-0.597\r\n			c1.877-0.085,3.84-0.512,6.059-0.512h2.901l5.888-0.853l2.731-0.512l4.949-1.024h0.939c20.961-5.265,40.101-16.118,55.381-31.403\r\n			l108.629-108.629C523.718,157.296,523.718,81.65,477.061,34.993z"
         }
       ) }) }),
       /* @__PURE__ */ jsx("g", {}),

package/dist/runtime-config.js

@@ -1,4 +1,4 @@
-const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false, "VITE_ADMIN_URL": "https://admin.stokr.info", "VITE_API_URL": "https://platform-api.stokr.info/api/v1", "VITE_BASE_URL_PUBLIC": "https://platform-api-no-auth.stokr.info/api/v1", "VITE_COOKIE_DOMAIN": "localhost", "VITE_DASHBOARD_URL": "https://dashboard.stokr.info", "VITE_FIREBASE_API_KEY": "AIzaSyBBp_3Romnfv--YpUuV0mJgDymvSp3oq0c", "VITE_FIREBASE_APP_ID": "1:568229412804:web:2391857e3e2a0b02346e91", "VITE_FIREBASE_AUTH_DOMAIN": "stokr-development-env.firebaseapp.com", "VITE_FIREBASE_MEASUREMENT_ID": "G-CP53SZVSMN", "VITE_FIREBASE_MESSAGING_SENDER_ID": "568229412804", "VITE_FIREBASE_PROJECT_ID": "stokr-development-env", "VITE_FIREBASE_STORAGE_BUCKET": "stokr-development-env.appspot.com", "VITE_MIXPANEL_TOKEN": "a7bb1e881f9b2600762fded84d8ce0ea", "VITE_ONBOARDING_URL": "https://signup.stokr.info", "VITE_PHOTO_API_URL": "https://platform-api.stokr.info/api/v1", "VITE_REGISTER_URL": "https://stokr.info/signup", "VITE_WEBSITE_DOMAIN": "stokr.info" };
+const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false };
 const _overrides = {};
 const ENV_KEY_BY_CONFIG = {
   apiUrl: "VITE_API_URL",
@@ -55,7 +55,11 @@ function warnMissingRuntimeEnvOnce() {
   );
 }
 function assignRuntimeConfig(config = {}) {
-  Object.assign(_overrides, config);
+  for (const [key, value] of Object.entries(config)) {
+    if (value !== void 0) {
+      _overrides[key] = value;
+    }
+  }
   warnMissingRuntimeEnvOnce();
 }
 function resetRuntimeConfig() {