@activecollab/components 1.0.5 → 1.0.9

package/dist/cjs/custom.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=custom.d.js.map

package/dist/cjs/custom.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"custom.d.js"}

package/dist/cjs/helpers/LayerContext/LayerContext.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLayerContext = exports.default = exports.LayerContextProvider = exports.LayerContextConsumer = void 0;
+
+var _react = require("react");
+
+var LayerContext = /*#__PURE__*/(0, _react.createContext)({});
+var LayerContextProvider = LayerContext.Provider;
+exports.LayerContextProvider = LayerContextProvider;
+var LayerContextConsumer = LayerContext.Consumer;
+exports.LayerContextConsumer = LayerContextConsumer;
+
+var useLayerContext = function useLayerContext() {
+  return (0, _react.useContext)(LayerContext);
+};
+
+exports.useLayerContext = useLayerContext;
+var _default = LayerContext;
+exports.default = _default;
+//# sourceMappingURL=LayerContext.js.map

package/dist/cjs/helpers/LayerContext/LayerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/helpers/LayerContext/LayerContext.ts"],"names":["LayerContext","LayerContextProvider","Provider","LayerContextConsumer","Consumer","useLayerContext"],"mappings":";;;;;;;AAAA;;AAOA,IAAMA,YAAY,gBAAG,0BAA6B,EAA7B,CAArB;AAEO,IAAMC,oBAAoB,GAAGD,YAAY,CAACE,QAA1C;;AACA,IAAMC,oBAAoB,GAAGH,YAAY,CAACI,QAA1C;;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB;AAAA,SAAqB,uBAAWL,YAAX,CAArB;AAAA,CAAxB;;;eAEQA,Y","sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface ILayerContext {\n  root?: HTMLElement;\n  zIndex?: number;\n}\n\nconst LayerContext = createContext<ILayerContext>({});\n\nexport const LayerContextProvider = LayerContext.Provider;\nexport const LayerContextConsumer = LayerContext.Consumer;\n\nexport const useLayerContext = (): ILayerContext => useContext(LayerContext);\n\nexport default LayerContext;\n"],"file":"LayerContext.js"}

package/dist/cjs/helpers/LayerContext/index.js

@@ -0,0 +1,38 @@
+"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
+});
+Object.defineProperty(exports, "LayerContext", {
+  enumerable: true,
+  get: function get() {
+    return _LayerContext.default;
+  }
+});
+Object.defineProperty(exports, "LayerContextConsumer", {
+  enumerable: true,
+  get: function get() {
+    return _LayerContext.LayerContextConsumer;
+  }
+});
+Object.defineProperty(exports, "LayerContextProvider", {
+  enumerable: true,
+  get: function get() {
+    return _LayerContext.LayerContextProvider;
+  }
+});
+Object.defineProperty(exports, "useLayerContext", {
+  enumerable: true,
+  get: function get() {
+    return _LayerContext.useLayerContext;
+  }
+});
+
+var _LayerContext = _interopRequireWildcard(require("./LayerContext"));
+
+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; }
+//# sourceMappingURL=index.js.map

package/dist/cjs/helpers/LayerContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/helpers/LayerContext/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA","sourcesContent":["import LayerContext, {\n  LayerContextProvider,\n  LayerContextConsumer,\n  useLayerContext,\n} from \"./LayerContext\";\n\nexport {\n  LayerContext,\n  LayerContextProvider,\n  LayerContextConsumer,\n  useLayerContext,\n};\n"],"file":"index.js"}

package/dist/cjs/helpers/Portal/Portal.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Portal = void 0;
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Portal = function Portal(_ref) {
+  var children = _ref.children,
+      _ref$root = _ref.root,
+      root = _ref$root === void 0 ? document.body : _ref$root;
+  return /*#__PURE__*/_reactDom.default.createPortal(children, root);
+};
+
+exports.Portal = Portal;
+Portal.displayName = "Portal";
+//# sourceMappingURL=Portal.js.map

