instantsearch-ui-components 0.2.0 → 0.3.0
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/components/Highlight.js +66 -0
- package/dist/cjs/components/index.js +16 -0
- package/dist/cjs/index.js +38 -0
- package/dist/cjs/lib/cx.js +17 -0
- package/dist/cjs/lib/index.js +16 -0
- package/dist/cjs/package.json +1 -0
- package/dist/cjs/types/Renderer.js +1 -0
- package/dist/cjs/types/index.js +16 -0
- package/dist/cjs/version.js +8 -0
- package/dist/es/components/Highlight.js +2 -4
- package/dist/es/lib/cx.d.ts +3 -1
- package/dist/es/lib/cx.js +6 -1
- package/dist/es/version.d.ts +1 -1
- package/dist/es/version.js +1 -1
- package/package.json +6 -5
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.createHighlightComponent = createHighlightComponent;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
+
var _lib = require("../lib");
|
|
11
|
+
var _excluded = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
|
|
12
|
+
function createHighlightPartComponent(_ref) {
|
|
13
|
+
var createElement = _ref.createElement;
|
|
14
|
+
return function HighlightPart(_ref2) {
|
|
15
|
+
var classNames = _ref2.classNames,
|
|
16
|
+
children = _ref2.children,
|
|
17
|
+
highlightedTagName = _ref2.highlightedTagName,
|
|
18
|
+
isHighlighted = _ref2.isHighlighted,
|
|
19
|
+
nonHighlightedTagName = _ref2.nonHighlightedTagName;
|
|
20
|
+
var TagName = isHighlighted ? highlightedTagName : nonHighlightedTagName;
|
|
21
|
+
return createElement(TagName, {
|
|
22
|
+
className: isHighlighted ? classNames.highlighted : classNames.nonHighlighted
|
|
23
|
+
}, children);
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
function createHighlightComponent(_ref3) {
|
|
27
|
+
var createElement = _ref3.createElement,
|
|
28
|
+
Fragment = _ref3.Fragment;
|
|
29
|
+
var HighlightPart = createHighlightPartComponent({
|
|
30
|
+
createElement: createElement,
|
|
31
|
+
Fragment: Fragment
|
|
32
|
+
});
|
|
33
|
+
return function Highlight(userProps) {
|
|
34
|
+
// Not destructured in function signature, to make sure it's not exposed in
|
|
35
|
+
// the type definition.
|
|
36
|
+
var parts = userProps.parts,
|
|
37
|
+
_userProps$highlighte = userProps.highlightedTagName,
|
|
38
|
+
highlightedTagName = _userProps$highlighte === void 0 ? 'mark' : _userProps$highlighte,
|
|
39
|
+
_userProps$nonHighlig = userProps.nonHighlightedTagName,
|
|
40
|
+
nonHighlightedTagName = _userProps$nonHighlig === void 0 ? 'span' : _userProps$nonHighlig,
|
|
41
|
+
_userProps$separator = userProps.separator,
|
|
42
|
+
separator = _userProps$separator === void 0 ? ', ' : _userProps$separator,
|
|
43
|
+
className = userProps.className,
|
|
44
|
+
_userProps$classNames = userProps.classNames,
|
|
45
|
+
classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
|
|
46
|
+
props = (0, _objectWithoutProperties2.default)(userProps, _excluded);
|
|
47
|
+
return createElement("span", (0, _extends2.default)({}, props, {
|
|
48
|
+
className: (0, _lib.cx)(classNames.root, className)
|
|
49
|
+
}), parts.map(function (part, partIndex) {
|
|
50
|
+
var isLastPart = partIndex === parts.length - 1;
|
|
51
|
+
return createElement(Fragment, {
|
|
52
|
+
key: partIndex
|
|
53
|
+
}, part.map(function (subPart, subPartIndex) {
|
|
54
|
+
return createElement(HighlightPart, {
|
|
55
|
+
key: subPartIndex,
|
|
56
|
+
classNames: classNames,
|
|
57
|
+
highlightedTagName: highlightedTagName,
|
|
58
|
+
nonHighlightedTagName: nonHighlightedTagName,
|
|
59
|
+
isHighlighted: subPart.isHighlighted
|
|
60
|
+
}, subPart.value);
|
|
61
|
+
}), !isLastPart && createElement("span", {
|
|
62
|
+
className: classNames.separator
|
|
63
|
+
}, separator));
|
|
64
|
+
}));
|
|
65
|
+
};
|
|
66
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _Highlight = require("./Highlight");
|
|
7
|
+
Object.keys(_Highlight).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _Highlight[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _Highlight[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _components = require("./components");
|
|
7
|
+
Object.keys(_components).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _components[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _components[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
var _lib = require("./lib");
|
|
18
|
+
Object.keys(_lib).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _lib[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function get() {
|
|
24
|
+
return _lib[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
var _types = require("./types");
|
|
29
|
+
Object.keys(_types).forEach(function (key) {
|
|
30
|
+
if (key === "default" || key === "__esModule") return;
|
|
31
|
+
if (key in exports && exports[key] === _types[key]) return;
|
|
32
|
+
Object.defineProperty(exports, key, {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function get() {
|
|
35
|
+
return _types[key];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
});
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.cx = cx;
|
|
7
|
+
function cx() {
|
|
8
|
+
for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
9
|
+
classNames[_key] = arguments[_key];
|
|
10
|
+
}
|
|
11
|
+
return classNames.reduce(function (acc, className) {
|
|
12
|
+
if (Array.isArray(className)) {
|
|
13
|
+
return acc.concat(className);
|
|
14
|
+
}
|
|
15
|
+
return acc.concat([className]);
|
|
16
|
+
}, []).filter(Boolean).join(' ');
|
|
17
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _cx = require("./cx");
|
|
7
|
+
Object.keys(_cx).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _cx[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _cx[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{ "type": "commonjs", "sideEffects": false }
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _Renderer = require("./Renderer");
|
|
7
|
+
Object.keys(_Renderer).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _Renderer[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _Renderer[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
1
3
|
var _excluded = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
|
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
|
-
/** @jsx createElement */
|
|
6
4
|
import { cx } from "../lib/index.js";
|
|
7
5
|
function createHighlightPartComponent(_ref) {
|
|
8
6
|
var createElement = _ref.createElement;
|
package/dist/es/lib/cx.d.ts
CHANGED
package/dist/es/lib/cx.js
CHANGED
|
@@ -2,5 +2,10 @@ export function cx() {
|
|
|
2
2
|
for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
3
3
|
classNames[_key] = arguments[_key];
|
|
4
4
|
}
|
|
5
|
-
return classNames.
|
|
5
|
+
return classNames.reduce(function (acc, className) {
|
|
6
|
+
if (Array.isArray(className)) {
|
|
7
|
+
return acc.concat(className);
|
|
8
|
+
}
|
|
9
|
+
return acc.concat([className]);
|
|
10
|
+
}, []).filter(Boolean).join(' ');
|
|
6
11
|
}
|
package/dist/es/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "0.
|
|
1
|
+
declare const _default: "0.3.0";
|
|
2
2
|
export default _default;
|
package/dist/es/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export default '0.
|
|
1
|
+
export default '0.3.0';
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "instantsearch-ui-components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "Common UI components for InstantSearch.",
|
|
5
|
-
"source": "src/index.ts",
|
|
6
5
|
"types": "dist/es/index.d.ts",
|
|
7
|
-
"main": "dist/
|
|
6
|
+
"main": "dist/cjs/index.js",
|
|
8
7
|
"module": "dist/es/index.js",
|
|
9
8
|
"type": "module",
|
|
10
9
|
"exports": {
|
|
11
10
|
"types": "./dist/es/index.d.ts",
|
|
11
|
+
"require": "./dist/cjs/index.js",
|
|
12
12
|
"default": "./dist/es/index.js"
|
|
13
13
|
},
|
|
14
14
|
"sideEffects": false,
|
|
@@ -38,10 +38,11 @@
|
|
|
38
38
|
],
|
|
39
39
|
"scripts": {
|
|
40
40
|
"clean": "rm -rf dist",
|
|
41
|
-
"build": "yarn build:es && yarn build:types",
|
|
41
|
+
"build": "yarn build:cjs && yarn build:es && yarn build:types",
|
|
42
42
|
"build:es": "BABEL_ENV=es babel src --root-mode upward --extensions '.js,.ts,.tsx' --out-dir dist/es --ignore '**/__tests__/**/*','**/__mocks__/**/*' --quiet",
|
|
43
|
+
"build:cjs": "BABEL_ENV=cjs babel src --root-mode upward --extensions '.js,.ts,.tsx' --out-dir dist/cjs --ignore '**/__tests__/**/*','**/__mocks__/**/*' --quiet && ../../scripts/prepare-cjs.sh",
|
|
43
44
|
"build:types": "tsc -p ./tsconfig.declaration.json --outDir ./dist/es",
|
|
44
45
|
"version": "./scripts/version.cjs"
|
|
45
46
|
},
|
|
46
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "084aff3d29e15cea8125076c46fb753c83d4dcad"
|
|
47
48
|
}
|