@searchspring/snap-preact-components 0.42.2 → 0.43.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/Button/Button.d.ts +2 -1
- package/dist/cjs/components/Atoms/Button/Button.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Button/Button.js +2 -1
- package/dist/cjs/components/Atoms/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/cjs/components/Atoms/Image/Image.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/Carousel/Carousel.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/Carousel/Carousel.js +3 -3
- package/dist/cjs/components/Molecules/Carousel/Carousel.stories.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/ErrorHandler/ErrorHandler.stories.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.js +3 -2
- package/dist/cjs/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.js +3 -2
- package/dist/cjs/components/Molecules/FacetListOptions/FacetListOptions.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/FacetListOptions/FacetListOptions.js +3 -2
- package/dist/cjs/components/Molecules/FacetListOptions/FacetListOptions.stories.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.d.ts.map +1 -1
- package/dist/cjs/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.js +3 -2
- package/dist/cjs/components/Molecules/Select/Select.js +1 -1
- package/dist/cjs/components/Molecules/Slideout/Slideout.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.js +5 -19
- package/dist/cjs/components/Organisms/Autocomplete/Autocomplete.stories.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/BranchOverride/BranchOverride.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/BranchOverride/BranchOverride.js +0 -1
- package/dist/cjs/components/Organisms/BranchOverride/BranchOverride.stories.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/Facet/Facet.js +1 -1
- package/dist/cjs/components/Organisms/Results/Results.d.ts.map +1 -1
- package/dist/cjs/components/Organisms/Results/Results.js +4 -4
- 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/useDeepCompareEffect.d.ts +4 -0
- package/dist/cjs/hooks/useDeepCompareEffect.d.ts.map +1 -0
- package/dist/cjs/hooks/useDeepCompareEffect.js +19 -0
- package/dist/cjs/hooks/useDisplaySettings.d.ts.map +1 -1
- package/dist/cjs/hooks/useDisplaySettings.js +5 -0
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/toolbox/createHoverProps/createHoverProps.d.ts +8 -0
- package/dist/cjs/toolbox/createHoverProps/createHoverProps.d.ts.map +1 -0
- package/dist/cjs/toolbox/createHoverProps/createHoverProps.js +20 -0
- package/dist/cjs/toolbox/index.d.ts +2 -0
- package/dist/cjs/toolbox/index.d.ts.map +1 -0
- package/dist/cjs/toolbox/index.js +17 -0
- package/dist/cjs/utilities/cloneWithProps.d.ts.map +1 -1
- package/dist/cjs/utilities/cloneWithProps.js +16 -1
- package/dist/esm/components/Atoms/Button/Button.d.ts +2 -1
- package/dist/esm/components/Atoms/Button/Button.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Button/Button.js +2 -1
- package/dist/esm/components/Atoms/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/esm/components/Atoms/Image/Image.d.ts.map +1 -1
- package/dist/esm/components/Molecules/Carousel/Carousel.d.ts.map +1 -1
- package/dist/esm/components/Molecules/Carousel/Carousel.js +3 -3
- package/dist/esm/components/Molecules/Carousel/Carousel.stories.d.ts.map +1 -1
- package/dist/esm/components/Molecules/ErrorHandler/ErrorHandler.stories.d.ts.map +1 -1
- package/dist/esm/components/Molecules/FacetGridOptions/FacetGridOptions.d.ts.map +1 -1
- package/dist/esm/components/Molecules/FacetGridOptions/FacetGridOptions.js +3 -2
- package/dist/esm/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.d.ts.map +1 -1
- package/dist/esm/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.js +3 -2
- package/dist/esm/components/Molecules/FacetListOptions/FacetListOptions.d.ts.map +1 -1
- package/dist/esm/components/Molecules/FacetListOptions/FacetListOptions.js +3 -2
- package/dist/esm/components/Molecules/FacetListOptions/FacetListOptions.stories.d.ts.map +1 -1
- package/dist/esm/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.d.ts.map +1 -1
- package/dist/esm/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.js +3 -2
- package/dist/esm/components/Molecules/SearchInput/SearchInput.js +1 -1
- package/dist/esm/components/Molecules/Select/Select.js +1 -1
- package/dist/esm/components/Molecules/Slideout/Slideout.d.ts.map +1 -1
- package/dist/esm/components/Molecules/Slideout/Slideout.js +1 -1
- package/dist/esm/components/Organisms/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/esm/components/Organisms/Autocomplete/Autocomplete.js +5 -19
- package/dist/esm/components/Organisms/Autocomplete/Autocomplete.stories.d.ts.map +1 -1
- package/dist/esm/components/Organisms/BranchOverride/BranchOverride.d.ts.map +1 -1
- package/dist/esm/components/Organisms/BranchOverride/BranchOverride.js +1 -2
- package/dist/esm/components/Organisms/BranchOverride/BranchOverride.stories.d.ts.map +1 -1
- package/dist/esm/components/Organisms/Facet/Facet.js +1 -1
- package/dist/esm/components/Organisms/Results/Results.d.ts.map +1 -1
- package/dist/esm/components/Organisms/Results/Results.js +8 -7
- 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/useDeepCompareEffect.d.ts +4 -0
- package/dist/esm/hooks/useDeepCompareEffect.d.ts.map +1 -0
- package/dist/esm/hooks/useDeepCompareEffect.js +14 -0
- package/dist/esm/hooks/useDisplaySettings.d.ts.map +1 -1
- package/dist/esm/hooks/useDisplaySettings.js +5 -0
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +2 -0
- package/dist/esm/toolbox/createHoverProps/createHoverProps.d.ts +8 -0
- package/dist/esm/toolbox/createHoverProps/createHoverProps.d.ts.map +1 -0
- package/dist/esm/toolbox/createHoverProps/createHoverProps.js +15 -0
- package/dist/esm/toolbox/index.d.ts +2 -0
- package/dist/esm/toolbox/index.d.ts.map +1 -0
- package/dist/esm/toolbox/index.js +1 -0
- package/dist/esm/utilities/cloneWithProps.d.ts.map +1 -1
- package/dist/esm/utilities/cloneWithProps.js +6 -2
- package/package.json +13 -12
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
/** @jsx jsx */
|
|
2
|
+
/** @jsx h */
|
|
3
|
+
/// <reference types="react" />
|
|
3
4
|
import { ComponentChildren } from 'preact';
|
|
4
5
|
import { ComponentProps } from '../../../types';
|
|
5
6
|
export declare const Button: ((properties: ButtonProps) => JSX.Element) & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Button/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,aAAa;;AAEb,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAMxD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AA8BhD,eAAO,MAAM,MAAM,gBAAyB,WAAW,KAAG,WAAW;;CAwDnE,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
/** @jsx jsx */
|
|
3
|
+
/** @jsx h */
|
|
2
4
|
var __assign = (this && this.__assign) || function () {
|
|
3
5
|
__assign = Object.assign || function(t) {
|
|
4
6
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -15,7 +17,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
15
17
|
};
|
|
16
18
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
19
|
exports.Button = void 0;
|
|
18
|
-
/** @jsx jsx */
|
|
19
20
|
var preact_1 = require("preact");
|
|
20
21
|
var react_1 = require("@emotion/react");
|
|
21
22
|
var classnames_1 = __importDefault(require("classnames"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAE,iBAAiB,EAAK,MAAM,QAAQ,CAAC;AAO9C,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AA+B5D,eAAO,MAAM,QAAQ,gBAAyB,aAAa,KAAG,WAAW;;CAiGvE,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Image/Image.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Image/Image.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAE5D,eAAO,MAAM,kBAAkB,6DAA6D,CAAC;AAmB7F,wBAAgB,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA8DzD;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc;IACjD,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;CACf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":";AAQA,OAAO,UAA4C,MAAM,aAAa,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAKvC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAmI9E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,gBAAyB,aAAa,KAAG,WAAW;;
|
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.tsx"],"names":[],"mappings":";AAQA,OAAO,UAA4C,MAAM,aAAa,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAKvC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAmI9E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;CAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,gBAAyB,aAAa,KAAG,WAAW;;CA6JvE,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;IACnD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC;IAClF,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;CACxB"}
|
|
@@ -239,7 +239,7 @@ exports.Carousel = (0, mobx_react_lite_1.observer)(function (properties) {
|
|
|
239
239
|
}
|
|
240
240
|
props = __assign(__assign(__assign({}, props), displaySettings), { theme: theme_1 });
|
|
241
241
|
}
|
|
242
|
-
var children = props.children,
|
|
242
|
+
var children = props.children, loop = props.loop, nextButton = props.nextButton, prevButton = props.prevButton, hideButtons = props.hideButtons, vertical = props.vertical, onInit = props.onInit, onNextButtonClick = props.onNextButtonClick, onPrevButtonClick = props.onPrevButtonClick, onClick = props.onClick, disableStyles = props.disableStyles, style = props.style, modules = props.modules, className = props.className, additionalProps = __rest(props, ["children", "loop", "nextButton", "prevButton", "hideButtons", "vertical", "onInit", "onNextButtonClick", "onPrevButtonClick", "onClick", "disableStyles", "style", "modules", "className"]);
|
|
243
243
|
var pagination = props.pagination;
|
|
244
244
|
var subProps = {
|
|
245
245
|
icon: __assign(__assign(__assign({
|
|
@@ -279,9 +279,9 @@ exports.Carousel = (0, mobx_react_lite_1.observer)(function (properties) {
|
|
|
279
279
|
(0, react_1.jsx)("div", { className: (0, classnames_1.default)('ss__carousel__prev-wrapper', { 'ss__carousel__prev-wrapper--hidden': hideButtons }) },
|
|
280
280
|
(0, react_1.jsx)("div", { className: "ss__carousel__prev", ref: navigationPrevRef, onClick: onPrevButtonClick && (function (e) { return onPrevButtonClick(e); }) }, prevButton || (0, react_1.jsx)(Icon_1.Icon, __assign({ icon: vertical ? 'angle-up' : 'angle-left' }, subProps.icon)))),
|
|
281
281
|
(0, react_1.jsx)(react_2.Swiper, __assign({ centerInsufficientSlides: true, onInit: function (swiper) {
|
|
282
|
-
//@ts-ignore
|
|
282
|
+
//@ts-ignore : someone should refactor this
|
|
283
283
|
swiper.params.navigation.prevEl = navigationPrevRef.current ? navigationPrevRef.current : undefined;
|
|
284
|
-
//@ts-ignore
|
|
284
|
+
//@ts-ignore : someone should refactor this
|
|
285
285
|
swiper.params.navigation.nextEl = navigationNextRef.current ? navigationNextRef.current : undefined;
|
|
286
286
|
if (onInit) {
|
|
287
287
|
onInit(swiper);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Carousel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;yBAmB3C,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBA8JE;AAIF,eAAO,MAAM,MAAM;YAAW,aAAa;;;;;;CAQ1C,CAAC;AAOF,eAAO,MAAM,KAAK,UAAW,aAAa,kBAazC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorHandler.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/ErrorHandler/ErrorHandler.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ErrorHandler.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/ErrorHandler/ErrorHandler.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAG3B,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;;;;;;;;;;;yBAkBvD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBAuDE;AAEF,eAAO,MAAM,OAAO;WAAU,iBAAiB;;;;;;;;;;;;CAA+B,CAAC;AAa/E,eAAO,MAAM,KAAK;WAAU,iBAAiB;;;;;;;;;;;;CAA+B,CAAC;AAa7E,eAAO,MAAM,IAAI;WAAU,iBAAiB;;;;;;;;;;;;CAA+B,CAAC;AAa5E,eAAO,MAAM,WAAW;WAAU,iBAAiB;;;;;;;CAA+B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FacetGridOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetGridOptions/FacetGridOptions.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"FacetGridOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetGridOptions/FacetGridOptions.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAiE5E,eAAO,MAAM,gBAAgB,gBAAyB,qBAAqB,KAAG,WAAW;;CA6DvF,CAAC;AAEH,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC5D,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}
|
|
@@ -21,6 +21,7 @@ var react_1 = require("@emotion/react");
|
|
|
21
21
|
var classnames_1 = __importDefault(require("classnames"));
|
|
22
22
|
var mobx_react_lite_1 = require("mobx-react-lite");
|
|
23
23
|
var providers_1 = require("../../../providers");
|
|
24
|
+
var toolbox_1 = require("../../../toolbox");
|
|
24
25
|
var CSS = {
|
|
25
26
|
grid: function (_a) {
|
|
26
27
|
var _b;
|
|
@@ -107,11 +108,11 @@ exports.FacetGridOptions = (0, mobx_react_lite_1.observer)(function (properties)
|
|
|
107
108
|
? "remove selected filter ".concat((facet === null || facet === void 0 ? void 0 : facet.label) || '', " - ").concat(value.label)
|
|
108
109
|
: (facet === null || facet === void 0 ? void 0 : facet.label)
|
|
109
110
|
? "filter by ".concat(facet === null || facet === void 0 ? void 0 : facet.label, " - ").concat(value.label)
|
|
110
|
-
: "filter by ".concat(value.label)
|
|
111
|
+
: "filter by ".concat(value.label), href: (_b = (_a = value.url) === null || _a === void 0 ? void 0 : _a.link) === null || _b === void 0 ? void 0 : _b.href }, valueProps, { onClick: function (e) {
|
|
111
112
|
var _a, _b;
|
|
112
113
|
(_b = (_a = value.url) === null || _a === void 0 ? void 0 : _a.link) === null || _b === void 0 ? void 0 : _b.onClick(e);
|
|
113
114
|
onClick && onClick(e);
|
|
114
|
-
} }),
|
|
115
|
+
} }, (previewOnFocus ? (0, toolbox_1.createHoverProps)(function () { return (value === null || value === void 0 ? void 0 : value.preview) && value.preview(); }) : {})),
|
|
115
116
|
(0, react_1.jsx)("span", { className: (0, classnames_1.default)('ss__facet-grid-options__option__value', {
|
|
116
117
|
'ss__facet-grid-options__option__value--smaller': value.label.length > 3,
|
|
117
118
|
}) }, value.label)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FacetHierarchyOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"FacetHierarchyOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAE5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AA2CrF,eAAO,MAAM,qBAAqB,gBAAyB,0BAA0B,KAAG,WAAW;;CA8DjG,CAAC;AACH,MAAM,WAAW,0BAA2B,SAAQ,cAAc;IACjE,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}
|
|
@@ -21,6 +21,7 @@ var react_1 = require("@emotion/react");
|
|
|
21
21
|
var classnames_1 = __importDefault(require("classnames"));
|
|
22
22
|
var mobx_react_lite_1 = require("mobx-react-lite");
|
|
23
23
|
var providers_1 = require("../../../providers");
|
|
24
|
+
var toolbox_1 = require("../../../toolbox");
|
|
24
25
|
var CSS = {
|
|
25
26
|
hierarchy: function (_a) {
|
|
26
27
|
var _b, _c, _d;
|
|
@@ -85,11 +86,11 @@ exports.FacetHierarchyOptions = (0, mobx_react_lite_1.observer)(function (proper
|
|
|
85
86
|
? "remove selected filter ".concat((facet === null || facet === void 0 ? void 0 : facet.label) || '', " - ").concat(value.label)
|
|
86
87
|
: (facet === null || facet === void 0 ? void 0 : facet.label)
|
|
87
88
|
? "filter by ".concat(facet === null || facet === void 0 ? void 0 : facet.label, " - ").concat(value.label)
|
|
88
|
-
: "filter by ".concat(value.label), href: (_b = (_a = value.url) === null || _a === void 0 ? void 0 : _a.link) === null || _b === void 0 ? void 0 : _b.href, onClick: function (e) {
|
|
89
|
+
: "filter by ".concat(value.label), href: (_b = (_a = value.url) === null || _a === void 0 ? void 0 : _a.link) === null || _b === void 0 ? void 0 : _b.href }, valueProps, { onClick: function (e) {
|
|
89
90
|
var _a, _b;
|
|
90
91
|
(_b = (_a = value.url) === null || _a === void 0 ? void 0 : _a.link) === null || _b === void 0 ? void 0 : _b.onClick(e);
|
|
91
92
|
onClick && onClick(e);
|
|
92
|
-
} },
|
|
93
|
+
} }, (previewOnFocus ? (0, toolbox_1.createHoverProps)(function () { return (value === null || value === void 0 ? void 0 : value.preview) && value.preview(); }) : {})),
|
|
93
94
|
(0, react_1.jsx)("span", { className: "ss__facet-hierarchy-options__option__value" },
|
|
94
95
|
value.label,
|
|
95
96
|
!hideCount && (value === null || value === void 0 ? void 0 : value.count) > 0 && !value.filtered && ((0, react_1.jsx)("span", { className: "ss__facet-hierarchy-options__option__value__count" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FacetListOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetListOptions/FacetListOptions.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"FacetListOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetListOptions/FacetListOptions.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAI5D,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AA6B5E,eAAO,MAAM,gBAAgB,gBAAyB,qBAAqB,KAAG,WAAW;;CAwEvF,CAAC;AAEH,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC5D,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}
|
|
@@ -23,6 +23,7 @@ var mobx_react_lite_1 = require("mobx-react-lite");
|
|
|
23
23
|
var providers_1 = require("../../../providers");
|
|
24
24
|
var utilities_1 = require("../../../utilities");
|
|
25
25
|
var Checkbox_1 = require("../../Molecules/Checkbox/Checkbox");
|
|
26
|
+
var toolbox_1 = require("../../../toolbox");
|
|
26
27
|
var CSS = {
|
|
27
28
|
list: function (_a) {
|
|
28
29
|
var _b, _c;
|
|
@@ -82,11 +83,11 @@ exports.FacetListOptions = (0, mobx_react_lite_1.observer)(function (properties)
|
|
|
82
83
|
? "remove selected filter ".concat((facet === null || facet === void 0 ? void 0 : facet.label) || '', " - ").concat(value.label)
|
|
83
84
|
: (facet === null || facet === void 0 ? void 0 : facet.label)
|
|
84
85
|
? "filter by ".concat(facet === null || facet === void 0 ? void 0 : facet.label, " - ").concat(value.label)
|
|
85
|
-
: "filter by ".concat(value.label)
|
|
86
|
+
: "filter by ".concat(value.label), href: (_b = (_a = value.url) === null || _a === void 0 ? void 0 : _a.link) === null || _b === void 0 ? void 0 : _b.href }, valueProps, { onClick: function (e) {
|
|
86
87
|
var _a, _b;
|
|
87
88
|
(_b = (_a = value.url) === null || _a === void 0 ? void 0 : _a.link) === null || _b === void 0 ? void 0 : _b.onClick(e);
|
|
88
89
|
onClick && onClick(e);
|
|
89
|
-
} }),
|
|
90
|
+
} }, (previewOnFocus ? (0, toolbox_1.createHoverProps)(function () { return (value === null || value === void 0 ? void 0 : value.preview) && value.preview(); }) : {})),
|
|
90
91
|
!hideCheckbox && (0, react_1.jsx)(Checkbox_1.Checkbox, __assign({}, subProps.checkbox, { checked: value.filtered, disableA11y: true })),
|
|
91
92
|
(0, react_1.jsx)("span", { className: "ss__facet-list-options__option__value" },
|
|
92
93
|
value.label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FacetListOptions.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetListOptions/FacetListOptions.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAoB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAI7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;yBAgB5D,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,
|
|
1
|
+
{"version":3,"file":"FacetListOptions.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetListOptions/FacetListOptions.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAoB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAI7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;yBAgB5D,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBA+FE;AAUF,eAAO,MAAM,OAAO;WAAU,qBAAqB;;wBAAsD,gBAAgB;;;;;;CAExH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FacetPaletteOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"FacetPaletteOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAI5D,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AA+E5E,eAAO,MAAM,mBAAmB,gBAAyB,wBAAwB,KAAG,WAAW;;CAoF7F,CAAC;AAEH,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC/D,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}
|
|
@@ -24,6 +24,7 @@ var snap_toolbox_1 = require("@searchspring/snap-toolbox");
|
|
|
24
24
|
var utilities_1 = require("../../../utilities");
|
|
25
25
|
var Icon_1 = require("../../Atoms/Icon");
|
|
26
26
|
var providers_1 = require("../../../providers");
|
|
27
|
+
var toolbox_1 = require("../../../toolbox");
|
|
27
28
|
var CSS = {
|
|
28
29
|
palette: function (_a) {
|
|
29
30
|
var _b;
|
|
@@ -137,11 +138,11 @@ exports.FacetPaletteOptions = (0, mobx_react_lite_1.observer)(function (properti
|
|
|
137
138
|
? "remove selected filter ".concat((facet === null || facet === void 0 ? void 0 : facet.label) || '', " - ").concat(value.label)
|
|
138
139
|
: (facet === null || facet === void 0 ? void 0 : facet.label)
|
|
139
140
|
? "filter by ".concat(facet === null || facet === void 0 ? void 0 : facet.label, " - ").concat(value.label)
|
|
140
|
-
: "filter by ".concat(value.label)
|
|
141
|
+
: "filter by ".concat(value.label), href: (_b = (_a = value.url) === null || _a === void 0 ? void 0 : _a.link) === null || _b === void 0 ? void 0 : _b.href }, valueProps, { onClick: function (e) {
|
|
141
142
|
var _a, _b;
|
|
142
143
|
(_b = (_a = value.url) === null || _a === void 0 ? void 0 : _a.link) === null || _b === void 0 ? void 0 : _b.onClick(e);
|
|
143
144
|
onClick && onClick(e);
|
|
144
|
-
} }),
|
|
145
|
+
} }, (previewOnFocus ? (0, toolbox_1.createHoverProps)(function () { return (value === null || value === void 0 ? void 0 : value.preview) && value.preview(); }) : {})),
|
|
145
146
|
(0, react_1.jsx)("div", { className: "ss__facet-palette-options__option__wrapper" },
|
|
146
147
|
(0, react_1.jsx)("div", { className: (0, classnames_1.default)('ss__facet-palette-options__option__palette', "ss__facet-palette-options__option__palette--".concat(snap_toolbox_1.filters.handleize(value.value))), css: { background: value.value } }, !hideIcon && value.filtered && (0, react_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon)))),
|
|
147
148
|
!hideLabel && (0, react_1.jsx)("span", { className: "ss__facet-palette-options__option__value" }, value.label)));
|
|
@@ -165,7 +165,7 @@ exports.Select = (0, mobx_react_lite_1.observer)(function (properties) {
|
|
|
165
165
|
options.map(function (option, index) {
|
|
166
166
|
var _a;
|
|
167
167
|
return ((0, react_1.jsx)("option", { className: "ss__select__select__option", selected: (selection === null || selection === void 0 ? void 0 : selection.value) === option.value, value: (_a = option.value) !== null && _a !== void 0 ? _a : index }, option.label));
|
|
168
|
-
})))) : ((0, react_1.jsx)(Dropdown_1.Dropdown, __assign({}, subProps.dropdown, { disableClickOutside: disableClickOutside, open: open, onToggle: function (e, state) { return setOpen(function (prev) { return state !== null && state !== void 0 ? state : !prev; }); }, onClick: function (
|
|
168
|
+
})))) : ((0, react_1.jsx)(Dropdown_1.Dropdown, __assign({}, subProps.dropdown, { disableClickOutside: disableClickOutside, open: open, onToggle: function (e, state) { return setOpen(function (prev) { return state !== null && state !== void 0 ? state : !prev; }); }, onClick: function () { return setOpen(function (prev) { return !prev; }); }, disableA11y: true, button: (0, react_1.jsx)(Button_1.Button, __assign({}, subProps.button, { disableA11y: true }),
|
|
169
169
|
label && !hideLabelOnSelection && ((0, react_1.jsx)("span", { className: "ss__select__label", ref: function (e) { return (0, useA11y_1.useA11y)(e); }, "aria-label": "".concat(label, " dropdown, ").concat(options.length, " options ").concat(selectedOptions.length ? ", Currently selected option is ".concat(selectedOptions[0].label) : ''), "aria-expanded": open, role: "button" },
|
|
170
170
|
label,
|
|
171
171
|
separator && selection && (0, react_1.jsx)("span", { className: "ss__select__label__separator" }, separator))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slideout.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAQxD,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Slideout.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAQxD,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAyB5D,wBAAgB,QAAQ,CAAC,UAAU,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAoG/D;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACpC;AAED,oBAAY,kBAAkB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAU5E,OAAO,EAAE,cAAc,EAAgB,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAqJ5F,eAAO,MAAM,YAAY,gBAAyB,iBAAiB,KAAG,WAAW;;CA6c/E,CAAC;AAoCH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,UAAU,EAAE,sBAAsB,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACjE"}
|
|
@@ -28,6 +28,7 @@ var Results_1 = require("../../Organisms/Results");
|
|
|
28
28
|
var Banner_1 = require("../../Atoms/Merchandising/Banner");
|
|
29
29
|
var Facets_1 = require("../../Organisms/Facets");
|
|
30
30
|
var utilities_1 = require("../../../utilities");
|
|
31
|
+
var toolbox_1 = require("../../../toolbox");
|
|
31
32
|
var providers_1 = require("../../../providers");
|
|
32
33
|
var types_1 = require("../../../types");
|
|
33
34
|
var useDisplaySettings_1 = require("../../../hooks/useDisplaySettings");
|
|
@@ -181,22 +182,7 @@ exports.Autocomplete = (0, mobx_react_lite_1.observer)(function (properties) {
|
|
|
181
182
|
rows: 3,
|
|
182
183
|
},
|
|
183
184
|
};
|
|
184
|
-
var
|
|
185
|
-
var delayTime = 333;
|
|
186
|
-
var valueProps = {
|
|
187
|
-
onMouseEnter: function (e, activeTerm) {
|
|
188
|
-
clearTimeout(delayTimeout);
|
|
189
|
-
delayTimeout = window.setTimeout(function () {
|
|
190
|
-
e.target.focus();
|
|
191
|
-
if (activeTerm && activeTerm.preview) {
|
|
192
|
-
activeTerm.preview();
|
|
193
|
-
}
|
|
194
|
-
}, delayTime);
|
|
195
|
-
},
|
|
196
|
-
onMouseLeave: function () {
|
|
197
|
-
clearTimeout(delayTimeout);
|
|
198
|
-
},
|
|
199
|
-
};
|
|
185
|
+
var valueProps = (0, toolbox_1.createHoverProps)();
|
|
200
186
|
var facetClickEvent = function (e) {
|
|
201
187
|
properties.onFacetOptionClick && properties.onFacetOptionClick(e);
|
|
202
188
|
// remove focus from input (close the autocomplete)
|
|
@@ -355,21 +341,21 @@ exports.Autocomplete = (0, mobx_react_lite_1.observer)(function (properties) {
|
|
|
355
341
|
(0, react_1.jsx)("div", { className: "ss__autocomplete__terms__options", role: 'list', "aria-label": termsTitle }, terms.map(function (term, idx) { return ((0, react_1.jsx)("div", { className: (0, classnames_1.default)('ss__autocomplete__terms__option', {
|
|
356
342
|
'ss__autocomplete__terms__option--active': term.active,
|
|
357
343
|
}) },
|
|
358
|
-
(0, react_1.jsx)("a", __assign({ onClick: function (e) { return termClickEvent(e); }, href: term.url.href },
|
|
344
|
+
(0, react_1.jsx)("a", __assign({ onClick: function (e) { return termClickEvent(e); }, href: term.url.href }, (0, toolbox_1.createHoverProps)(term.preview), { role: "link", "aria-label": "item ".concat(idx + 1, " of ").concat(terms.length, ", ").concat(term.value) }), emIfy(term.value, state.input || '')))); })))) : null,
|
|
359
345
|
showTrending && !hideTrending ? ((0, react_1.jsx)("div", { className: "ss__autocomplete__terms__trending" },
|
|
360
346
|
trendingTitle ? ((0, react_1.jsx)("div", { className: "ss__autocomplete__title ss__autocomplete__title--trending" },
|
|
361
347
|
(0, react_1.jsx)("h5", null, trendingTitle))) : null,
|
|
362
348
|
(0, react_1.jsx)("div", { className: "ss__autocomplete__terms__options", role: 'list', "aria-label": trendingTitle }, trending.map(function (term, idx) { return ((0, react_1.jsx)("div", { className: (0, classnames_1.default)('ss__autocomplete__terms__option', {
|
|
363
349
|
'ss__autocomplete__terms__option--active': term.active,
|
|
364
350
|
}) },
|
|
365
|
-
(0, react_1.jsx)("a", __assign({ onClick: function (e) { return termClickEvent(e); }, href: term.url.href },
|
|
351
|
+
(0, react_1.jsx)("a", __assign({ onClick: function (e) { return termClickEvent(e); }, href: term.url.href }, (0, toolbox_1.createHoverProps)(term.preview), { role: "link", "aria-label": "item ".concat(idx + 1, " of ").concat(trending.length, ", ").concat(term.value) }), emIfy(term.value, state.input || '')))); })))) : null,
|
|
366
352
|
showHistory && !hideHistory ? ((0, react_1.jsx)("div", { className: "ss__autocomplete__terms__history" },
|
|
367
353
|
historyTitle ? ((0, react_1.jsx)("div", { className: "ss__autocomplete__title ss__autocomplete__title--history" },
|
|
368
354
|
(0, react_1.jsx)("h5", null, historyTitle))) : null,
|
|
369
355
|
(0, react_1.jsx)("div", { className: "ss__autocomplete__terms__options", role: 'list', "aria-label": historyTitle }, history.map(function (term, idx) { return ((0, react_1.jsx)("div", { className: (0, classnames_1.default)('ss__autocomplete__terms__option', {
|
|
370
356
|
'ss__autocomplete__terms__option--active': term.active,
|
|
371
357
|
}) },
|
|
372
|
-
(0, react_1.jsx)("a", __assign({ onClick: function (e) { return termClickEvent(e); }, href: term.url.href },
|
|
358
|
+
(0, react_1.jsx)("a", __assign({ onClick: function (e) { return termClickEvent(e); }, href: term.url.href }, (0, toolbox_1.createHoverProps)(term.preview), { role: "link", "aria-label": "item ".concat(idx + 1, " of ").concat(history.length, ", ").concat(term.value) }), emIfy(term.value, state.input || '')))); })))) : null)))),
|
|
373
359
|
!hideFacets &&
|
|
374
360
|
(facetsSlot ? ((0, react_1.jsx)("div", { className: "ss__autocomplete__facets" }, (0, utilities_1.cloneWithProps)(facetsSlot, { facets: facetsToShow, merchandising: merchandising, facetsTitle: facetsTitle, hideBanners: hideBanners, controller: controller, valueProps: valueProps }))) : (facetsToShow.length > 0 && ((0, react_1.jsx)(preact_1.Fragment, null,
|
|
375
361
|
facetsTitle && vertical ? ((0, react_1.jsx)("div", { className: (0, classnames_1.default)('ss__autocomplete__title', 'ss__autocomplete__title--facets') },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIjE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;yBAgBlE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBA+UE;AAeF,eAAO,MAAM,OAAO;WAAU,iBAAiB;;wBAAsD,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;CAM1H,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BranchOverride.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/BranchOverride/BranchOverride.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AA8O5D,eAAO,MAAM,cAAc,eAAgB,mBAAmB,KAAG,
|
|
1
|
+
{"version":3,"file":"BranchOverride.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/BranchOverride/BranchOverride.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AA8O5D,eAAO,MAAM,cAAc,eAAgB,mBAAmB,KAAG,WA+GhE,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,CAAC,EAAE;QACT,GAAG,EAAE,MAAM,CAAC;QACZ,YAAY,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}
|
|
@@ -222,7 +222,6 @@ var componentThemes = {
|
|
|
222
222
|
var BranchOverride = function (properties) {
|
|
223
223
|
var _a, _b, _c, _d;
|
|
224
224
|
var globalTheme = (0, providers_1.useTheme)();
|
|
225
|
-
var theme = __assign(__assign({}, globalTheme), properties.theme);
|
|
226
225
|
var props = __assign(__assign(__assign({}, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.branchOverride), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.branchOverride);
|
|
227
226
|
var name = props.name, details = props.details, error = props.error, className = props.className, darkMode = props.darkMode, disableStyles = props.disableStyles, style = props.style, onRemoveClick = props.onRemoveClick;
|
|
228
227
|
var subProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BranchOverride.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/BranchOverride/BranchOverride.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"BranchOverride.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/BranchOverride/BranchOverride.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;;;;;;;;;yBAkB7D,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBA6EE;AAEF,eAAO,MAAM,IAAI;WAAU,mBAAmB;;;;;;;;CAAiC,CAAC;AAShF,eAAO,MAAM,IAAI;WAAU,mBAAmB;;;;;;;;;CAAiC,CAAC;AAUhF,eAAO,MAAM,KAAK;WAAU,mBAAmB;;;;;;;;CAAiC,CAAC;AASjF,eAAO,MAAM,KAAK;WAAU,mBAAmB;;;;;;;;;CAAiC,CAAC"}
|
|
@@ -182,7 +182,7 @@ exports.Facet = (0, mobx_react_lite_1.observer)(function (properties) {
|
|
|
182
182
|
};
|
|
183
183
|
return (facet && ((0, react_1.jsx)(providers_1.CacheProvider, null,
|
|
184
184
|
(0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__facet', "ss__facet--".concat(facet.display), "ss__facet--".concat(facet.field), className) }),
|
|
185
|
-
(0, react_1.jsx)(Dropdown_1.Dropdown, __assign({}, subProps.dropdown, { open: disableCollapse || !(facet === null || facet === void 0 ? void 0 : facet.collapsed), onClick: function (
|
|
185
|
+
(0, react_1.jsx)(Dropdown_1.Dropdown, __assign({}, subProps.dropdown, { open: disableCollapse || !(facet === null || facet === void 0 ? void 0 : facet.collapsed), onClick: function () { return !disableCollapse && facet.toggleCollapse && (facet === null || facet === void 0 ? void 0 : facet.toggleCollapse()); }, disableA11y: true, button: (0, react_1.jsx)("div", { className: "ss__facet__header", ref: function (e) { return (0, useA11y_1.useA11y)(e, disableCollapse ? -1 : 0); }, role: "heading", "aria-level": 3, "aria-label": "currently ".concat((facet === null || facet === void 0 ? void 0 : facet.collapsed) ? 'collapsed' : 'open', " ").concat(facet.label, " facet dropdown ").concat(((_r = facet.values) === null || _r === void 0 ? void 0 : _r.length) ? ((_s = facet.values) === null || _s === void 0 ? void 0 : _s.length) + ' options' : '') }, facet === null || facet === void 0 ? void 0 :
|
|
186
186
|
facet.label,
|
|
187
187
|
!disableCollapse && (0, react_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, { icon: (facet === null || facet === void 0 ? void 0 : facet.collapsed) ? iconExpand : iconCollapse }))) }),
|
|
188
188
|
searchable && searchableFacet.allowableTypes.includes(facet.display) && ((0, react_1.jsx)(SearchInput_1.SearchInput, __assign({}, subProps.searchInput, { onChange: searchableFacet.searchFilter, placeholder: "Search ".concat(facet.label) }))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Results.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Results/Results.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Results.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Results/Results.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,+BAA+B,CAAC;AAIxF,OAAO,EAAE,cAAc,EAAU,UAAU,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAuClG,eAAO,MAAM,OAAO,gBAAyB,WAAW,KAAG,WAAW;;CA4GpE,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}
|
|
@@ -20,6 +20,7 @@ var preact_1 = require("preact");
|
|
|
20
20
|
var mobx_react_lite_1 = require("mobx-react-lite");
|
|
21
21
|
var react_1 = require("@emotion/react");
|
|
22
22
|
var classnames_1 = __importDefault(require("classnames"));
|
|
23
|
+
var deepmerge_1 = __importDefault(require("deepmerge"));
|
|
23
24
|
var snap_store_mobx_1 = require("@searchspring/snap-store-mobx");
|
|
24
25
|
var InlineBanner_1 = require("../../Atoms/Merchandising/InlineBanner");
|
|
25
26
|
var Result_1 = require("../../Molecules/Result");
|
|
@@ -81,10 +82,9 @@ exports.Results = (0, mobx_react_lite_1.observer)(function (properties) {
|
|
|
81
82
|
var props = __assign(__assign(__assign({
|
|
82
83
|
// default props
|
|
83
84
|
results: (_b = (_a = properties.controller) === null || _a === void 0 ? void 0 : _a.store) === null || _b === void 0 ? void 0 : _b.results, columns: 4, gapSize: '20px', layout: types_1.Layout.GRID, breakpoints: defaultBreakpointsProps }, (_c = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _c === void 0 ? void 0 : _c.results), properties), (_e = (_d = properties.theme) === null || _d === void 0 ? void 0 : _d.components) === null || _e === void 0 ? void 0 : _e.results);
|
|
84
|
-
var displaySettings = (0, useDisplaySettings_1.useDisplaySettings)(props.breakpoints);
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
}
|
|
85
|
+
var displaySettings = (0, useDisplaySettings_1.useDisplaySettings)((props === null || props === void 0 ? void 0 : props.breakpoints) || {});
|
|
86
|
+
var theme = (0, deepmerge_1.default)((props === null || props === void 0 ? void 0 : props.theme) || {}, (displaySettings === null || displaySettings === void 0 ? void 0 : displaySettings.theme) || {});
|
|
87
|
+
props = __assign(__assign(__assign({}, props), displaySettings), { theme: theme });
|
|
88
88
|
var disableStyles = props.disableStyles, className = props.className, layout = props.layout, style = props.style, controller = props.controller;
|
|
89
89
|
var subProps = {
|
|
90
90
|
result: __assign(__assign(__assign({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,wBAAwB,CAAC"}
|
package/dist/cjs/hooks/index.js
CHANGED
|
@@ -20,3 +20,4 @@ __exportStar(require("./useMediaQuery"), exports);
|
|
|
20
20
|
__exportStar(require("./useIntersection"), exports);
|
|
21
21
|
__exportStar(require("./useDisplaySettings"), exports);
|
|
22
22
|
__exportStar(require("./useA11y"), exports);
|
|
23
|
+
__exportStar(require("./useDeepCompareEffect"), exports);
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { EffectCallback, Inputs } from 'preact/hooks';
|
|
2
|
+
export declare function useDeepCompareMemoize<T>(value: T): T;
|
|
3
|
+
export declare function useDeepCompareEffect(callback: EffectCallback, dependencies: Inputs | undefined): void;
|
|
4
|
+
//# sourceMappingURL=useDeepCompareEffect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDeepCompareEffect.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDeepCompareEffect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAG3D,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,KAUhD;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,GAAG,SAAS,QAE9F"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useDeepCompareEffect = exports.useDeepCompareMemoize = void 0;
|
|
4
|
+
var hooks_1 = require("preact/hooks");
|
|
5
|
+
var dequal_1 = require("dequal");
|
|
6
|
+
function useDeepCompareMemoize(value) {
|
|
7
|
+
var ref = (0, hooks_1.useRef)(value);
|
|
8
|
+
var signalRef = (0, hooks_1.useRef)(0);
|
|
9
|
+
if (!(0, dequal_1.dequal)(value, ref.current)) {
|
|
10
|
+
ref.current = value;
|
|
11
|
+
signalRef.current += 1;
|
|
12
|
+
}
|
|
13
|
+
return (0, hooks_1.useMemo)(function () { return ref.current; }, [signalRef.current]);
|
|
14
|
+
}
|
|
15
|
+
exports.useDeepCompareMemoize = useDeepCompareMemoize;
|
|
16
|
+
function useDeepCompareEffect(callback, dependencies) {
|
|
17
|
+
return (0, hooks_1.useEffect)(callback, useDeepCompareMemoize(dependencies));
|
|
18
|
+
}
|
|
19
|
+
exports.useDeepCompareEffect = useDeepCompareEffect;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDisplaySettings.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDisplaySettings.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"useDisplaySettings.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDisplaySettings.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAG9D,wBAAgB,kBAAkB,CAAC,cAAc,EAAE,gBAAgB,GAAG,gBAAgB,GAAG,SAAS,CAyBjG"}
|
|
@@ -3,6 +3,7 @@ var _this = this;
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.useDisplaySettings = void 0;
|
|
5
5
|
var hooks_1 = require("preact/hooks");
|
|
6
|
+
var useDeepCompareEffect_1 = require("./useDeepCompareEffect");
|
|
6
7
|
function useDisplaySettings(breakpointsObj) {
|
|
7
8
|
if (!breakpointsObj || !Object.keys(breakpointsObj).length)
|
|
8
9
|
return;
|
|
@@ -19,6 +20,10 @@ function useDisplaySettings(breakpointsObj) {
|
|
|
19
20
|
// Remove event listener on cleanup
|
|
20
21
|
return function () { return window.removeEventListener('resize', debouncedHandleResize); };
|
|
21
22
|
}, []);
|
|
23
|
+
// when breakpointsObj changes (due to computed values)
|
|
24
|
+
(0, useDeepCompareEffect_1.useDeepCompareEffect)(function () {
|
|
25
|
+
setDisplaySettings(getDisplaySettings(breakpointsObj));
|
|
26
|
+
}, [breakpointsObj]);
|
|
22
27
|
return displaySettings;
|
|
23
28
|
}
|
|
24
29
|
exports.useDisplaySettings = useDisplaySettings;
|
package/dist/cjs/index.d.ts
CHANGED
package/dist/cjs/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oDAAoD,CAAC;AACnE,cAAc,qDAAqD,CAAC;AAGpE,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,oCAAoC,CAAC;AAGnD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,gCAAgC,CAAC;AAG/C,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oDAAoD,CAAC;AACnE,cAAc,qDAAqD,CAAC;AAGpE,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,oCAAoC,CAAC;AAGnD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,gCAAgC,CAAC;AAG/C,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,WAAW,CAAC"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const createHoverProps: (callback?: (() => void) | undefined, options?: {
|
|
2
|
+
delay?: number;
|
|
3
|
+
focusElem?: boolean;
|
|
4
|
+
}) => {
|
|
5
|
+
onMouseEnter: (e: React.MouseEvent<HTMLElement>) => void;
|
|
6
|
+
onMouseLeave: () => void;
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=createHoverProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createHoverProps.d.ts","sourceRoot":"","sources":["../../../../src/toolbox/createHoverProps/createHoverProps.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,qBAAqB,IAAI,yBAAW;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE;sBAIpF,gBAAgB,CAAC,WAAW,CAAC;;CAWhD,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createHoverProps = void 0;
|
|
4
|
+
var createHoverProps = function (callback, options) {
|
|
5
|
+
if (options === void 0) { options = { delay: 333, focusElem: true }; }
|
|
6
|
+
var delayTimeout;
|
|
7
|
+
return {
|
|
8
|
+
onMouseEnter: function (e) {
|
|
9
|
+
clearTimeout(delayTimeout);
|
|
10
|
+
delayTimeout = window.setTimeout(function () {
|
|
11
|
+
options.focusElem && e.target.focus();
|
|
12
|
+
callback && callback();
|
|
13
|
+
}, options.delay || 333);
|
|
14
|
+
},
|
|
15
|
+
onMouseLeave: function () {
|
|
16
|
+
clearTimeout(delayTimeout);
|
|
17
|
+
},
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
exports.createHoverProps = createHoverProps;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toolbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./createHoverProps/createHoverProps"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cloneWithProps.d.ts","sourceRoot":"","sources":["../../../src/utilities/cloneWithProps.
|
|
1
|
+
{"version":3,"file":"cloneWithProps.d.ts","sourceRoot":"","sources":["../../../src/utilities/cloneWithProps.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,UAAW,GAAG,UAAU,GAAG,KAAG,GAgBxD,CAAC"}
|