package/dist/cjs/helpers/Portal/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/helpers/Portal/Portal.tsx"],"names":["Portal","children","root","document","body","ReactDOM","createPortal","displayName"],"mappings":";;;;;;;AACA;;;;AAMO,IAAMA,MAAmB,GAAG,SAAtBA,MAAsB,OAAwC;AAAA,MAArCC,QAAqC,QAArCA,QAAqC;AAAA,uBAA3BC,IAA2B;AAAA,MAA3BA,IAA2B,0BAApBC,QAAQ,CAACC,IAAW;AACzE,sBAAOC,kBAASC,YAAT,CAAsBL,QAAtB,EAAgCC,IAAhC,CAAP;AACD,CAFM;;;AAIPF,MAAM,CAACO,WAAP,GAAqB,QAArB","sourcesContent":["import { FC } from \"react\";\nimport ReactDOM from \"react-dom\";\n\ninterface IPortal {\n  root?: HTMLElement;\n}\n\nexport const Portal: FC<IPortal> = ({ children, root = document.body }) => {\n  return ReactDOM.createPortal(children, root);\n};\n\nPortal.displayName = \"Portal\";\n"],"file":"Portal.js"}

package/dist/cjs/helpers/Portal/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Portal = require("./Portal");
+
+Object.keys(_Portal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Portal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Portal[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/helpers/Portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/helpers/Portal/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Portal\";\n"],"file":"index.js"}

package/dist/cjs/helpers/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Portal = require("./Portal");
+
+Object.keys(_Portal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Portal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Portal[key];
+    }
+  });
+});
+
+var _LayerContext = require("./LayerContext");
+
+Object.keys(_LayerContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LayerContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LayerContext[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/helpers/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Portal\";\nexport * from \"./LayerContext\";\n"],"file":"index.js"}

package/dist/cjs/hooks/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _useInitScrollRef = require("./useInitScrollRef");
+
+Object.keys(_useInitScrollRef).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useInitScrollRef[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useInitScrollRef[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./useInitScrollRef\";\n"],"file":"index.js"}

package/dist/cjs/hooks/useDeprecation.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDeprecation = void 0;
+
+var _react = require("react");
+
+var useDeprecation = function useDeprecation(message) {
+  (0, _react.useEffect)(function () {
+    if (process.env.NODE_ENV === "development") {
+      console.warn(message);
+    }
+  }, [message]);
+};
+
+exports.useDeprecation = useDeprecation;
+//# sourceMappingURL=useDeprecation.js.map

package/dist/cjs/hooks/useDeprecation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useDeprecation.tsx"],"names":["useDeprecation","message","process","env","NODE_ENV","console","warn"],"mappings":";;;;;;;AAAA;;AAEO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,OAAD,EAA2B;AACvD,wBAAU,YAAM;AACd,QAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1CC,MAAAA,OAAO,CAACC,IAAR,CAAaL,OAAb;AACD;AACF,GAJD,EAIG,CAACA,OAAD,CAJH;AAKD,CANM","sourcesContent":["import { useEffect } from \"react\";\n\nexport const useDeprecation = (message: string): void => {\n  useEffect(() => {\n    if (process.env.NODE_ENV === \"development\") {\n      console.warn(message);\n    }\n  }, [message]);\n};\n"],"file":"useDeprecation.js"}

package/dist/cjs/hooks/useHeight.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+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 == null ? null : 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 useHeight = function useHeight(ref) {
+  var _useState = (0, _react.useState)(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      height = _useState2[0],
+      setHeight = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    if (ref && ref.current) {
+      var element = ref.current;
+      var prevMaxHeight = element.style.maxHeight;
+      var prevVisibility = element.style.visibility;
+      element.style.visibility = "hidden";
+      element.style.maxHeight = "none";
+      var elementHeight = element.clientHeight;
+      element.style.visibility = prevVisibility;
+      element.style.maxHeight = prevMaxHeight;
+      return setHeight(elementHeight);
+    }
+  }, [ref]);
+  return height;
+};
+
+var _default = useHeight;
+exports.default = _default;
+//# sourceMappingURL=useHeight.js.map

