@jetshop/ui 5.17.0-alpha.dbb7bf86 → 5.17.0-alpha.dcb4049b
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/CategoryLink.js +1 -1
- package/CategoryLink.js.map +1 -1
- package/ErrorBoundary/Generic.d.ts +1 -1
- package/Gallery/Gallery.js +8 -9
- package/Gallery/Gallery.js.map +1 -1
- package/Loading/LoadingBar.js +3 -3
- package/Loading/LoadingBar.js.map +1 -1
- package/PreOrderDateSelector/PreOrderDateSelector.d.ts +4 -1
- package/PreOrderDateSelector/PreOrderDateSelector.js +3 -3
- package/PreOrderDateSelector/PreOrderDateSelector.js.map +1 -1
- package/Stock/StockStatusContainer.d.ts +1 -1
- package/Stock/StockStatusContainer.js +5 -5
- package/Stock/StockStatusContainer.js.map +1 -1
- package/WindowGrid/WindowGrid.js +1 -1
- package/WindowGrid/WindowGrid.js.map +1 -1
- package/package.json +8 -10
- package/Image/B2BImage.d.ts +0 -50
- package/Image/B2BImage.js +0 -53
- package/Image/B2BImage.js.map +0 -1
package/CategoryLink.js
CHANGED
|
@@ -34,7 +34,7 @@ const CategoryLink = (_a) => {
|
|
|
34
34
|
type: 'Category',
|
|
35
35
|
id
|
|
36
36
|
}
|
|
37
|
-
}, innerRef: intentRef, onTouchStart: categoryPreload }), children ? children : name));
|
|
37
|
+
}, innerRef: intentRef, onTouchStart: categoryPreload, onMouseEnter: categoryPreload }), children ? children : name));
|
|
38
38
|
}
|
|
39
39
|
else
|
|
40
40
|
return null;
|
package/CategoryLink.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CategoryLink.js","sourceRoot":"","sources":["CategoryLink.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAgB,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAMxD,MAAM,YAAY,GAAG,CAAC,EAIF,EAAE,EAAE;QAJF,EACpB,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EACpC,QAAQ,OAEU,EADf,KAAK,cAHY,wBAIrB,CADS;IAER,MAAM,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IACtC,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,OAAO,CAAC;YACN,QAAQ,EAAE,YAAY,IAAI,YAAY,CAAC,IAAI;YAC3C,SAAS,EAAE,UAAU;SACtB,CAAC,CAAC;IACL,CAAC,CAAC;IACF,MAAM,CAAC,EAAE,SAAS,CAAC,GAAG,cAAc,CAAC;QACnC,OAAO,EAAE,GAAG,EAAE;YACZ,eAAe,EAAE,CAAC;QACpB,CAAC;KACF,CAAC,CAAC;IAEH,IAAI,YAAY,IAAI,YAAY,CAAC,IAAI,EAAE;QACrC,OAAO,CACL,oBAAC,OAAO,oBACF,KAAK,IACT,EAAE,EAAE;gBACF,QAAQ,EAAE,YAAY,CAAC,IAAI;gBAC3B,KAAK,EAAE;oBACL,IAAI,EAAE,UAAU;oBAChB,EAAE;iBACH;aACF,EACD,QAAQ,EAAE,SAAgB,EAC1B,YAAY,EAAE,eAAe,KAE5B,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACnB,CACX,CAAC;KACH;;QAAM,OAAO,IAAI,CAAC;AACrB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"CategoryLink.js","sourceRoot":"","sources":["CategoryLink.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAgB,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAMxD,MAAM,YAAY,GAAG,CAAC,EAIF,EAAE,EAAE;QAJF,EACpB,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EACpC,QAAQ,OAEU,EADf,KAAK,cAHY,wBAIrB,CADS;IAER,MAAM,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IACtC,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,OAAO,CAAC;YACN,QAAQ,EAAE,YAAY,IAAI,YAAY,CAAC,IAAI;YAC3C,SAAS,EAAE,UAAU;SACtB,CAAC,CAAC;IACL,CAAC,CAAC;IACF,MAAM,CAAC,EAAE,SAAS,CAAC,GAAG,cAAc,CAAC;QACnC,OAAO,EAAE,GAAG,EAAE;YACZ,eAAe,EAAE,CAAC;QACpB,CAAC;KACF,CAAC,CAAC;IAEH,IAAI,YAAY,IAAI,YAAY,CAAC,IAAI,EAAE;QACrC,OAAO,CACL,oBAAC,OAAO,oBACF,KAAK,IACT,EAAE,EAAE;gBACF,QAAQ,EAAE,YAAY,CAAC,IAAI;gBAC3B,KAAK,EAAE;oBACL,IAAI,EAAE,UAAU;oBAChB,EAAE;iBACH;aACF,EACD,QAAQ,EAAE,SAAgB,EAC1B,YAAY,EAAE,eAAe,EAC7B,YAAY,EAAE,eAAe,KAE5B,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACnB,CACX,CAAC;KACH;;QAAM,OAAO,IAAI,CAAC;AACrB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -13,6 +13,6 @@ declare class ErrorBoundary extends React.Component<BoundaryErrorProps, Boundary
|
|
|
13
13
|
state: BoundaryErrorState;
|
|
14
14
|
static defaultProps: Partial<BoundaryErrorProps>;
|
|
15
15
|
componentDidCatch(error: Error, info: React.ErrorInfo): void;
|
|
16
|
-
render(): string | number | boolean | React.
|
|
16
|
+
render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element;
|
|
17
17
|
}
|
|
18
18
|
export default ErrorBoundary;
|
package/Gallery/Gallery.js
CHANGED
|
@@ -24,7 +24,7 @@ const wrapperStyles = css `
|
|
|
24
24
|
max-height: 100vh;
|
|
25
25
|
}
|
|
26
26
|
.image-gallery {
|
|
27
|
-
z-index:
|
|
27
|
+
z-index: 3;
|
|
28
28
|
}
|
|
29
29
|
.image-gallery-image {
|
|
30
30
|
text-align: center;
|
|
@@ -44,15 +44,14 @@ const wrapperStyles = css `
|
|
|
44
44
|
height: 2.5rem;
|
|
45
45
|
width: 2.5rem;
|
|
46
46
|
border-radius: 50%;
|
|
47
|
-
background: rgba(255, 255, 255, 0.4);
|
|
48
|
-
transition: background 0.3s ease-in-out;
|
|
49
47
|
margin: 0 0.5rem;
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
48
|
+
filter: none;
|
|
49
|
+
.image-gallery-svg {
|
|
50
|
+
color: #333333;
|
|
51
|
+
height: 30px;
|
|
52
|
+
polyline {
|
|
53
|
+
color: #333333;
|
|
54
|
+
}
|
|
56
55
|
}
|
|
57
56
|
}
|
|
58
57
|
.image-gallery-fullscreen-button {
|
package/Gallery/Gallery.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Gallery.js","sourceRoot":"","sources":["Gallery.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,kDAAkD,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,cAAc,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAsClE,MAAM,aAAa,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"Gallery.js","sourceRoot":"","sources":["Gallery.tsx"],"names":[],"mappings":"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"}
|
package/Loading/LoadingBar.js
CHANGED
|
@@ -4,7 +4,7 @@ import { styled } from 'linaria/react';
|
|
|
4
4
|
import React, { useEffect, useState } from 'react';
|
|
5
5
|
import ReactDOM from 'react-dom';
|
|
6
6
|
import { withRouter } from 'react-router';
|
|
7
|
-
import { useApolloNetworkStatus } from '
|
|
7
|
+
import { useApolloNetworkStatus } from '@jetshop/core/boot/NetworkStatusNotifier';
|
|
8
8
|
const canUseDOM = !!(typeof window !== 'undefined' &&
|
|
9
9
|
window.document &&
|
|
10
10
|
window.document.createElement);
|
|
@@ -31,9 +31,9 @@ const Container = function Container({ progress, className, color }) {
|
|
|
31
31
|
background: color
|
|
32
32
|
} })));
|
|
33
33
|
};
|
|
34
|
-
const MemoizedNProgress =
|
|
34
|
+
const MemoizedNProgress = ({ loading, color }) => {
|
|
35
35
|
return (React.createElement(NProgress, { isAnimating: loading }, ({ isFinished, progress }) => (React.createElement(Container, { progress: progress, className: isFinished && 'is-finished', color: color }))));
|
|
36
|
-
}
|
|
36
|
+
};
|
|
37
37
|
const LoadingBarClient = function LoadingBarClient(props) {
|
|
38
38
|
const [mounted, setMounted] = useState(false);
|
|
39
39
|
useEffect(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingBar.js","sourceRoot":"","sources":["LoadingBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAuB,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"LoadingBar.js","sourceRoot":"","sources":["LoadingBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAuB,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAalF,MAAM,SAAS,GAAG,CAAC,CAAC,CAClB,OAAO,MAAM,KAAK,WAAW;IAC7B,MAAM,CAAC,QAAQ;IACf,MAAM,CAAC,QAAQ,CAAC,aAAa,CAC9B,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;CAW1B,CAAC;AAEF,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;CAGxB,CAAC;AAEF,MAAM,SAAS,GAA6B,SAAS,SAAS,CAAC,EAC7D,QAAQ,EACR,SAAS,EACT,KAAK,EACN;IACC,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC;QAC5C,oBAAC,GAAG,IACF,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE;gBACL,KAAK,EAAE,GAAG,QAAQ,GAAG,GAAG,GAAG;gBAC3B,UAAU,EAAE,KAAK;aAClB,GACD,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAGlB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1B,OAAO,CACL,oBAAC,SAAS,IAAC,WAAW,EAAE,OAAO,IAC5B,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC7B,oBAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,UAAU,IAAI,aAAa,EACtC,KAAK,EAAE,KAAK,GACZ,CACH,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAA8B,SAAS,gBAAgB,CAC3E,KAAK;IAEL,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,sBAAsB,CAAC;QACpC,qBAAqB,EAAE,CAAC,SAAc,EAAE,EAAE,CACxC,SAAS,CAAC,UAAU,EAAE,CAAC,wBAAwB,KAAK,KAAK;KAC5D,CAAC,CAAC;IAEH,OAAO,CACL,OAAO;QACP,SAAS;QACT,QAAQ,CAAC,YAAY,CACnB,oBAAC,iBAAiB,IAChB,OAAO,EAAE,MAAM,CAAC,mBAAmB,GAAG,MAAM,CAAC,iBAAiB,GAAG,CAAC,EAClE,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,EACvB,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,EACF,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAChC,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAA8B,SAAS,UAAU,CAAC,KAAK;IACrE,IAAI,aAAa,EAAE;QACjB,OAAO,IAAI,CAAC;KACb;SAAM;QACL,OAAO,oBAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAC;KACxC;AACH,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC,UAAU,CAAC,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="hoist-non-react-statics" />
|
|
1
2
|
import React from 'react';
|
|
2
3
|
type PreOrderDropdownType = {
|
|
3
4
|
values: PreOrderDatesType[];
|
|
@@ -16,5 +17,7 @@ type PreOrderDatesType = {
|
|
|
16
17
|
};
|
|
17
18
|
export declare const PreOrderDropdown: ({ values, selectedDate, selectDate }: PreOrderDropdownType) => React.JSX.Element;
|
|
18
19
|
export declare const PreOrderInput: ({ value, selectDate, callback, className }: PreOrderInputType) => React.JSX.Element;
|
|
19
|
-
declare const _default: React.
|
|
20
|
+
declare const _default: React.FC<unknown> & import("hoist-non-react-statics").NonReactStatics<React.ComponentClass<{
|
|
21
|
+
formik: import("formik").FormikContextType<{}>;
|
|
22
|
+
}, any>, {}>;
|
|
20
23
|
export default _default;
|
|
@@ -22,13 +22,13 @@ export const PreOrderDropdown = ({ values, selectedDate, selectDate }) => (React
|
|
|
22
22
|
React.createElement(DropdownItems, { values: values, selectDate: selectDate })));
|
|
23
23
|
const DropdownItems = ({ values, selectDate }) => {
|
|
24
24
|
const { setIsOpen } = useDropdownMenu();
|
|
25
|
-
return (React.createElement(DropdownMenuItems, { style: { zIndex: 9999 } }, values.map(value => {
|
|
25
|
+
return (React.createElement(DropdownMenuItems, { style: { zIndex: 9999 } }, values.map((value) => {
|
|
26
26
|
return (React.createElement(DropdownMenuItem, { key: value.value },
|
|
27
27
|
React.createElement(PreOrderInput, { value: value, selectDate: selectDate, callback: () => setIsOpen(false) })));
|
|
28
28
|
})));
|
|
29
29
|
};
|
|
30
30
|
export const PreOrderInput = ({ value, selectDate = () => { }, callback = () => { }, className = '' }) => (React.createElement(Field, { name: "preOrder", type: "radio", value: value.value, render: ({ field, form: { values, validateForm } }) => (React.createElement(Label, { className: className },
|
|
31
|
-
React.createElement("input", Object.assign({}, field, { type: "radio", required: true, onChange: e => {
|
|
31
|
+
React.createElement("input", Object.assign({}, field, { type: "radio", required: true, onChange: (e) => {
|
|
32
32
|
field.onChange(e);
|
|
33
33
|
selectDate(value.value);
|
|
34
34
|
const newValues = Object.assign(Object.assign({}, values), { preOrder: value.value });
|
|
@@ -42,7 +42,7 @@ const PreOrderDateSelector = ({ product, children, formik, dates, SelectorCompon
|
|
|
42
42
|
const [selectedDate, selectDate] = useState(defaultValue);
|
|
43
43
|
const { preOrder } = product;
|
|
44
44
|
if (!preOrder) {
|
|
45
|
-
console.
|
|
45
|
+
console.log('`preOrder` has not been defined on the product page GraphQL fragment.');
|
|
46
46
|
return null;
|
|
47
47
|
}
|
|
48
48
|
const { fromDate, toDate } = preOrder;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreOrderDateSelector.js","sourceRoot":"","sources":["PreOrderDateSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAc,OAAO,EAAE,MAAM,QAAQ,CAAC;AAgCpD,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;;;;;;;;;;;;CAa5B,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,MAAM,EACN,YAAY,EACZ,UAAU,EACW,EAAE,EAAE,CAAC,CAC1B,oBAAC,YAAY;IACX,oBAAC,kBAAkB,IAAC,EAAE,EAAC,kBAAkB,IACtC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAC3C;IACrB,oBAAC,aAAa,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAI,CAC5C,CAChB,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EACrB,MAAM,EACN,UAAU,EACoB,EAAE,EAAE;IAClC,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAC;IACxC,OAAO,CACL,oBAAC,iBAAiB,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,IACvC,MAAM,CAAC,GAAG,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"PreOrderDateSelector.js","sourceRoot":"","sources":["PreOrderDateSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,12 +10,12 @@ export interface StockStatusContainerProps {
|
|
|
10
10
|
children(args: StockStatusContainerRender): React.ReactNode;
|
|
11
11
|
product: Product;
|
|
12
12
|
}
|
|
13
|
-
declare function StockStatusContainer({ product, children }: StockStatusContainerProps): React.ReactNode;
|
|
14
13
|
/**
|
|
15
14
|
* deprectaed
|
|
16
15
|
* @deprecated deprecated in favor of jetshop/core/hooks/useStockStatus
|
|
17
16
|
* @returns StockStatusContainerRender
|
|
18
17
|
*/
|
|
18
|
+
declare function StockStatusContainer({ product, children }: StockStatusContainerProps): React.ReactNode;
|
|
19
19
|
declare function useStockStatus(product: Product | ProductVariant): StockStatusContainerRender;
|
|
20
20
|
export default StockStatusContainer;
|
|
21
21
|
export { useStockStatus };
|
|
@@ -5,6 +5,11 @@ function getStatus(statusObject) {
|
|
|
5
5
|
? 'notifyWhenBack'
|
|
6
6
|
: 'outOfStock';
|
|
7
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* deprectaed
|
|
10
|
+
* @deprecated deprecated in favor of jetshop/core/hooks/useStockStatus
|
|
11
|
+
* @returns StockStatusContainerRender
|
|
12
|
+
*/
|
|
8
13
|
function StockStatusContainer({ product, children }) {
|
|
9
14
|
const { status, text, maxOrderQuantity, stockDate } = useStockStatus(product);
|
|
10
15
|
if (!status)
|
|
@@ -17,11 +22,6 @@ function StockStatusContainer({ product, children }) {
|
|
|
17
22
|
stockDate
|
|
18
23
|
});
|
|
19
24
|
}
|
|
20
|
-
/**
|
|
21
|
-
* deprectaed
|
|
22
|
-
* @deprecated deprecated in favor of jetshop/core/hooks/useStockStatus
|
|
23
|
-
* @returns StockStatusContainerRender
|
|
24
|
-
*/
|
|
25
25
|
function useStockStatus(product) {
|
|
26
26
|
const stockStatus = product === null || product === void 0 ? void 0 : product.stockStatus;
|
|
27
27
|
if (!stockStatus) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StockStatusContainer.js","sourceRoot":"","sources":["StockStatusContainer.tsx"],"names":[],"mappings":"AAoBA,SAAS,SAAS,CAChB,YAAyB;IAEzB,OAAO,YAAY,CAAC,OAAO;QACzB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,YAAY,CAAC,wBAAwB;YACvC,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,YAAY,CAAC;AACnB,CAAC;AAED,SAAS,oBAAoB,CAAC,EAC5B,OAAO,EACP,QAAQ,EACkB;IAC1B,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAE9E,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,4BAA4B;IAC5B,OAAO,QAAQ,CAAC;QACd,MAAM;QACN,IAAI;QACJ,gBAAgB;QAChB,SAAS;KACV,CAAC,CAAC;AACL,CAAC;AAED
|
|
1
|
+
{"version":3,"file":"StockStatusContainer.js","sourceRoot":"","sources":["StockStatusContainer.tsx"],"names":[],"mappings":"AAoBA,SAAS,SAAS,CAChB,YAAyB;IAEzB,OAAO,YAAY,CAAC,OAAO;QACzB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,YAAY,CAAC,wBAAwB;YACvC,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,YAAY,CAAC;AACnB,CAAC;AAED;;;;GAIG;AACH,SAAS,oBAAoB,CAAC,EAC5B,OAAO,EACP,QAAQ,EACkB;IAC1B,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAE9E,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,4BAA4B;IAC5B,OAAO,QAAQ,CAAC;QACd,MAAM;QACN,IAAI;QACJ,gBAAgB;QAChB,SAAS;KACV,CAAC,CAAC;AACL,CAAC;AAED,SAAS,cAAc,CACrB,OAAiC;IAEjC,MAAM,WAAW,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;IAEzC,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,CAAC,IAAI,CAAC,kDAAkD,CAAC,CAAC;QACjE,OAAO;YACL,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,IAAI;YACV,gBAAgB,EAAE,IAAI;YACtB,SAAS,EAAE,IAAI;SAChB,CAAC;KACH;IAED,OAAO;QACL,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC;QAC9B,IAAI,EAAE,WAAW,CAAC,IAAI,IAAI,IAAI;QAC9B,gBAAgB,EAAE,WAAW,CAAC,gBAAgB;QAC9C,SAAS,EAAE,WAAW,CAAC,SAAS;KACjC,CAAC;AACJ,CAAC;AAED,eAAe,oBAAoB,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
package/WindowGrid/WindowGrid.js
CHANGED
|
@@ -14,7 +14,7 @@ import getBreakpointsFromValues from '@jetshop/core/helpers/getBreakpointsFromVa
|
|
|
14
14
|
import { Above } from '@jetshop/ui/Breakpoints';
|
|
15
15
|
import { cx } from 'linaria';
|
|
16
16
|
import React, { useCallback, useContext, useEffect, useState } from 'react';
|
|
17
|
-
import { SnappyReactGrid } from 'snappy-react-grid';
|
|
17
|
+
import { SnappyReactGrid } from '@jetshop/snappy-react-grid';
|
|
18
18
|
import { useShopConfig } from '@jetshop/core/hooks/useShopConfig';
|
|
19
19
|
const SnappyReactGridWithId = SnappyReactGrid;
|
|
20
20
|
function WindowGridInner({ id, items, className = '', prevOffset, itemsPerRow = 0, component }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WindowGrid.js","sourceRoot":"","sources":["WindowGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,iBAAiB,MAAM,uDAAuD,CAAC;AACtF,OAAO,wBAAwB,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"WindowGrid.js","sourceRoot":"","sources":["WindowGrid.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jetshop/ui",
|
|
3
|
-
"version": "5.17.0-alpha.
|
|
3
|
+
"version": "5.17.0-alpha.dcb4049b",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"files": [
|
|
6
6
|
"**/*.js",
|
|
@@ -31,8 +31,7 @@
|
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@
|
|
35
|
-
"create-react-class": "^15.6.3",
|
|
34
|
+
"@jetshop/snappy-react-grid": "1.0.1",
|
|
36
35
|
"formik": "^2.2.9",
|
|
37
36
|
"fuse.js": "^3.4.5",
|
|
38
37
|
"lodash.debounce": "^4.0.8",
|
|
@@ -40,20 +39,19 @@
|
|
|
40
39
|
"prop-types": "^15.6.2",
|
|
41
40
|
"react-animate-height": "^3.0.4",
|
|
42
41
|
"react-apollo-network-status": "^5.2.1",
|
|
43
|
-
"react-image-gallery": "^
|
|
44
|
-
"react-intersection-observer": "^
|
|
45
|
-
"react-modal": "^3.
|
|
46
|
-
"react-tooltip-lite": "^1.9.3",
|
|
42
|
+
"react-image-gallery": "^1.2.12",
|
|
43
|
+
"react-intersection-observer": "^9.5.2",
|
|
44
|
+
"react-modal": "^3.16.1",
|
|
47
45
|
"react-window": "^1.8.5",
|
|
48
|
-
"
|
|
49
|
-
"use-resize-observer": "hyperlab/use-resize-observer#875ee3ee7ba1bc3b2d06d7f78316028608a25a41"
|
|
46
|
+
"use-resize-observer": "^9.1.0"
|
|
50
47
|
},
|
|
51
48
|
"devDependencies": {
|
|
52
49
|
"@types/lodash.debounce": "^4.0.4",
|
|
53
50
|
"@types/react": "^18",
|
|
54
51
|
"@types/react-dom": "^18",
|
|
55
52
|
"@types/react-image-gallery": "^0.9.1",
|
|
56
|
-
"@types/react-modal": "^3.
|
|
53
|
+
"@types/react-modal": "^3.16.0",
|
|
54
|
+
"@types/react-window": "^1.8.1",
|
|
57
55
|
"jest-dom": "^3.4.0",
|
|
58
56
|
"lint-staged": "^8.1.5",
|
|
59
57
|
"prettier": "^2.3.2",
|
package/Image/B2BImage.d.ts
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import React, { PropsWithChildren } from 'react';
|
|
2
|
-
import { ProductImageSize } from '@jetshop/core/types';
|
|
3
|
-
export type ImageSrcType = string | ProductImageSize[];
|
|
4
|
-
export type BreakpointValues = string[];
|
|
5
|
-
export type ImageBreakpointSize = number | string;
|
|
6
|
-
export type ImageBreakpointSizes = ImageBreakpointSize | ImageBreakpointSize[];
|
|
7
|
-
export type AspectRatio = string | number;
|
|
8
|
-
export type Gravity = 'north' | 'south' | 'west' | 'east' | 'centre' | 'smart';
|
|
9
|
-
export declare const transparentDataImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
|
|
10
|
-
interface ImageParameters {
|
|
11
|
-
/** The image src
|
|
12
|
-
* Also accepts an array of objects with `url` keys (deprecated image field)
|
|
13
|
-
*/
|
|
14
|
-
src: ImageSrcType;
|
|
15
|
-
/**
|
|
16
|
-
* Whether to crop the image instead of resizing it when aspect ratio is provided
|
|
17
|
-
* @default false
|
|
18
|
-
*/
|
|
19
|
-
crop?: boolean;
|
|
20
|
-
gravity?: Gravity;
|
|
21
|
-
quality?: number;
|
|
22
|
-
/** An array of image sizes, will be mapped against breakpoints.
|
|
23
|
-
* @see https://docs.dev.jetshop.se/ui/image#the-sizes-prop
|
|
24
|
-
*/
|
|
25
|
-
sizes: ImageBreakpointSizes;
|
|
26
|
-
/**
|
|
27
|
-
* The aspect ratio of the image
|
|
28
|
-
* If unknown, use null to preserve original aspect ratio
|
|
29
|
-
*/
|
|
30
|
-
aspect?: string;
|
|
31
|
-
critical?: boolean;
|
|
32
|
-
modifiedDate?: string;
|
|
33
|
-
}
|
|
34
|
-
interface ImageProps extends ImageParameters {
|
|
35
|
-
/** Whether or not to use `background-size: cover` */
|
|
36
|
-
cover?: boolean;
|
|
37
|
-
error?: (args: any) => React.ReactElement<any>;
|
|
38
|
-
alt?: string;
|
|
39
|
-
title?: string;
|
|
40
|
-
/**
|
|
41
|
-
* Useful for banner images. Sets the following CSS automatically:
|
|
42
|
-
* object-fit: cover
|
|
43
|
-
* padding-top: 0;
|
|
44
|
-
*/
|
|
45
|
-
fillAvailableSpace?: boolean;
|
|
46
|
-
className?: string;
|
|
47
|
-
badges?: React.ReactElement<any>;
|
|
48
|
-
}
|
|
49
|
-
declare function B2BImage({ modifiedDate, ...props }: PropsWithChildren<ImageProps>): React.JSX.Element;
|
|
50
|
-
export default B2BImage;
|
package/Image/B2BImage.js
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import Image from './BaseImage';
|
|
13
|
-
import React from 'react';
|
|
14
|
-
import { useConstructImage } from './useConstructImage';
|
|
15
|
-
export const transparentDataImg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
|
|
16
|
-
function Error() {
|
|
17
|
-
return (React.createElement("div", { style: {
|
|
18
|
-
background: '#e2e2e2',
|
|
19
|
-
display: 'flex',
|
|
20
|
-
justifyContent: 'center',
|
|
21
|
-
alignItems: 'center',
|
|
22
|
-
position: `absolute`,
|
|
23
|
-
top: 0,
|
|
24
|
-
left: 0,
|
|
25
|
-
width: `100%`,
|
|
26
|
-
height: `100%`
|
|
27
|
-
} }, "Image not found"));
|
|
28
|
-
}
|
|
29
|
-
function B2BImage(_a) {
|
|
30
|
-
var { modifiedDate } = _a, props = __rest(_a, ["modifiedDate"]);
|
|
31
|
-
const { gravity, crop, src: originalSrc, sizes: sizesArray = [1], aspect, quality, critical } = props;
|
|
32
|
-
const { src, hasFalsySrc, lqip, sizes, srcset, webpSrcset } = useConstructImage({
|
|
33
|
-
gravity,
|
|
34
|
-
crop,
|
|
35
|
-
src: originalSrc,
|
|
36
|
-
sizes: sizesArray,
|
|
37
|
-
aspect,
|
|
38
|
-
quality,
|
|
39
|
-
critical,
|
|
40
|
-
modifiedDate,
|
|
41
|
-
breakpoints: {
|
|
42
|
-
xs: '20rem',
|
|
43
|
-
sm: '40rem',
|
|
44
|
-
md: '50rem',
|
|
45
|
-
lg: '64rem',
|
|
46
|
-
xl: '80rem'
|
|
47
|
-
},
|
|
48
|
-
baseUrl: ''
|
|
49
|
-
});
|
|
50
|
-
return (React.createElement(Image, Object.assign({}, props, { src: src, hasFalsySrc: hasFalsySrc, lqip: lqip, sizes: sizes, srcset: srcset, webpSrcset: webpSrcset, error: Error })));
|
|
51
|
-
}
|
|
52
|
-
export default B2BImage;
|
|
53
|
-
//# sourceMappingURL=B2BImage.js.map
|
package/Image/B2BImage.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"B2BImage.js","sourceRoot":"","sources":["B2BImage.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAUxD,MAAM,CAAC,MAAM,kBAAkB,GAC7B,oHAAoH,CAAC;AA4CvH,SAAS,KAAK;IACZ,OAAO,CACL,6BACE,KAAK,EAAE;YACL,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;SACf,sBAGG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAAyD;QAAzD,EAAE,YAAY,OAA2C,EAAtC,KAAK,cAAxB,gBAA0B,CAAF;IACxC,MAAM,EACJ,OAAO,EACP,IAAI,EACJ,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,EACvB,MAAM,EACN,OAAO,EACP,QAAQ,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,GACzD,iBAAiB,CAAC;QAChB,OAAO;QACP,IAAI;QACJ,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,UAAU;QACjB,MAAM;QACN,OAAO;QACP,QAAQ;QACR,YAAY;QACZ,WAAW,EAAE;YACX,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;SACZ;QACD,OAAO,EAAE,EAAE;KACZ,CAAC,CAAC;IAEL,OAAO,CACL,oBAAC,KAAK,oBACA,KAAK,IACT,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC"}
|