@laerdal/life-react-components 1.4.1-dev.2 → 1.4.1-dev.4.full

package/dist/umd/common/InputStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/InputStyling.ts"],"names":["CommonInteractionStyling","css","COLORS","white","primary_20","primary_600","primary_100","primary_800","neutral_300"],"mappings":";;;;;;;;;;;;;;;;;;;AAGO,QAAMA,wBAAwB,WAAxBA,wBAAwB,GAAGC,qBAAI;AAC5C;AACA,wBAAwBC,eAAOC,KAAM;AACrC;AACA;AACA;AACA;AACA,0BAA0BD,eAAOC,KAAM;AACvC;AACA;AACA;AACA;AACA,wBAAwBD,eAAOE,UAAW;AAC1C,aAAaF,eAAOG,WAAY;AAChC;AACA;AACA;AACA,wBAAwBH,eAAOI,WAAY;AAC3C,aAAaJ,eAAOK,WAAY;AAChC;AACA;AACA;AACA,wBAAwBL,eAAOC,KAAM;AACrC;AACA,eAAeD,eAAOM,WAAY;AAClC;AACA;AACA,0BAA0BN,eAAOC,KAAM;AACvC;AACA;AA7BO,CAAA","sourcesContent":["import { css } from 'styled-components';\nimport { COLORS } from '../styles';\n\nexport const CommonInteractionStyling = css`\n  &:focus {\n    background-color: ${COLORS.white};\n    box-shadow: 0px 4px 12px rgba(46, 127, 161, 0.25), 0px 0px 8px #2e7fa1;\n    outline: none;\n\n    &::after {\n      background-color: ${COLORS.white};\n    }\n  }\n\n  &:hover {\n    background-color: ${COLORS.primary_20};\n    color: ${COLORS.primary_600};\n  }\n  &:active {\n    box-shadow: none;\n    background-color: ${COLORS.primary_100};\n    color: ${COLORS.primary_800};\n  }\n  &:disabled {\n    box-shadow: none;\n    background-color: ${COLORS.white};\n    span {\n      color: ${COLORS.neutral_300};\n    }\n    &::after {\n      background-color: ${COLORS.white};\n    }\n  }\n`;\n"],"file":"InputStyling.js"}

package/dist/umd/common/index.js

@@ -0,0 +1,26 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "./InputStyling"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("./InputStyling"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.InputStyling);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _InputStyling) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  Object.defineProperty(exports, "CommonInteractionStyling", {
+    enumerable: true,
+    get: function () {
+      return _InputStyling.CommonInteractionStyling;
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/umd/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;2BAAA,wB","sourcesContent":["export { CommonInteractionStyling } from './InputStyling';\n"],"file":"index.js"}

package/dist/umd/hooks/useClickOutside.js

@@ -0,0 +1,41 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _react) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports.default = useClickOutside;
+
+  /**
+   * Perform action if clicked on outside of referred element
+   */
+  function useClickOutside(ref, action) {
+    function handleClickOutside(e) {
+      if (ref.current && !ref.current.contains(e.target)) {
+        action();
+      }
+    }
+
+    (0, _react.useEffect)(() => {
+      // Bind the event listener
+      document.addEventListener('click', handleClickOutside);
+      return () => {
+        // Unbind the event listener on clean up
+        document.removeEventListener('click', handleClickOutside);
+      };
+    });
+  }
+});
+//# sourceMappingURL=useClickOutside.js.map

package/dist/umd/hooks/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useClickOutside.ts"],"names":["ref","e","action","useEffect","document"],"mappings":";;;;;;;;;;;;;;;;;;oBAIe,e;;AAHf;AACA;AACA;AACe,WAAA,eAAA,CAAA,GAAA,EAAA,MAAA,EAAoF;AACjG,aAAA,kBAAA,CAAA,CAAA,EAAoC;AAClC,UAAIA,GAAG,CAAHA,OAAAA,IAAe,CAACA,GAAG,CAAHA,OAAAA,CAAAA,QAAAA,CAAqBC,CAAC,CAA1C,MAAoBD,CAApB,EAAoD;AAClDE,QAAAA,MAAM;AACP;AACF;;AACDC,0BAAU,MAAM;AACd;AACAC,MAAAA,QAAQ,CAARA,gBAAAA,CAAAA,OAAAA,EAAAA,kBAAAA;AACA,aAAO,MAAM;AACX;AACAA,QAAAA,QAAQ,CAARA,mBAAAA,CAAAA,OAAAA,EAAAA,kBAAAA;AAFF,OAAA;AAHFD,KAAAA;AAQD","sourcesContent":["import { useEffect, MutableRefObject } from 'react';\n/**\n * Perform action if clicked on outside of referred element\n */\nexport default function useClickOutside(ref: MutableRefObject<Element | null>, action: () => void) {\n  function handleClickOutside(e: any) {\n    if (ref.current && !ref.current.contains(e.target)) {\n      action();\n    }\n  }\n  useEffect(() => {\n    // Bind the event listener\n    document.addEventListener('click', handleClickOutside);\n    return () => {\n      // Unbind the event listener on clean up\n      document.removeEventListener('click', handleClickOutside);\n    };\n  });\n}\n"],"file":"useClickOutside.js"}