package/dist/cjs/hooks/useHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useHeight.tsx"],"names":["useHeight","ref","height","setHeight","current","element","prevMaxHeight","style","maxHeight","prevVisibility","visibility","elementHeight","clientHeight"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,GAAD,EAAyC;AACzD,kBAA4B,qBAAS,CAAT,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AAEA,wBAAU,YAAM;AACd,QAAIF,GAAG,IAAIA,GAAG,CAACG,OAAf,EAAwB;AACtB,UAAMC,OAAO,GAAGJ,GAAG,CAACG,OAApB;AACA,UAAME,aAAa,GAAGD,OAAO,CAACE,KAAR,CAAcC,SAApC;AACA,UAAMC,cAAc,GAAGJ,OAAO,CAACE,KAAR,CAAcG,UAArC;AAEAL,MAAAA,OAAO,CAACE,KAAR,CAAcG,UAAd,GAA2B,QAA3B;AACAL,MAAAA,OAAO,CAACE,KAAR,CAAcC,SAAd,GAA0B,MAA1B;AAEA,UAAMG,aAAa,GAAGN,OAAO,CAACO,YAA9B;AAEAP,MAAAA,OAAO,CAACE,KAAR,CAAcG,UAAd,GAA2BD,cAA3B;AACAJ,MAAAA,OAAO,CAACE,KAAR,CAAcC,SAAd,GAA0BF,aAA1B;AAEA,aAAOH,SAAS,CAACQ,aAAD,CAAhB;AACD;AACF,GAhBD,EAgBG,CAACV,GAAD,CAhBH;AAkBA,SAAOC,MAAP;AACD,CAtBD;;eAwBeF,S","sourcesContent":["import { RefObject, useEffect, useState } from \"react\";\n\nconst useHeight = (ref: RefObject<HTMLElement>): number => {\n  const [height, setHeight] = useState(0);\n\n  useEffect(() => {\n    if (ref && ref.current) {\n      const element = ref.current;\n      const prevMaxHeight = element.style.maxHeight;\n      const prevVisibility = element.style.visibility;\n\n      element.style.visibility = \"hidden\";\n      element.style.maxHeight = \"none\";\n\n      const elementHeight = element.clientHeight;\n\n      element.style.visibility = prevVisibility;\n      element.style.maxHeight = prevMaxHeight;\n\n      return setHeight(elementHeight);\n    }\n  }, [ref]);\n\n  return height;\n};\n\nexport default useHeight;\n"],"file":"useHeight.js"}

package/dist/cjs/hooks/useHighlightText.js

@@ -0,0 +1,51 @@
+"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 = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+var StyledHiglightedText = _styledComponents.default.span.withConfig({
+  displayName: "useHighlightText__StyledHiglightedText",
+  componentId: "sc-13agf6o-0"
+})(["background-color:var(--color-primary-200);"]);
+
+StyledHiglightedText.displayName = "StyledHiglightedText";
+
+var useHighlightText = function useHighlightText(text, searchBy) {
+  var matchCase = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var textComparator = text;
+  var searchByComparator = searchBy;
+
+  if (!matchCase) {
+    textComparator = text.toLowerCase();
+    searchByComparator = searchBy.toLowerCase();
+  }
+
+  if (searchBy && textComparator && textComparator.indexOf(searchByComparator) >= 0) {
+    var beforeHighlighted = text.substring(0, textComparator.indexOf(searchByComparator));
+    var highLighted = text.substring(textComparator.indexOf(searchByComparator), textComparator.indexOf(searchByComparator) + searchBy.length);
+    var afterHighlighted = text.substring(textComparator.indexOf(searchByComparator) + searchBy.length);
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, beforeHighlighted.replace(/ /g, "\xA0"), /*#__PURE__*/_react.default.createElement(StyledHiglightedText, {
+      className: "c-option--text__highlight"
+    }, highLighted.replace(/ /g, "\xA0")), afterHighlighted.replace(/ /g, "\xA0"));
+  }
+
+  return text;
+};
+
+var _default = useHighlightText;
+exports.default = _default;
+//# sourceMappingURL=useHighlightText.js.map

