@bigbinary/neeto-molecules 1.15.14 → 1.15.15
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/Search.js +5 -0
- package/dist/Search.js.map +1 -1
- package/dist/cjs/Search.js +5 -0
- package/dist/cjs/Search.js.map +1 -1
- package/package.json +1 -1
package/dist/Search.js
CHANGED
|
@@ -13,6 +13,10 @@ import { Input } from '@bigbinary/neetoui';
|
|
|
13
13
|
import { mergeLeft } from 'ramda';
|
|
14
14
|
import { useTranslation } from 'react-i18next';
|
|
15
15
|
import { useHistory } from 'react-router-dom';
|
|
16
|
+
import { n } from './inject-css-c86de496.js';
|
|
17
|
+
|
|
18
|
+
var css = ".neeto-molecules-search__wrapper input[type=search]::-webkit-search-cancel-button:hover,.neeto-molecules-search__wrapper input[type=search]::-webkit-search-decoration:hover{cursor:pointer}";
|
|
19
|
+
n(css,{});
|
|
16
20
|
|
|
17
21
|
var _excluded = ["value", "debounceTime", "onSearch", "onChange", "searchParamName"];
|
|
18
22
|
var Search = function Search(_ref) {
|
|
@@ -70,6 +74,7 @@ var Search = function Search(_ref) {
|
|
|
70
74
|
return handleDebouncedSearchTermChange.cancel;
|
|
71
75
|
}, []);
|
|
72
76
|
return /*#__PURE__*/React__default.createElement(Input, _extends({
|
|
77
|
+
className: "neeto-molecules-search__wrapper",
|
|
73
78
|
placeholder: t("neetoMolecules.common.actions.search"),
|
|
74
79
|
prefix: /*#__PURE__*/React__default.createElement(Search$1, null),
|
|
75
80
|
type: "search",
|
package/dist/Search.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sources":["../src/components/Search/index.jsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { isNotPresent } from \"neetocist\";\nimport useFuncDebounce from \"neetocommons/react-utils/useFuncDebounce\";\nimport useQueryParams from \"neetocommons/react-utils/useQueryParams\";\nimport useUpdateEffect from \"neetocommons/react-utils/useUpdateEffect\";\nimport { buildUrl } from \"neetocommons/utils/general\";\nimport { Search as NeetoUISearchIcon } from \"neetoicons\";\nimport { Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nconst Search = ({\n value,\n debounceTime = 300,\n onSearch,\n onChange,\n searchParamName = \"search_term\",\n ...inputProps\n}) => {\n const { t } = useTranslation();\n const queryParams = useQueryParams({ toCamelCase: false });\n const history = useHistory();\n\n const searchInputValue = (value ?? queryParams?.[searchParamName]) || \"\";\n const [internalValue, setInternalValue] = useState(searchInputValue);\n const trimmedValue = value?.trim();\n\n useUpdateEffect(() => {\n if (isNotPresent(queryParams?.[searchParamName])) setInternalValue(\"\");\n }, [queryParams?.[searchParamName]]);\n\n const handleDebouncedSearchTermChange = useFuncDebounce(trimmedValue => {\n if (onSearch) onSearch(trimmedValue);\n else handleSearchQueryParams(trimmedValue);\n }, debounceTime);\n\n const handleSearchQueryParams = trimmedValue => {\n let searchParams = {};\n\n if (!trimmedValue && !queryParams?.[searchParamName]) return;\n\n if (trimmedValue) searchParams = { [searchParamName]: trimmedValue };\n else delete queryParams?.[searchParamName];\n\n if (trimmedValue !== queryParams?.[searchParamName]) {\n const pathname = window.location.pathname;\n history.push(buildUrl(pathname, mergeLeft(searchParams, queryParams)));\n }\n };\n\n useUpdateEffect(() => {\n handleDebouncedSearchTermChange(trimmedValue);\n }, [trimmedValue]);\n\n if (value !== undefined && internalValue !== value) {\n setInternalValue(value);\n }\n\n const handleOnChange = e => {\n const trimmedValue = e.target.value?.trim();\n onChange?.(e);\n setInternalValue(e.target.value);\n\n if (internalValue?.trim() !== trimmedValue) {\n handleDebouncedSearchTermChange(trimmedValue);\n }\n };\n\n useEffect(() => handleDebouncedSearchTermChange.cancel, []);\n\n return (\n <Input\n placeholder={t(\"neetoMolecules.common.actions.search\")}\n prefix={<NeetoUISearchIcon />}\n type=\"search\"\n value={internalValue}\n onChange={handleOnChange}\n {...inputProps}\n />\n );\n};\n\nSearch.propTypes = {\n /**\n * value for the search (optional).\n */\n value: PropTypes.string,\n /**\n * Time in milliseconds to debounce the search input before triggering a search.\n */\n debounceTime: PropTypes.number,\n /**\n * To specify the function to be triggered when the value is updated (optional).\n */\n onChange: PropTypes.func,\n /**\n * Callback to handle debounced search value without updating the search params.\n */\n onSearch: PropTypes.func,\n /**\n * value for the search param name.\n */\n searchParamName: PropTypes.string,\n /**\n * To override the properties of the Input component.\n */\n inputProps: PropTypes.object,\n};\n\nexport default Search;\n"],"names":["Search","_ref","value","_ref$debounceTime","debounceTime","onSearch","onChange","_ref$searchParamName","searchParamName","inputProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","queryParams","useQueryParams","toCamelCase","history","useHistory","searchInputValue","_useState","useState","_useState2","_slicedToArray","internalValue","setInternalValue","trimmedValue","trim","useUpdateEffect","isNotPresent","handleDebouncedSearchTermChange","useFuncDebounce","handleSearchQueryParams","searchParams","_defineProperty","pathname","window","location","push","buildUrl","mergeLeft","undefined","handleOnChange","e","_e$target$value","target","useEffect","cancel","React","createElement","Input","_extends","placeholder","prefix","NeetoUISearchIcon","type"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Search.js","sources":["../src/components/Search/index.jsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { isNotPresent } from \"neetocist\";\nimport useFuncDebounce from \"neetocommons/react-utils/useFuncDebounce\";\nimport useQueryParams from \"neetocommons/react-utils/useQueryParams\";\nimport useUpdateEffect from \"neetocommons/react-utils/useUpdateEffect\";\nimport { buildUrl } from \"neetocommons/utils/general\";\nimport { Search as NeetoUISearchIcon } from \"neetoicons\";\nimport { Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport \"./search.scss\";\n\nconst Search = ({\n value,\n debounceTime = 300,\n onSearch,\n onChange,\n searchParamName = \"search_term\",\n ...inputProps\n}) => {\n const { t } = useTranslation();\n const queryParams = useQueryParams({ toCamelCase: false });\n const history = useHistory();\n\n const searchInputValue = (value ?? queryParams?.[searchParamName]) || \"\";\n const [internalValue, setInternalValue] = useState(searchInputValue);\n const trimmedValue = value?.trim();\n\n useUpdateEffect(() => {\n if (isNotPresent(queryParams?.[searchParamName])) setInternalValue(\"\");\n }, [queryParams?.[searchParamName]]);\n\n const handleDebouncedSearchTermChange = useFuncDebounce(trimmedValue => {\n if (onSearch) onSearch(trimmedValue);\n else handleSearchQueryParams(trimmedValue);\n }, debounceTime);\n\n const handleSearchQueryParams = trimmedValue => {\n let searchParams = {};\n\n if (!trimmedValue && !queryParams?.[searchParamName]) return;\n\n if (trimmedValue) searchParams = { [searchParamName]: trimmedValue };\n else delete queryParams?.[searchParamName];\n\n if (trimmedValue !== queryParams?.[searchParamName]) {\n const pathname = window.location.pathname;\n history.push(buildUrl(pathname, mergeLeft(searchParams, queryParams)));\n }\n };\n\n useUpdateEffect(() => {\n handleDebouncedSearchTermChange(trimmedValue);\n }, [trimmedValue]);\n\n if (value !== undefined && internalValue !== value) {\n setInternalValue(value);\n }\n\n const handleOnChange = e => {\n const trimmedValue = e.target.value?.trim();\n onChange?.(e);\n setInternalValue(e.target.value);\n\n if (internalValue?.trim() !== trimmedValue) {\n handleDebouncedSearchTermChange(trimmedValue);\n }\n };\n\n useEffect(() => handleDebouncedSearchTermChange.cancel, []);\n\n return (\n <Input\n className=\"neeto-molecules-search__wrapper\"\n placeholder={t(\"neetoMolecules.common.actions.search\")}\n prefix={<NeetoUISearchIcon />}\n type=\"search\"\n value={internalValue}\n onChange={handleOnChange}\n {...inputProps}\n />\n );\n};\n\nSearch.propTypes = {\n /**\n * value for the search (optional).\n */\n value: PropTypes.string,\n /**\n * Time in milliseconds to debounce the search input before triggering a search.\n */\n debounceTime: PropTypes.number,\n /**\n * To specify the function to be triggered when the value is updated (optional).\n */\n onChange: PropTypes.func,\n /**\n * Callback to handle debounced search value without updating the search params.\n */\n onSearch: PropTypes.func,\n /**\n * value for the search param name.\n */\n searchParamName: PropTypes.string,\n /**\n * To override the properties of the Input component.\n */\n inputProps: PropTypes.object,\n};\n\nexport default Search;\n"],"names":["Search","_ref","value","_ref$debounceTime","debounceTime","onSearch","onChange","_ref$searchParamName","searchParamName","inputProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","queryParams","useQueryParams","toCamelCase","history","useHistory","searchInputValue","_useState","useState","_useState2","_slicedToArray","internalValue","setInternalValue","trimmedValue","trim","useUpdateEffect","isNotPresent","handleDebouncedSearchTermChange","useFuncDebounce","handleSearchQueryParams","searchParams","_defineProperty","pathname","window","location","push","buildUrl","mergeLeft","undefined","handleOnChange","e","_e$target$value","target","useEffect","cancel","React","createElement","Input","_extends","className","placeholder","prefix","NeetoUISearchIcon","type"],"mappings":"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"}
|
package/dist/cjs/Search.js
CHANGED
|
@@ -15,6 +15,7 @@ var neetoui = require('@bigbinary/neetoui');
|
|
|
15
15
|
var ramda = require('ramda');
|
|
16
16
|
var reactI18next = require('react-i18next');
|
|
17
17
|
var reactRouterDom = require('react-router-dom');
|
|
18
|
+
var injectCss = require('./inject-css-80a5faa3.js');
|
|
18
19
|
|
|
19
20
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
20
21
|
|
|
@@ -23,6 +24,9 @@ var useFuncDebounce__default = /*#__PURE__*/_interopDefaultLegacy(useFuncDebounc
|
|
|
23
24
|
var useQueryParams__default = /*#__PURE__*/_interopDefaultLegacy(useQueryParams);
|
|
24
25
|
var useUpdateEffect__default = /*#__PURE__*/_interopDefaultLegacy(useUpdateEffect);
|
|
25
26
|
|
|
27
|
+
var css = ".neeto-molecules-search__wrapper input[type=search]::-webkit-search-cancel-button:hover,.neeto-molecules-search__wrapper input[type=search]::-webkit-search-decoration:hover{cursor:pointer}";
|
|
28
|
+
injectCss.n(css,{});
|
|
29
|
+
|
|
26
30
|
var _excluded = ["value", "debounceTime", "onSearch", "onChange", "searchParamName"];
|
|
27
31
|
var Search = function Search(_ref) {
|
|
28
32
|
var value = _ref.value,
|
|
@@ -79,6 +83,7 @@ var Search = function Search(_ref) {
|
|
|
79
83
|
return handleDebouncedSearchTermChange.cancel;
|
|
80
84
|
}, []);
|
|
81
85
|
return /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends._extends({
|
|
86
|
+
className: "neeto-molecules-search__wrapper",
|
|
82
87
|
placeholder: t("neetoMolecules.common.actions.search"),
|
|
83
88
|
prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Search, null),
|
|
84
89
|
type: "search",
|
package/dist/cjs/Search.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sources":["../../src/components/Search/index.jsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { isNotPresent } from \"neetocist\";\nimport useFuncDebounce from \"neetocommons/react-utils/useFuncDebounce\";\nimport useQueryParams from \"neetocommons/react-utils/useQueryParams\";\nimport useUpdateEffect from \"neetocommons/react-utils/useUpdateEffect\";\nimport { buildUrl } from \"neetocommons/utils/general\";\nimport { Search as NeetoUISearchIcon } from \"neetoicons\";\nimport { Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nconst Search = ({\n value,\n debounceTime = 300,\n onSearch,\n onChange,\n searchParamName = \"search_term\",\n ...inputProps\n}) => {\n const { t } = useTranslation();\n const queryParams = useQueryParams({ toCamelCase: false });\n const history = useHistory();\n\n const searchInputValue = (value ?? queryParams?.[searchParamName]) || \"\";\n const [internalValue, setInternalValue] = useState(searchInputValue);\n const trimmedValue = value?.trim();\n\n useUpdateEffect(() => {\n if (isNotPresent(queryParams?.[searchParamName])) setInternalValue(\"\");\n }, [queryParams?.[searchParamName]]);\n\n const handleDebouncedSearchTermChange = useFuncDebounce(trimmedValue => {\n if (onSearch) onSearch(trimmedValue);\n else handleSearchQueryParams(trimmedValue);\n }, debounceTime);\n\n const handleSearchQueryParams = trimmedValue => {\n let searchParams = {};\n\n if (!trimmedValue && !queryParams?.[searchParamName]) return;\n\n if (trimmedValue) searchParams = { [searchParamName]: trimmedValue };\n else delete queryParams?.[searchParamName];\n\n if (trimmedValue !== queryParams?.[searchParamName]) {\n const pathname = window.location.pathname;\n history.push(buildUrl(pathname, mergeLeft(searchParams, queryParams)));\n }\n };\n\n useUpdateEffect(() => {\n handleDebouncedSearchTermChange(trimmedValue);\n }, [trimmedValue]);\n\n if (value !== undefined && internalValue !== value) {\n setInternalValue(value);\n }\n\n const handleOnChange = e => {\n const trimmedValue = e.target.value?.trim();\n onChange?.(e);\n setInternalValue(e.target.value);\n\n if (internalValue?.trim() !== trimmedValue) {\n handleDebouncedSearchTermChange(trimmedValue);\n }\n };\n\n useEffect(() => handleDebouncedSearchTermChange.cancel, []);\n\n return (\n <Input\n placeholder={t(\"neetoMolecules.common.actions.search\")}\n prefix={<NeetoUISearchIcon />}\n type=\"search\"\n value={internalValue}\n onChange={handleOnChange}\n {...inputProps}\n />\n );\n};\n\nSearch.propTypes = {\n /**\n * value for the search (optional).\n */\n value: PropTypes.string,\n /**\n * Time in milliseconds to debounce the search input before triggering a search.\n */\n debounceTime: PropTypes.number,\n /**\n * To specify the function to be triggered when the value is updated (optional).\n */\n onChange: PropTypes.func,\n /**\n * Callback to handle debounced search value without updating the search params.\n */\n onSearch: PropTypes.func,\n /**\n * value for the search param name.\n */\n searchParamName: PropTypes.string,\n /**\n * To override the properties of the Input component.\n */\n inputProps: PropTypes.object,\n};\n\nexport default Search;\n"],"names":["Search","_ref","value","_ref$debounceTime","debounceTime","onSearch","onChange","_ref$searchParamName","searchParamName","inputProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","queryParams","useQueryParams","toCamelCase","history","useHistory","searchInputValue","_useState","useState","_useState2","_slicedToArray","internalValue","setInternalValue","trimmedValue","trim","useUpdateEffect","isNotPresent","handleDebouncedSearchTermChange","useFuncDebounce","handleSearchQueryParams","searchParams","_defineProperty","pathname","window","location","push","buildUrl","mergeLeft","undefined","handleOnChange","e","_e$target$value","target","useEffect","cancel","React","createElement","Input","_extends","placeholder","prefix","NeetoUISearchIcon","type"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Search.js","sources":["../../src/components/Search/index.jsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { isNotPresent } from \"neetocist\";\nimport useFuncDebounce from \"neetocommons/react-utils/useFuncDebounce\";\nimport useQueryParams from \"neetocommons/react-utils/useQueryParams\";\nimport useUpdateEffect from \"neetocommons/react-utils/useUpdateEffect\";\nimport { buildUrl } from \"neetocommons/utils/general\";\nimport { Search as NeetoUISearchIcon } from \"neetoicons\";\nimport { Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport \"./search.scss\";\n\nconst Search = ({\n value,\n debounceTime = 300,\n onSearch,\n onChange,\n searchParamName = \"search_term\",\n ...inputProps\n}) => {\n const { t } = useTranslation();\n const queryParams = useQueryParams({ toCamelCase: false });\n const history = useHistory();\n\n const searchInputValue = (value ?? queryParams?.[searchParamName]) || \"\";\n const [internalValue, setInternalValue] = useState(searchInputValue);\n const trimmedValue = value?.trim();\n\n useUpdateEffect(() => {\n if (isNotPresent(queryParams?.[searchParamName])) setInternalValue(\"\");\n }, [queryParams?.[searchParamName]]);\n\n const handleDebouncedSearchTermChange = useFuncDebounce(trimmedValue => {\n if (onSearch) onSearch(trimmedValue);\n else handleSearchQueryParams(trimmedValue);\n }, debounceTime);\n\n const handleSearchQueryParams = trimmedValue => {\n let searchParams = {};\n\n if (!trimmedValue && !queryParams?.[searchParamName]) return;\n\n if (trimmedValue) searchParams = { [searchParamName]: trimmedValue };\n else delete queryParams?.[searchParamName];\n\n if (trimmedValue !== queryParams?.[searchParamName]) {\n const pathname = window.location.pathname;\n history.push(buildUrl(pathname, mergeLeft(searchParams, queryParams)));\n }\n };\n\n useUpdateEffect(() => {\n handleDebouncedSearchTermChange(trimmedValue);\n }, [trimmedValue]);\n\n if (value !== undefined && internalValue !== value) {\n setInternalValue(value);\n }\n\n const handleOnChange = e => {\n const trimmedValue = e.target.value?.trim();\n onChange?.(e);\n setInternalValue(e.target.value);\n\n if (internalValue?.trim() !== trimmedValue) {\n handleDebouncedSearchTermChange(trimmedValue);\n }\n };\n\n useEffect(() => handleDebouncedSearchTermChange.cancel, []);\n\n return (\n <Input\n className=\"neeto-molecules-search__wrapper\"\n placeholder={t(\"neetoMolecules.common.actions.search\")}\n prefix={<NeetoUISearchIcon />}\n type=\"search\"\n value={internalValue}\n onChange={handleOnChange}\n {...inputProps}\n />\n );\n};\n\nSearch.propTypes = {\n /**\n * value for the search (optional).\n */\n value: PropTypes.string,\n /**\n * Time in milliseconds to debounce the search input before triggering a search.\n */\n debounceTime: PropTypes.number,\n /**\n * To specify the function to be triggered when the value is updated (optional).\n */\n onChange: PropTypes.func,\n /**\n * Callback to handle debounced search value without updating the search params.\n */\n onSearch: PropTypes.func,\n /**\n * value for the search param name.\n */\n searchParamName: PropTypes.string,\n /**\n * To override the properties of the Input component.\n */\n inputProps: PropTypes.object,\n};\n\nexport default Search;\n"],"names":["Search","_ref","value","_ref$debounceTime","debounceTime","onSearch","onChange","_ref$searchParamName","searchParamName","inputProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","queryParams","useQueryParams","toCamelCase","history","useHistory","searchInputValue","_useState","useState","_useState2","_slicedToArray","internalValue","setInternalValue","trimmedValue","trim","useUpdateEffect","isNotPresent","handleDebouncedSearchTermChange","useFuncDebounce","handleSearchQueryParams","searchParams","_defineProperty","pathname","window","location","push","buildUrl","mergeLeft","undefined","handleOnChange","e","_e$target$value","target","useEffect","cancel","React","createElement","Input","_extends","className","placeholder","prefix","NeetoUISearchIcon","type"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bigbinary/neeto-molecules",
|
|
3
|
-
"version": "1.15.
|
|
3
|
+
"version": "1.15.15",
|
|
4
4
|
"description": "A package of reusable molecular components for neeto products.",
|
|
5
5
|
"repository": "git@github.com:bigbinary/neeto-molecules.git",
|
|
6
6
|
"author": "Amaljith K <amaljith.k@bigbinary.com>",
|