@activecollab/components 2.0.257 → 2.0.258
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/hooks/useHighlightText.js +2 -2
- package/dist/cjs/hooks/useHighlightText.js.map +1 -1
- package/dist/esm/hooks/useHighlightText.js +2 -2
- package/dist/esm/hooks/useHighlightText.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -27,9 +27,9 @@ var useHighlightText = function useHighlightText(text, searchBy) {
|
|
|
27
27
|
var beforeHighlighted = text.substring(0, textComparator.indexOf(searchByComparator));
|
|
28
28
|
var highLighted = text.substring(textComparator.indexOf(searchByComparator), textComparator.indexOf(searchByComparator) + searchBy.length);
|
|
29
29
|
var afterHighlighted = text.substring(textComparator.indexOf(searchByComparator) + searchBy.length);
|
|
30
|
-
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, beforeHighlighted.replace(/ /g, "\u00a0"), /*#__PURE__*/_react.default.createElement(StyledHiglightedText, {
|
|
30
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, beforeHighlighted.replace(/ /g, "\u00a0")), /*#__PURE__*/_react.default.createElement(StyledHiglightedText, {
|
|
31
31
|
className: "c-option--text__highlight"
|
|
32
|
-
}, highLighted.replace(/ /g, "\u00a0")), afterHighlighted.replace(/ /g, "\u00a0"));
|
|
32
|
+
}, highLighted.replace(/ /g, "\u00a0")), /*#__PURE__*/_react.default.createElement("span", null, afterHighlighted.replace(/ /g, "\u00a0")));
|
|
33
33
|
}
|
|
34
34
|
return text;
|
|
35
35
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHighlightText.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledHiglightedText","styled","span","withConfig","displayName","componentId","useHighlightText","text","searchBy","matchCase","arguments","length","undefined","textComparator","searchByComparator","toLowerCase","indexOf","beforeHighlighted","substring","highLighted","afterHighlighted","createElement","Fragment","replace","className","_default","exports"],"sources":["../../../src/hooks/useHighlightText.tsx"],"sourcesContent":["import React, { Fragment, ReactNode } from \"react\";\n\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 if (!text) return;\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\")}
|
|
1
|
+
{"version":3,"file":"useHighlightText.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledHiglightedText","styled","span","withConfig","displayName","componentId","useHighlightText","text","searchBy","matchCase","arguments","length","undefined","textComparator","searchByComparator","toLowerCase","indexOf","beforeHighlighted","substring","highLighted","afterHighlighted","createElement","Fragment","replace","className","_default","exports"],"sources":["../../../src/hooks/useHighlightText.tsx"],"sourcesContent":["import React, { Fragment, ReactNode } from \"react\";\n\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 if (!text) return;\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 <span>{beforeHighlighted.replace(/ /g, \"\\u00a0\")}</span>\n <StyledHiglightedText className=\"c-option--text__highlight\">\n {highLighted.replace(/ /g, \"\\u00a0\")}\n </StyledHiglightedText>\n <span>{afterHighlighted.replace(/ /g, \"\\u00a0\")}</span>\n </Fragment>\n );\n }\n\n return text;\n};\n\nexport default useHighlightText;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAuC,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAEvC,IAAMY,oBAAoB,GAAGC,yBAAM,CAACC,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDAEvC;AAEDL,oBAAoB,CAACI,WAAW,GAAG,sBAAsB;AAEzD,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CACpBC,IAAY,EACZC,QAAgB,EAEF;EAAA,IADdC,SAAS,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAEjB,IAAIG,cAAc,GAAGN,IAAI;EACzB,IAAIO,kBAAkB,GAAGN,QAAQ;EACjC,IAAI,CAACD,IAAI,EAAE;EAEX,IAAI,CAACE,SAAS,EAAE;IACdI,cAAc,GAAGN,IAAI,CAACQ,WAAW,CAAC,CAAC;IACnCD,kBAAkB,GAAGN,QAAQ,CAACO,WAAW,CAAC,CAAC;EAC7C;EAEA,IACEP,QAAQ,IACRK,cAAc,IACdA,cAAc,CAACG,OAAO,CAACF,kBAAkB,CAAC,IAAI,CAAC,EAC/C;IACA,IAAMG,iBAAiB,GAAGV,IAAI,CAACW,SAAS,CACtC,CAAC,EACDL,cAAc,CAACG,OAAO,CAACF,kBAAkB,CAC3C,CAAC;IACD,IAAMK,WAAW,GAAGZ,IAAI,CAACW,SAAS,CAChCL,cAAc,CAACG,OAAO,CAACF,kBAAkB,CAAC,EAC1CD,cAAc,CAACG,OAAO,CAACF,kBAAkB,CAAC,GAAGN,QAAQ,CAACG,MACxD,CAAC;IACD,IAAMS,gBAAgB,GAAGb,IAAI,CAACW,SAAS,CACrCL,cAAc,CAACG,OAAO,CAACF,kBAAkB,CAAC,GAAGN,QAAQ,CAACG,MACxD,CAAC;IAED,oBACEtC,MAAA,CAAAO,OAAA,CAAAyC,aAAA,CAAChD,MAAA,CAAAiD,QAAQ,qBACPjD,MAAA,CAAAO,OAAA,CAAAyC,aAAA,eAAOJ,iBAAiB,CAACM,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAQ,CAAC,eACxDlD,MAAA,CAAAO,OAAA,CAAAyC,aAAA,CAACrB,oBAAoB;MAACwB,SAAS,EAAC;IAA2B,GACxDL,WAAW,CAACI,OAAO,CAAC,IAAI,EAAE,QAAQ,CACf,CAAC,eACvBlD,MAAA,CAAAO,OAAA,CAAAyC,aAAA,eAAOD,gBAAgB,CAACG,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAQ,CAC9C,CAAC;EAEf;EAEA,OAAOhB,IAAI;AACb,CAAC;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAA9C,OAAA,GAEa0B,gBAAgB"}
|
|
@@ -20,9 +20,9 @@ const useHighlightText = function (text, searchBy, matchCase) {
|
|
|
20
20
|
const beforeHighlighted = text.substring(0, textComparator.indexOf(searchByComparator));
|
|
21
21
|
const highLighted = text.substring(textComparator.indexOf(searchByComparator), textComparator.indexOf(searchByComparator) + searchBy.length);
|
|
22
22
|
const afterHighlighted = text.substring(textComparator.indexOf(searchByComparator) + searchBy.length);
|
|
23
|
-
return /*#__PURE__*/React.createElement(Fragment, null, beforeHighlighted.replace(/ /g, "\u00a0"), /*#__PURE__*/React.createElement(StyledHiglightedText, {
|
|
23
|
+
return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", null, beforeHighlighted.replace(/ /g, "\u00a0")), /*#__PURE__*/React.createElement(StyledHiglightedText, {
|
|
24
24
|
className: "c-option--text__highlight"
|
|
25
|
-
}, highLighted.replace(/ /g, "\u00a0")), afterHighlighted.replace(/ /g, "\u00a0"));
|
|
25
|
+
}, highLighted.replace(/ /g, "\u00a0")), /*#__PURE__*/React.createElement("span", null, afterHighlighted.replace(/ /g, "\u00a0")));
|
|
26
26
|
}
|
|
27
27
|
return text;
|
|
28
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHighlightText.js","names":["React","Fragment","styled","StyledHiglightedText","span","withConfig","displayName","componentId","useHighlightText","text","searchBy","matchCase","textComparator","searchByComparator","toLowerCase","indexOf","beforeHighlighted","substring","highLighted","length","afterHighlighted","createElement","replace","className"],"sources":["../../../src/hooks/useHighlightText.tsx"],"sourcesContent":["import React, { Fragment, ReactNode } from \"react\";\n\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 if (!text) return;\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\")}
|
|
1
|
+
{"version":3,"file":"useHighlightText.js","names":["React","Fragment","styled","StyledHiglightedText","span","withConfig","displayName","componentId","useHighlightText","text","searchBy","matchCase","textComparator","searchByComparator","toLowerCase","indexOf","beforeHighlighted","substring","highLighted","length","afterHighlighted","createElement","replace","className"],"sources":["../../../src/hooks/useHighlightText.tsx"],"sourcesContent":["import React, { Fragment, ReactNode } from \"react\";\n\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 if (!text) return;\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 <span>{beforeHighlighted.replace(/ /g, \"\\u00a0\")}</span>\n <StyledHiglightedText className=\"c-option--text__highlight\">\n {highLighted.replace(/ /g, \"\\u00a0\")}\n </StyledHiglightedText>\n <span>{afterHighlighted.replace(/ /g, \"\\u00a0\")}</span>\n </Fragment>\n );\n }\n\n return text;\n};\n\nexport default useHighlightText;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAmB,OAAO;AAElD,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,MAAMC,oBAAoB,GAAGD,MAAM,CAACE,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kDAEvC;AAEDJ,oBAAoB,CAACG,WAAW,GAAG,sBAAsB;AAEzD,MAAME,gBAAgB,GAAG,SAAAA,CACvBC,IAAY,EACZC,QAAgB,EAChBC,SAAS,EACK;EAAA,IADdA,SAAS;IAATA,SAAS,GAAG,KAAK;EAAA;EAEjB,IAAIC,cAAc,GAAGH,IAAI;EACzB,IAAII,kBAAkB,GAAGH,QAAQ;EACjC,IAAI,CAACD,IAAI,EAAE;EAEX,IAAI,CAACE,SAAS,EAAE;IACdC,cAAc,GAAGH,IAAI,CAACK,WAAW,CAAC,CAAC;IACnCD,kBAAkB,GAAGH,QAAQ,CAACI,WAAW,CAAC,CAAC;EAC7C;EAEA,IACEJ,QAAQ,IACRE,cAAc,IACdA,cAAc,CAACG,OAAO,CAACF,kBAAkB,CAAC,IAAI,CAAC,EAC/C;IACA,MAAMG,iBAAiB,GAAGP,IAAI,CAACQ,SAAS,CACtC,CAAC,EACDL,cAAc,CAACG,OAAO,CAACF,kBAAkB,CAC3C,CAAC;IACD,MAAMK,WAAW,GAAGT,IAAI,CAACQ,SAAS,CAChCL,cAAc,CAACG,OAAO,CAACF,kBAAkB,CAAC,EAC1CD,cAAc,CAACG,OAAO,CAACF,kBAAkB,CAAC,GAAGH,QAAQ,CAACS,MACxD,CAAC;IACD,MAAMC,gBAAgB,GAAGX,IAAI,CAACQ,SAAS,CACrCL,cAAc,CAACG,OAAO,CAACF,kBAAkB,CAAC,GAAGH,QAAQ,CAACS,MACxD,CAAC;IAED,oBACEnB,KAAA,CAAAqB,aAAA,CAACpB,QAAQ,qBACPD,KAAA,CAAAqB,aAAA,eAAOL,iBAAiB,CAACM,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAQ,CAAC,eACxDtB,KAAA,CAAAqB,aAAA,CAAClB,oBAAoB;MAACoB,SAAS,EAAC;IAA2B,GACxDL,WAAW,CAACI,OAAO,CAAC,IAAI,EAAE,QAAQ,CACf,CAAC,eACvBtB,KAAA,CAAAqB,aAAA,eAAOD,gBAAgB,CAACE,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAQ,CAC9C,CAAC;EAEf;EAEA,OAAOb,IAAI;AACb,CAAC;AAED,eAAeD,gBAAgB"}
|
package/dist/index.js
CHANGED
|
@@ -17121,9 +17121,9 @@
|
|
|
17121
17121
|
var beforeHighlighted = text.substring(0, textComparator.indexOf(searchByComparator));
|
|
17122
17122
|
var highLighted = text.substring(textComparator.indexOf(searchByComparator), textComparator.indexOf(searchByComparator) + searchBy.length);
|
|
17123
17123
|
var afterHighlighted = text.substring(textComparator.indexOf(searchByComparator) + searchBy.length);
|
|
17124
|
-
return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, beforeHighlighted.replace(/ /g, "\u00a0"), /*#__PURE__*/React__default["default"].createElement(StyledHiglightedText, {
|
|
17124
|
+
return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", null, beforeHighlighted.replace(/ /g, "\u00a0")), /*#__PURE__*/React__default["default"].createElement(StyledHiglightedText, {
|
|
17125
17125
|
className: "c-option--text__highlight"
|
|
17126
|
-
}, highLighted.replace(/ /g, "\u00a0")), afterHighlighted.replace(/ /g, "\u00a0"));
|
|
17126
|
+
}, highLighted.replace(/ /g, "\u00a0")), /*#__PURE__*/React__default["default"].createElement("span", null, afterHighlighted.replace(/ /g, "\u00a0")));
|
|
17127
17127
|
}
|
|
17128
17128
|
return text;
|
|
17129
17129
|
};
|