package/dist/cjs/hooks/useHighlightText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useHighlightText.tsx"],"names":["StyledHiglightedText","styled","span","displayName","useHighlightText","text","searchBy","matchCase","textComparator","searchByComparator","toLowerCase","indexOf","beforeHighlighted","substring","highLighted","length","afterHighlighted","replace"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;AAEA,IAAMA,oBAAoB,GAAGC,0BAAOC,IAAV;AAAA;AAAA;AAAA,kDAA1B;;AAIAF,oBAAoB,CAACG,WAArB,GAAmC,sBAAnC;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CACvBC,IADuB,EAEvBC,QAFuB,EAIT;AAAA,MADdC,SACc,uEADF,KACE;AACd,MAAIC,cAAc,GAAGH,IAArB;AACA,MAAII,kBAAkB,GAAGH,QAAzB;;AAEA,MAAI,CAACC,SAAL,EAAgB;AACdC,IAAAA,cAAc,GAAGH,IAAI,CAACK,WAAL,EAAjB;AACAD,IAAAA,kBAAkB,GAAGH,QAAQ,CAACI,WAAT,EAArB;AACD;;AAED,MACEJ,QAAQ,IACRE,cADA,IAEAA,cAAc,CAACG,OAAf,CAAuBF,kBAAvB,KAA8C,CAHhD,EAIE;AACA,QAAMG,iBAAiB,GAAGP,IAAI,CAACQ,SAAL,CACxB,CADwB,EAExBL,cAAc,CAACG,OAAf,CAAuBF,kBAAvB,CAFwB,CAA1B;AAIA,QAAMK,WAAW,GAAGT,IAAI,CAACQ,SAAL,CAClBL,cAAc,CAACG,OAAf,CAAuBF,kBAAvB,CADkB,EAElBD,cAAc,CAACG,OAAf,CAAuBF,kBAAvB,IAA6CH,QAAQ,CAACS,MAFpC,CAApB;AAIA,QAAMC,gBAAgB,GAAGX,IAAI,CAACQ,SAAL,CACvBL,cAAc,CAACG,OAAf,CAAuBF,kBAAvB,IAA6CH,QAAQ,CAACS,MAD/B,CAAzB;AAIA,wBACE,6BAAC,eAAD,QACGH,iBAAiB,CAACK,OAAlB,CAA0B,IAA1B,EAAgC,MAAhC,CADH,eAEE,6BAAC,oBAAD;AAAsB,MAAA,SAAS,EAAC;AAAhC,OACGH,WAAW,CAACG,OAAZ,CAAoB,IAApB,EAA0B,MAA1B,CADH,CAFF,EAKGD,gBAAgB,CAACC,OAAjB,CAAyB,IAAzB,EAA+B,MAA/B,CALH,CADF;AASD;;AAED,SAAOZ,IAAP;AACD,CA1CD;;eA4CeD,gB","sourcesContent":["import React, { Fragment, ReactNode } from \"react\";\nimport styled from \"styled-components\";\n\nconst StyledHiglightedText = styled.span`\n  background-color: var(--color-primary-200);\n`;\n\nStyledHiglightedText.displayName = \"StyledHiglightedText\";\n\nconst useHighlightText = (\n  text: string,\n  searchBy: string,\n  matchCase = false\n): ReactNode => {\n  let textComparator = text;\n  let searchByComparator = searchBy;\n\n  if (!matchCase) {\n    textComparator = text.toLowerCase();\n    searchByComparator = searchBy.toLowerCase();\n  }\n\n  if (\n    searchBy &&\n    textComparator &&\n    textComparator.indexOf(searchByComparator) >= 0\n  ) {\n    const beforeHighlighted = text.substring(\n      0,\n      textComparator.indexOf(searchByComparator)\n    );\n    const highLighted = text.substring(\n      textComparator.indexOf(searchByComparator),\n      textComparator.indexOf(searchByComparator) + searchBy.length\n    );\n    const afterHighlighted = text.substring(\n      textComparator.indexOf(searchByComparator) + searchBy.length\n    );\n\n    return (\n      <Fragment>\n        {beforeHighlighted.replace(/ /g, \"\\u00a0\")}\n        <StyledHiglightedText className=\"c-option--text__highlight\">\n          {highLighted.replace(/ /g, \"\\u00a0\")}\n        </StyledHiglightedText>\n        {afterHighlighted.replace(/ /g, \"\\u00a0\")}\n      </Fragment>\n    );\n  }\n\n  return text;\n};\n\nexport default useHighlightText;\n"],"file":"useHighlightText.js"}

package/dist/cjs/hooks/useInitScrollRef.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useInitScrollRef = void 0;
+
+var _react = require("react");
+
+var useInitScrollRef = function useInitScrollRef(element) {
+  var invert = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var ref = (0, _react.useRef)(element);
+  (0, _react.useEffect)(function () {
+    if (ref.current) {
+      ref.current.scrollTop = invert ? -1 : 1;
+      ref.current.scrollTop = 0;
+      ref.current.scrollLeft = invert ? -1 : 1;
+      ref.current.scrollLeft = 0;
+    }
+  }, [invert]);
+  return ref;
+};
+
+exports.useInitScrollRef = useInitScrollRef;
+//# sourceMappingURL=useInitScrollRef.js.map

