@plusscommunities/pluss-core-web 1.4.11 → 1.4.12

package/dist/index.cjs.js

@@ -1659,7 +1659,31 @@ var COLOUR_RED = '#c02743'; // const COLOUR_GREEN = '#00cc9c';
 
 var COLOUR_LIGHTGREY = '#8695b2';
 var INACTIVE_TEXT = COLOUR_LIGHTGREY;
-var COLOUR_BRANDING_APP = '#4a57b7'; // const hexToRGB = (hex) => {
+var COLOUR_BRANDING_APP = '#4a57b7';
+
+var hexToRGB = function hexToRGB(hex) {
+  // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
+  var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+  hex = hex.replace(shorthandRegex, function (m, r, g, b) {
+    return r + r + g + g + b + b;
+  });
+  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? {
+    r: parseInt(result[1], 16),
+    g: parseInt(result[2], 16),
+    b: parseInt(result[3], 16)
+  } : null;
+};
+
+var hexToRGBAstring = function hexToRGBAstring(hex, opacity) {
+  // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
+  var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+  hex = hex.replace(shorthandRegex, function (m, r, g, b) {
+    return r + r + g + g + b + b;
+  });
+  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? "rgba(".concat(parseInt(result[1], 16), ", ").concat(parseInt(result[2], 16), ", ").concat(parseInt(result[3], 16), ", ").concat(opacity, ")") : null;
+}; // const pctBtwnColours = (c1, c2, percentage) => {
 
 var colours = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -1669,6 +1693,8 @@ var colours = /*#__PURE__*/Object.freeze({
   COLOUR_DUSK_LIGHTER: COLOUR_DUSK_LIGHTER,
   LINEGREY: LINEGREY,
   COLOUR_RED: COLOUR_RED,
+  hexToRGB: hexToRGB,
+  hexToRGBAstring: hexToRGBAstring,
   COLOUR_BRANDING_MAIN: COLOUR_BRANDING_MAIN,
   COLOUR_BRANDING_OFF: COLOUR_BRANDING_OFF,
   COLOUR_BRANDING_ACTION: COLOUR_BRANDING_ACTION,

package/dist/index.esm.js

@@ -1629,7 +1629,31 @@ var COLOUR_RED = '#c02743'; // const COLOUR_GREEN = '#00cc9c';
 
 var COLOUR_LIGHTGREY = '#8695b2';
 var INACTIVE_TEXT = COLOUR_LIGHTGREY;
-var COLOUR_BRANDING_APP = '#4a57b7'; // const hexToRGB = (hex) => {
+var COLOUR_BRANDING_APP = '#4a57b7';
+
+var hexToRGB = function hexToRGB(hex) {
+  // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
+  var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+  hex = hex.replace(shorthandRegex, function (m, r, g, b) {
+    return r + r + g + g + b + b;
+  });
+  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? {
+    r: parseInt(result[1], 16),
+    g: parseInt(result[2], 16),
+    b: parseInt(result[3], 16)
+  } : null;
+};
+
+var hexToRGBAstring = function hexToRGBAstring(hex, opacity) {
+  // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
+  var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+  hex = hex.replace(shorthandRegex, function (m, r, g, b) {
+    return r + r + g + g + b + b;
+  });
+  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? "rgba(".concat(parseInt(result[1], 16), ", ").concat(parseInt(result[2], 16), ", ").concat(parseInt(result[3], 16), ", ").concat(opacity, ")") : null;
+}; // const pctBtwnColours = (c1, c2, percentage) => {
 
 var colours = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -1639,6 +1663,8 @@ var colours = /*#__PURE__*/Object.freeze({
   COLOUR_DUSK_LIGHTER: COLOUR_DUSK_LIGHTER,
   LINEGREY: LINEGREY,
   COLOUR_RED: COLOUR_RED,
+  hexToRGB: hexToRGB,
+  hexToRGBAstring: hexToRGBAstring,
   COLOUR_BRANDING_MAIN: COLOUR_BRANDING_MAIN,
   COLOUR_BRANDING_OFF: COLOUR_BRANDING_OFF,
   COLOUR_BRANDING_ACTION: COLOUR_BRANDING_ACTION,

package/dist/index.umd.js

@@ -1630,7 +1630,31 @@
 
   var COLOUR_LIGHTGREY = '#8695b2';
   var INACTIVE_TEXT = COLOUR_LIGHTGREY;
-  var COLOUR_BRANDING_APP = '#4a57b7'; // const hexToRGB = (hex) => {
+  var COLOUR_BRANDING_APP = '#4a57b7';
+
+  var hexToRGB = function hexToRGB(hex) {
+    // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
+    var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+    hex = hex.replace(shorthandRegex, function (m, r, g, b) {
+      return r + r + g + g + b + b;
+    });
+    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    return result ? {
+      r: parseInt(result[1], 16),
+      g: parseInt(result[2], 16),
+      b: parseInt(result[3], 16)
+    } : null;
+  };
+
+  var hexToRGBAstring = function hexToRGBAstring(hex, opacity) {
+    // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
+    var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+    hex = hex.replace(shorthandRegex, function (m, r, g, b) {
+      return r + r + g + g + b + b;
+    });
+    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    return result ? "rgba(".concat(parseInt(result[1], 16), ", ").concat(parseInt(result[2], 16), ", ").concat(parseInt(result[3], 16), ", ").concat(opacity, ")") : null;
+  }; // const pctBtwnColours = (c1, c2, percentage) => {
 
   var colours = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -1640,6 +1664,8 @@
     COLOUR_DUSK_LIGHTER: COLOUR_DUSK_LIGHTER,
     LINEGREY: LINEGREY,
     COLOUR_RED: COLOUR_RED,
+    hexToRGB: hexToRGB,
+    hexToRGBAstring: hexToRGBAstring,
     COLOUR_BRANDING_MAIN: COLOUR_BRANDING_MAIN,
     COLOUR_BRANDING_OFF: COLOUR_BRANDING_OFF,
     COLOUR_BRANDING_ACTION: COLOUR_BRANDING_ACTION,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-core-web",
-  "version": "1.4.11",
+  "version": "1.4.12",
   "description": "Core extension package for Pluss Communities platform",
   "main": "dist/index.cjs.js",
   "scripts": {

package/src/colours.js

@@ -48,33 +48,33 @@ const INACTIVE_TEXT = COLOUR_LIGHTGREY;
 
 const COLOUR_BRANDING_APP = '#4a57b7';
 
-// const hexToRGB = (hex) => {
-//   // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
-//   const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
-//   hex = hex.replace(shorthandRegex, (m, r, g, b) => {
-//     return r + r + g + g + b + b;
-//   });
+const hexToRGB = (hex) => {
+  // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
+  const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+  hex = hex.replace(shorthandRegex, (m, r, g, b) => {
+    return r + r + g + g + b + b;
+  });
 
-//   const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-//   return result
-//     ? {
-//         r: parseInt(result[1], 16),
-//         g: parseInt(result[2], 16),
-//         b: parseInt(result[3], 16),
-//       }
-//     : null;
-// };
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result
+    ? {
+        r: parseInt(result[1], 16),
+        g: parseInt(result[2], 16),
+        b: parseInt(result[3], 16),
+      }
+    : null;
+};
 
-// const hexToRGBAstring = (hex, opacity) => {
-//   // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
-//   const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
-//   hex = hex.replace(shorthandRegex, (m, r, g, b) => {
-//     return r + r + g + g + b + b;
-//   });
+const hexToRGBAstring = (hex, opacity) => {
+  // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
+  const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+  hex = hex.replace(shorthandRegex, (m, r, g, b) => {
+    return r + r + g + g + b + b;
+  });
 
-//   const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-//   return result ? `rgba(${parseInt(result[1], 16)}, ${parseInt(result[2], 16)}, ${parseInt(result[3], 16)}, ${opacity})` : null;
-// };
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? `rgba(${parseInt(result[1], 16)}, ${parseInt(result[2], 16)}, ${parseInt(result[3], 16)}, ${opacity})` : null;
+};
 
 // const pctBtwnColours = (c1, c2, percentage) => {
 //   const rgbC1 = hexToRGB(c1);
@@ -114,8 +114,8 @@ export {
   // COLOUR_CITRON,
   // COLOUR_GRAPEFRUIT,
   // DARK_OVERLAY,
-  // hexToRGB,
-  // hexToRGBAstring,
+  hexToRGB,
+  hexToRGBAstring,
   // pctBtwnColours,
   // FACEBOOK_BLUE,
   // COLOUR_NAV_GREY,