@searchspring/snap-preact-components 0.53.4 → 0.55.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/Atoms/BadgeImage/BadgeImage.d.ts +11 -0
- package/dist/cjs/components/Atoms/BadgeImage/BadgeImage.d.ts.map +1 -0
- package/dist/cjs/components/Atoms/BadgeImage/BadgeImage.js +46 -0
- package/dist/cjs/components/Atoms/BadgeImage/index.d.ts +2 -0
- package/dist/cjs/components/Atoms/BadgeImage/index.d.ts.map +1 -0
- package/dist/cjs/components/Atoms/BadgeImage/index.js +17 -0
- package/dist/cjs/components/Atoms/BadgePill/BadgePill.d.ts +12 -0
- package/dist/cjs/components/Atoms/BadgePill/BadgePill.d.ts.map +1 -0
- package/dist/cjs/components/Atoms/BadgePill/BadgePill.js +57 -0
- package/dist/cjs/components/Atoms/BadgePill/index.d.ts +2 -0
- package/dist/cjs/components/Atoms/BadgePill/index.d.ts.map +1 -0
- package/dist/cjs/components/Atoms/{Badge → BadgePill}/index.js +1 -1
- package/dist/cjs/components/Atoms/BadgeRectangle/BadgeRectangle.d.ts +12 -0
- package/dist/cjs/components/Atoms/BadgeRectangle/BadgeRectangle.d.ts.map +1 -0
- package/dist/cjs/components/Atoms/BadgeRectangle/BadgeRectangle.js +56 -0
- package/dist/cjs/components/Atoms/BadgeRectangle/index.d.ts +2 -0
- package/dist/cjs/components/Atoms/BadgeRectangle/index.d.ts.map +1 -0
- package/dist/cjs/components/Atoms/BadgeRectangle/index.js +17 -0
- package/dist/cjs/components/Atoms/BadgeText/BadgeText.d.ts +11 -0
- package/dist/cjs/components/Atoms/BadgeText/BadgeText.d.ts.map +1 -0
- package/dist/cjs/components/Atoms/BadgeText/BadgeText.js +55 -0
- package/dist/cjs/components/Atoms/BadgeText/index.d.ts +2 -0
- package/dist/cjs/components/Atoms/BadgeText/index.d.ts.map +1 -0
- package/dist/cjs/components/Atoms/BadgeText/index.js +17 -0
- package/dist/cjs/components/Molecules/CalloutBadge/CalloutBadge.d.ts +13 -0
- package/dist/cjs/components/Molecules/CalloutBadge/CalloutBadge.d.ts.map +1 -0
- package/dist/cjs/components/Molecules/CalloutBadge/CalloutBadge.js +63 -0
- package/dist/cjs/components/Molecules/CalloutBadge/index.d.ts +2 -0
- package/dist/cjs/components/Molecules/CalloutBadge/index.d.ts.map +1 -0
- package/dist/cjs/components/Molecules/CalloutBadge/index.js +17 -0
- package/dist/cjs/components/Molecules/OverlayBadge/OverlayBadge.d.ts +17 -0
- package/dist/cjs/components/Molecules/OverlayBadge/OverlayBadge.d.ts.map +1 -0
- package/dist/cjs/components/Molecules/OverlayBadge/OverlayBadge.js +118 -0
- package/dist/cjs/components/Molecules/OverlayBadge/index.d.ts +2 -0
- package/dist/cjs/components/Molecules/OverlayBadge/index.d.ts.map +1 -0
- package/dist/cjs/components/Molecules/OverlayBadge/index.js +17 -0
- package/dist/cjs/components/Molecules/Result/Result.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/Result/Result.js +19 -9
- package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.js +0 -3
- package/dist/cjs/components/Organisms/RecommendationBundle/RecommendationBundle.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/RecommendationBundle/RecommendationBundle.js +8 -5
- package/dist/cjs/hooks/index.d.ts +1 -0
- package/dist/cjs/hooks/index.d.ts.map +1 -1
- package/dist/cjs/hooks/index.js +1 -0
- package/dist/cjs/hooks/useComponent.d.ts +4 -0
- package/dist/cjs/hooks/useComponent.d.ts.map +1 -0
- package/dist/cjs/hooks/useComponent.js +23 -0
- package/dist/cjs/index.d.ts +6 -1
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +6 -1
- package/dist/cjs/types.d.ts +5 -1
- package/dist/cjs/types.d.ts.map +1 -1
- package/dist/cjs/utilities/defaultBadgeComponentMap.d.ts +3 -0
- package/dist/cjs/utilities/defaultBadgeComponentMap.d.ts.map +1 -0
- package/dist/cjs/utilities/defaultBadgeComponentMap.js +13 -0
- package/dist/cjs/utilities/index.d.ts +1 -0
- package/dist/cjs/utilities/index.d.ts.map +1 -1
- package/dist/cjs/utilities/index.js +1 -0
- package/dist/esm/components/Atoms/BadgeImage/BadgeImage.d.ts +11 -0
- package/dist/esm/components/Atoms/BadgeImage/BadgeImage.d.ts.map +1 -0
- package/dist/esm/components/Atoms/BadgeImage/BadgeImage.js +35 -0
- package/dist/esm/components/Atoms/BadgeImage/index.d.ts +2 -0
- package/dist/esm/components/Atoms/BadgeImage/index.d.ts.map +1 -0
- package/dist/esm/components/Atoms/BadgeImage/index.js +1 -0
- package/dist/esm/components/Atoms/BadgePill/BadgePill.d.ts +12 -0
- package/dist/esm/components/Atoms/BadgePill/BadgePill.d.ts.map +1 -0
- package/dist/esm/components/Atoms/BadgePill/BadgePill.js +46 -0
- package/dist/esm/components/Atoms/BadgePill/index.d.ts +2 -0
- package/dist/esm/components/Atoms/BadgePill/index.d.ts.map +1 -0
- package/dist/esm/components/Atoms/BadgePill/index.js +1 -0
- package/dist/esm/components/Atoms/BadgeRectangle/BadgeRectangle.d.ts +12 -0
- package/dist/esm/components/Atoms/BadgeRectangle/BadgeRectangle.d.ts.map +1 -0
- package/dist/esm/components/Atoms/BadgeRectangle/BadgeRectangle.js +45 -0
- package/dist/esm/components/Atoms/BadgeRectangle/index.d.ts +2 -0
- package/dist/esm/components/Atoms/BadgeRectangle/index.d.ts.map +1 -0
- package/dist/esm/components/Atoms/BadgeRectangle/index.js +1 -0
- package/dist/esm/components/Atoms/BadgeText/BadgeText.d.ts +11 -0
- package/dist/esm/components/Atoms/BadgeText/BadgeText.d.ts.map +1 -0
- package/dist/esm/components/Atoms/BadgeText/BadgeText.js +43 -0
- package/dist/esm/components/Atoms/BadgeText/index.d.ts +2 -0
- package/dist/esm/components/Atoms/BadgeText/index.d.ts.map +1 -0
- package/dist/esm/components/Atoms/BadgeText/index.js +1 -0
- package/dist/esm/components/Molecules/CalloutBadge/CalloutBadge.d.ts +13 -0
- package/dist/esm/components/Molecules/CalloutBadge/CalloutBadge.d.ts.map +1 -0
- package/dist/esm/components/Molecules/CalloutBadge/CalloutBadge.js +49 -0
- package/dist/esm/components/Molecules/CalloutBadge/index.d.ts +2 -0
- package/dist/esm/components/Molecules/CalloutBadge/index.d.ts.map +1 -0
- package/dist/esm/components/Molecules/CalloutBadge/index.js +1 -0
- package/dist/esm/components/Molecules/OverlayBadge/OverlayBadge.d.ts +17 -0
- package/dist/esm/components/Molecules/OverlayBadge/OverlayBadge.d.ts.map +1 -0
- package/dist/esm/components/Molecules/OverlayBadge/OverlayBadge.js +111 -0
- package/dist/esm/components/Molecules/OverlayBadge/index.d.ts +2 -0
- package/dist/esm/components/Molecules/OverlayBadge/index.d.ts.map +1 -0
- package/dist/esm/components/Molecules/OverlayBadge/index.js +1 -0
- package/dist/esm/components/Molecules/Result/Result.d.ts.map +1 -1
- package/dist/esm/components/Molecules/Result/Result.js +23 -9
- package/dist/esm/components/Organisms/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/esm/components/Organisms/Autocomplete/Autocomplete.js +0 -3
- package/dist/esm/components/Organisms/RecommendationBundle/RecommendationBundle.d.ts.map +1 -1
- package/dist/esm/components/Organisms/RecommendationBundle/RecommendationBundle.js +3 -0
- package/dist/esm/hooks/index.d.ts +1 -0
- package/dist/esm/hooks/index.d.ts.map +1 -1
- package/dist/esm/hooks/index.js +1 -0
- package/dist/esm/hooks/useComponent.d.ts +4 -0
- package/dist/esm/hooks/useComponent.d.ts.map +1 -0
- package/dist/esm/hooks/useComponent.js +19 -0
- package/dist/esm/index.d.ts +6 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +6 -1
- package/dist/esm/types.d.ts +5 -1
- package/dist/esm/types.d.ts.map +1 -1
- package/dist/esm/utilities/defaultBadgeComponentMap.d.ts +3 -0
- package/dist/esm/utilities/defaultBadgeComponentMap.d.ts.map +1 -0
- package/dist/esm/utilities/defaultBadgeComponentMap.js +10 -0
- package/dist/esm/utilities/index.d.ts +1 -0
- package/dist/esm/utilities/index.d.ts.map +1 -1
- package/dist/esm/utilities/index.js +1 -0
- package/package.json +11 -11
- package/dist/cjs/components/Atoms/Badge/Badge.d.ts +0 -16
- package/dist/cjs/components/Atoms/Badge/Badge.d.ts.map +0 -1
- package/dist/cjs/components/Atoms/Badge/Badge.js +0 -47
- package/dist/cjs/components/Atoms/Badge/index.d.ts +0 -2
- package/dist/cjs/components/Atoms/Badge/index.d.ts.map +0 -1
- package/dist/esm/components/Atoms/Badge/Badge.d.ts +0 -16
- package/dist/esm/components/Atoms/Badge/Badge.d.ts.map +0 -1
- package/dist/esm/components/Atoms/Badge/Badge.js +0 -36
- package/dist/esm/components/Atoms/Badge/index.d.ts +0 -2
- package/dist/esm/components/Atoms/Badge/index.d.ts.map +0 -1
- package/dist/esm/components/Atoms/Badge/index.js +0 -1
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/** @jsx jsx */
|
|
3
|
-
import { ComponentChildren } from 'preact';
|
|
4
|
-
import { ComponentProps } from '../../../types';
|
|
5
|
-
export declare const Badge: (properties: BadgeProps) => JSX.Element;
|
|
6
|
-
export interface BadgeProps extends ComponentProps {
|
|
7
|
-
content?: any;
|
|
8
|
-
children?: ComponentChildren;
|
|
9
|
-
position?: {
|
|
10
|
-
top?: string | number;
|
|
11
|
-
right?: string | number;
|
|
12
|
-
bottom?: string | number;
|
|
13
|
-
left?: string | number;
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Badge/Badge.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAE,iBAAiB,EAAK,MAAM,QAAQ,CAAC;AAO9C,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAW5D,eAAO,MAAM,KAAK,eAAyB,UAAU,KAAG,WAgCtD,CAAC;AAEH,MAAM,WAAW,UAAW,SAAQ,cAAc;IACjD,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE;QACV,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;CACF"}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.Badge = void 0;
|
|
18
|
-
var react_1 = require("@emotion/react");
|
|
19
|
-
var classnames_1 = __importDefault(require("classnames"));
|
|
20
|
-
var mobx_react_1 = require("mobx-react");
|
|
21
|
-
var providers_1 = require("../../../providers");
|
|
22
|
-
var CSS = {
|
|
23
|
-
badge: function (_a) {
|
|
24
|
-
var position = _a.position;
|
|
25
|
-
return (0, react_1.css)(__assign({ display: 'inline-block', position: 'absolute' }, position));
|
|
26
|
-
},
|
|
27
|
-
};
|
|
28
|
-
exports.Badge = (0, mobx_react_1.observer)(function (properties) {
|
|
29
|
-
var _a, _b, _c;
|
|
30
|
-
var globalTheme = (0, providers_1.useTheme)();
|
|
31
|
-
var props = __assign(__assign(__assign({
|
|
32
|
-
// default props
|
|
33
|
-
position: {
|
|
34
|
-
top: 0,
|
|
35
|
-
left: 0,
|
|
36
|
-
} }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.badge), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.badge);
|
|
37
|
-
var content = props.content, children = props.children, position = props.position, disableStyles = props.disableStyles, className = props.className, style = props.style;
|
|
38
|
-
var styling = {};
|
|
39
|
-
if (!disableStyles) {
|
|
40
|
-
styling.css = [CSS.badge({ position: position }), style];
|
|
41
|
-
}
|
|
42
|
-
else if (style) {
|
|
43
|
-
styling.css = [style];
|
|
44
|
-
}
|
|
45
|
-
return ((0, react_1.jsx)(providers_1.CacheProvider, null,
|
|
46
|
-
(0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__badge', className) }), content || children)));
|
|
47
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/** @jsx jsx */
|
|
3
|
-
import { ComponentChildren } from 'preact';
|
|
4
|
-
import { ComponentProps } from '../../../types';
|
|
5
|
-
export declare const Badge: (properties: BadgeProps) => JSX.Element;
|
|
6
|
-
export interface BadgeProps extends ComponentProps {
|
|
7
|
-
content?: any;
|
|
8
|
-
children?: ComponentChildren;
|
|
9
|
-
position?: {
|
|
10
|
-
top?: string | number;
|
|
11
|
-
right?: string | number;
|
|
12
|
-
bottom?: string | number;
|
|
13
|
-
left?: string | number;
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Badge/Badge.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAE,iBAAiB,EAAK,MAAM,QAAQ,CAAC;AAO9C,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAW5D,eAAO,MAAM,KAAK,eAAyB,UAAU,KAAG,WAgCtD,CAAC;AAEH,MAAM,WAAW,UAAW,SAAQ,cAAc;IACjD,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE;QACV,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;CACF"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { jsx, css } from '@emotion/react';
|
|
2
|
-
import classnames from 'classnames';
|
|
3
|
-
import { observer } from 'mobx-react';
|
|
4
|
-
import { useTheme, CacheProvider } from '../../../providers';
|
|
5
|
-
const CSS = {
|
|
6
|
-
badge: ({ position }) => css({
|
|
7
|
-
display: 'inline-block',
|
|
8
|
-
position: 'absolute',
|
|
9
|
-
...position,
|
|
10
|
-
}),
|
|
11
|
-
};
|
|
12
|
-
export const Badge = observer((properties) => {
|
|
13
|
-
const globalTheme = useTheme();
|
|
14
|
-
const props = {
|
|
15
|
-
// default props
|
|
16
|
-
position: {
|
|
17
|
-
top: 0,
|
|
18
|
-
left: 0,
|
|
19
|
-
},
|
|
20
|
-
// global theme
|
|
21
|
-
...globalTheme?.components?.badge,
|
|
22
|
-
// props
|
|
23
|
-
...properties,
|
|
24
|
-
...properties.theme?.components?.badge,
|
|
25
|
-
};
|
|
26
|
-
const { content, children, position, disableStyles, className, style } = props;
|
|
27
|
-
const styling = {};
|
|
28
|
-
if (!disableStyles) {
|
|
29
|
-
styling.css = [CSS.badge({ position }), style];
|
|
30
|
-
}
|
|
31
|
-
else if (style) {
|
|
32
|
-
styling.css = [style];
|
|
33
|
-
}
|
|
34
|
-
return (jsx(CacheProvider, null,
|
|
35
|
-
jsx("div", { ...styling, className: classnames('ss__badge', className) }, content || children)));
|
|
36
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Badge';
|