package/dist/cjs/hooks/useInitScrollRef.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useInitScrollRef.tsx"],"names":["useInitScrollRef","element","invert","ref","current","scrollTop","scrollLeft"],"mappings":";;;;;;;AAAA;;AAEO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAC9BC,OAD8B,EAGc;AAAA,MAD5CC,MAC4C,uEADnC,KACmC;AAC5C,MAAMC,GAAG,GAAG,mBAA8BF,OAA9B,CAAZ;AAEA,wBAAU,YAAM;AACd,QAAIE,GAAG,CAACC,OAAR,EAAiB;AACfD,MAAAA,GAAG,CAACC,OAAJ,CAAYC,SAAZ,GAAwBH,MAAM,GAAG,CAAC,CAAJ,GAAQ,CAAtC;AACAC,MAAAA,GAAG,CAACC,OAAJ,CAAYC,SAAZ,GAAwB,CAAxB;AACAF,MAAAA,GAAG,CAACC,OAAJ,CAAYE,UAAZ,GAAyBJ,MAAM,GAAG,CAAC,CAAJ,GAAQ,CAAvC;AACAC,MAAAA,GAAG,CAACC,OAAJ,CAAYE,UAAZ,GAAyB,CAAzB;AACD;AACF,GAPD,EAOG,CAACJ,MAAD,CAPH;AASA,SAAOC,GAAP;AACD,CAhBM","sourcesContent":["import { useRef, useEffect, MutableRefObject } from \"react\";\n\nexport const useInitScrollRef = (\n  element: HTMLDivElement | null,\n  invert = false\n): MutableRefObject<HTMLDivElement | null> => {\n  const ref = useRef<HTMLDivElement | null>(element);\n\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.scrollTop = invert ? -1 : 1;\n      ref.current.scrollTop = 0;\n      ref.current.scrollLeft = invert ? -1 : 1;\n      ref.current.scrollLeft = 0;\n    }\n  }, [invert]);\n\n  return ref;\n};\n"],"file":"useInitScrollRef.js"}

package/dist/cjs/hooks/usePosition.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var Position = function Position(targetTop, targetBottom, targetLeft, targetRight, contentHeight, contentWidth) {
+  var windowHeight = window.innerHeight;
+  var windowWidth = window.innerWidth;
+  var repositionY = (targetTop + targetBottom) / 2 - contentHeight / 2;
+  var repositionX = (targetLeft + targetRight) / 2 - contentWidth / 2;
+
+  function handleY() {
+    if (targetBottom + contentHeight + 6 < windowHeight) {
+      repositionY = targetBottom + 6;
+      return true;
+    }
+
+    if (targetTop - contentHeight - 6 > 0) {
+      repositionY = targetTop - contentHeight - 6;
+      return true;
+    }
+
+    return false;
+  }
+
+  function handleX() {
+    if (targetRight + contentWidth + 6 < windowWidth) {
+      repositionX = targetRight + 6;
+      return true;
+    }
+
+    if (targetLeft - contentWidth - 6 > 0) {
+      repositionX = targetLeft - contentWidth - 6;
+      return true;
+    }
+
+    return false;
+  } // Y middle
+
+
+  if (repositionX > 0 && repositionX + contentWidth < windowWidth && handleY()) {
+    return {
+      top: repositionY,
+      left: repositionX
+    };
+  } // Y right
+
+
+  repositionX = targetLeft;
+
+  if (targetLeft > 0 && targetLeft + contentWidth < windowWidth && handleY()) {
+    return {
+      top: repositionY,
+      left: repositionX
+    };
+  } // Y left
+
+
+  repositionX = targetRight - contentWidth;
+
+  if (targetRight < windowWidth && targetRight - contentWidth > 0 && handleY()) {
+    return {
+      top: repositionY,
+      left: repositionX
+    };
+  } // X middle
+
+
+  if (repositionY > 0 && repositionY + contentHeight < windowHeight && handleX()) {
+    return {
+      top: repositionY,
+      left: repositionX
+    };
+  } // X bottom
+
+
+  repositionY = targetTop;
+
+  if (targetTop > 0 && targetTop + contentHeight < windowHeight && handleX()) {
+    return {
+      top: repositionY,
+      left: repositionX
+    };
+  } // X top
+
+
+  repositionY = targetBottom - contentHeight;
+
+  if (targetBottom < windowHeight && targetBottom - contentHeight > 0 && handleX()) {
+    return {
+      top: repositionY,
+      left: repositionX
+    };
+  } // center
+
+
+  repositionY = (targetTop + targetBottom) / 2 - contentHeight / 2;
+  repositionX = (targetLeft + targetRight) / 2 - contentWidth / 2;
+  return {
+    top: repositionY,
+    left: repositionX
+  };
+};
+
+var _default = Position;
+exports.default = _default;
+//# sourceMappingURL=usePosition.js.map

package/dist/cjs/hooks/usePosition.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/usePosition.tsx"],"names":["Position","targetTop","targetBottom","targetLeft","targetRight","contentHeight","contentWidth","windowHeight","window","innerHeight","windowWidth","innerWidth","repositionY","repositionX","handleY","handleX","top","left"],"mappings":"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","sourcesContent":["const Position = (\n  targetTop: number,\n  targetBottom: number,\n  targetLeft: number,\n  targetRight: number,\n  contentHeight: number,\n  contentWidth: number\n): { top: number; left: number } => {\n  const windowHeight = window.innerHeight;\n  const windowWidth = window.innerWidth;\n  let repositionY = (targetTop + targetBottom) / 2 - contentHeight / 2;\n  let repositionX = (targetLeft + targetRight) / 2 - contentWidth / 2;\n\n  function handleY(): boolean {\n    if (targetBottom + contentHeight + 6 < windowHeight) {\n      repositionY = targetBottom + 6;\n      return true;\n    }\n    if (targetTop - contentHeight - 6 > 0) {\n      repositionY = targetTop - contentHeight - 6;\n      return true;\n    }\n    return false;\n  }\n\n  function handleX(): boolean {\n    if (targetRight + contentWidth + 6 < windowWidth) {\n      repositionX = targetRight + 6;\n      return true;\n    }\n    if (targetLeft - contentWidth - 6 > 0) {\n      repositionX = targetLeft - contentWidth - 6;\n      return true;\n    }\n    return false;\n  }\n  // Y middle\n  if (\n    repositionX > 0 &&\n    repositionX + contentWidth < windowWidth &&\n    handleY()\n  ) {\n    return { top: repositionY, left: repositionX };\n  }\n  // Y right\n  repositionX = targetLeft;\n  if (targetLeft > 0 && targetLeft + contentWidth < windowWidth && handleY()) {\n    return { top: repositionY, left: repositionX };\n  }\n  // Y left\n  repositionX = targetRight - contentWidth;\n  if (\n    targetRight < windowWidth &&\n    targetRight - contentWidth > 0 &&\n    handleY()\n  ) {\n    return { top: repositionY, left: repositionX };\n  }\n  // X middle\n  if (\n    repositionY > 0 &&\n    repositionY + contentHeight < windowHeight &&\n    handleX()\n  ) {\n    return { top: repositionY, left: repositionX };\n  }\n  // X bottom\n  repositionY = targetTop;\n  if (targetTop > 0 && targetTop + contentHeight < windowHeight && handleX()) {\n    return { top: repositionY, left: repositionX };\n  }\n  // X top\n  repositionY = targetBottom - contentHeight;\n  if (\n    targetBottom < windowHeight &&\n    targetBottom - contentHeight > 0 &&\n    handleX()\n  ) {\n    return { top: repositionY, left: repositionX };\n  }\n  // center\n  repositionY = (targetTop + targetBottom) / 2 - contentHeight / 2;\n  repositionX = (targetLeft + targetRight) / 2 - contentWidth / 2;\n  return { top: repositionY, left: repositionX };\n};\n\nexport default Position;\n"],"file":"usePosition.js"}

package/dist/cjs/hooks/useRectHook.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+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 == null ? null : 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 useRectHook = function useRectHook(ref) {
+  var _useState = (0, _react.useState)({
+    x: 0,
+    y: 0,
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0,
+    width: 0,
+    height: 0
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      size = _useState2[0],
+      setSize = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    var listener = function listener() {
+      if (ref && ref.current) {
+        var rect = ref.current.getBoundingClientRect();
+        setSize({
+          x: rect.x,
+          y: rect.y,
+          top: rect.top,
+          left: rect.left,
+          bottom: rect.bottom,
+          right: rect.right,
+          width: rect.width,
+          height: rect.height
+        });
+      }
+    };
+
+    listener();
+    window.addEventListener("resize", listener);
+    return function () {
+      window.removeEventListener("resize", listener);
+    };
+  }, [ref]);
+  return _objectSpread({}, size);
+};
+
+var _default = useRectHook;
+exports.default = _default;
+//# sourceMappingURL=useRectHook.js.map

package/dist/cjs/hooks/useRectHook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useRectHook.tsx"],"names":["useRectHook","ref","x","y","top","left","bottom","right","width","height","size","setSize","listener","current","rect","getBoundingClientRect","window","addEventListener","removeEventListener"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAClBC,GADkB,EAWf;AACH,kBAAwB,qBAAS;AAC/BC,IAAAA,CAAC,EAAE,CAD4B;AAE/BC,IAAAA,CAAC,EAAE,CAF4B;AAG/BC,IAAAA,GAAG,EAAE,CAH0B;AAI/BC,IAAAA,IAAI,EAAE,CAJyB;AAK/BC,IAAAA,MAAM,EAAE,CALuB;AAM/BC,IAAAA,KAAK,EAAE,CANwB;AAO/BC,IAAAA,KAAK,EAAE,CAPwB;AAQ/BC,IAAAA,MAAM,EAAE;AARuB,GAAT,CAAxB;AAAA;AAAA,MAAOC,IAAP;AAAA,MAAaC,OAAb;;AAWA,wBAAU,YAAM;AACd,QAAMC,QAAQ,GAAG,SAAXA,QAAW,GAAY;AAC3B,UAAIX,GAAG,IAAIA,GAAG,CAACY,OAAf,EAAwB;AACtB,YAAMC,IAAI,GAAGb,GAAG,CAACY,OAAJ,CAAYE,qBAAZ,EAAb;AACAJ,QAAAA,OAAO,CAAC;AACNT,UAAAA,CAAC,EAAEY,IAAI,CAACZ,CADF;AAENC,UAAAA,CAAC,EAAEW,IAAI,CAACX,CAFF;AAGNC,UAAAA,GAAG,EAAEU,IAAI,CAACV,GAHJ;AAINC,UAAAA,IAAI,EAAES,IAAI,CAACT,IAJL;AAKNC,UAAAA,MAAM,EAAEQ,IAAI,CAACR,MALP;AAMNC,UAAAA,KAAK,EAAEO,IAAI,CAACP,KANN;AAONC,UAAAA,KAAK,EAAEM,IAAI,CAACN,KAPN;AAQNC,UAAAA,MAAM,EAAEK,IAAI,CAACL;AARP,SAAD,CAAP;AAUD;AACF,KAdD;;AAgBAG,IAAAA,QAAQ;AAERI,IAAAA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCL,QAAlC;AAEA,WAAO,YAAY;AACjBI,MAAAA,MAAM,CAACE,mBAAP,CAA2B,QAA3B,EAAqCN,QAArC;AACD,KAFD;AAGD,GAxBD,EAwBG,CAACX,GAAD,CAxBH;AA0BA,2BAAYS,IAAZ;AACD,CAlDD;;eAoDeV,W","sourcesContent":["import { useState, useEffect } from \"react\";\n\nconst useRectHook = (\n  ref\n): {\n  x: number;\n  y: number;\n  top: number;\n  left: number;\n  bottom: number;\n  right: number;\n  width: number;\n  height: number;\n} => {\n  const [size, setSize] = useState({\n    x: 0,\n    y: 0,\n    top: 0,\n    left: 0,\n    bottom: 0,\n    right: 0,\n    width: 0,\n    height: 0,\n  });\n\n  useEffect(() => {\n    const listener = (): void => {\n      if (ref && ref.current) {\n        const rect = ref.current.getBoundingClientRect();\n        setSize({\n          x: rect.x,\n          y: rect.y,\n          top: rect.top,\n          left: rect.left,\n          bottom: rect.bottom,\n          right: rect.right,\n          width: rect.width,\n          height: rect.height,\n        });\n      }\n    };\n\n    listener();\n\n    window.addEventListener(\"resize\", listener);\n\n    return (): void => {\n      window.removeEventListener(\"resize\", listener);\n    };\n  }, [ref]);\n\n  return { ...size };\n};\n\nexport default useRectHook;\n"],"file":"useRectHook.js"}