@rahmatsaputra-my-id/react-js-library 0.0.87 → 0.0.89
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/index.es.js
CHANGED
|
@@ -156652,7 +156652,7 @@ var styles$8 = {
|
|
|
156652
156652
|
|
|
156653
156653
|
var ImageSlider = function (_a) {
|
|
156654
156654
|
var _b, _c;
|
|
156655
|
-
var images$1 = _a.images, style = _a.style;
|
|
156655
|
+
var images$1 = _a.images, style = _a.style, showIndicator = _a.showIndicator;
|
|
156656
156656
|
var _d = useState(0), currentIndex = _d[0], setCurrentIndex = _d[1];
|
|
156657
156657
|
var _e = useState(false), isPreviewVisible = _e[0], setIsPreviewVisible = _e[1];
|
|
156658
156658
|
var startX = useRef(0);
|
|
@@ -156716,7 +156716,7 @@ var ImageSlider = function (_a) {
|
|
|
156716
156716
|
var currentTarget = _a.currentTarget;
|
|
156717
156717
|
currentTarget.onerror = null;
|
|
156718
156718
|
currentTarget.src = images.image_not_available;
|
|
156719
|
-
} }), jsxs("div", __assign({ style: styles$8.counter }, { children: [currentIndex + 1, " / ", images$1.length] }))] }))) : (jsx(Images, { src: '', style: __assign(__assign({}, styles$8.imageNotAvailable), style) })), jsx(PhotoPreviewModal, { visible: isPreviewVisible, onDismiss: function () { return setIsPreviewVisible(false); }, imageUrl: images$1.length > 0
|
|
156719
|
+
} }), showIndicator && (jsxs("div", __assign({ style: styles$8.counter }, { children: [currentIndex + 1, " / ", images$1.length] })))] }))) : (jsx(Images, { src: '', style: __assign(__assign({}, styles$8.imageNotAvailable), style) })), jsx(PhotoPreviewModal, { visible: isPreviewVisible, onDismiss: function () { return setIsPreviewVisible(false); }, imageUrl: images$1.length > 0
|
|
156720
156720
|
? (_c = images$1 === null || images$1 === void 0 ? void 0 : images$1[currentIndex]) === null || _c === void 0 ? void 0 : _c.file
|
|
156721
156721
|
: images.image_not_available })] }));
|
|
156722
156722
|
};
|
|
@@ -185796,7 +185796,7 @@ var styles = {
|
|
|
185796
185796
|
backgroundColor: colors.white,
|
|
185797
185797
|
padding: 8,
|
|
185798
185798
|
borderRadius: 4,
|
|
185799
|
-
border: "
|
|
185799
|
+
border: "2px solid ".concat(colors.black),
|
|
185800
185800
|
},
|
|
185801
185801
|
container: {
|
|
185802
185802
|
display: 'flex',
|
package/dist/index.js
CHANGED
|
@@ -156661,7 +156661,7 @@ var styles$8 = {
|
|
|
156661
156661
|
|
|
156662
156662
|
var ImageSlider = function (_a) {
|
|
156663
156663
|
var _b, _c;
|
|
156664
|
-
var images$1 = _a.images, style = _a.style;
|
|
156664
|
+
var images$1 = _a.images, style = _a.style, showIndicator = _a.showIndicator;
|
|
156665
156665
|
var _d = React.useState(0), currentIndex = _d[0], setCurrentIndex = _d[1];
|
|
156666
156666
|
var _e = React.useState(false), isPreviewVisible = _e[0], setIsPreviewVisible = _e[1];
|
|
156667
156667
|
var startX = React.useRef(0);
|
|
@@ -156725,7 +156725,7 @@ var ImageSlider = function (_a) {
|
|
|
156725
156725
|
var currentTarget = _a.currentTarget;
|
|
156726
156726
|
currentTarget.onerror = null;
|
|
156727
156727
|
currentTarget.src = images.image_not_available;
|
|
156728
|
-
} }), jsxRuntime.jsxs("div", __assign({ style: styles$8.counter }, { children: [currentIndex + 1, " / ", images$1.length] }))] }))) : (jsxRuntime.jsx(Images, { src: '', style: __assign(__assign({}, styles$8.imageNotAvailable), style) })), jsxRuntime.jsx(PhotoPreviewModal, { visible: isPreviewVisible, onDismiss: function () { return setIsPreviewVisible(false); }, imageUrl: images$1.length > 0
|
|
156728
|
+
} }), showIndicator && (jsxRuntime.jsxs("div", __assign({ style: styles$8.counter }, { children: [currentIndex + 1, " / ", images$1.length] })))] }))) : (jsxRuntime.jsx(Images, { src: '', style: __assign(__assign({}, styles$8.imageNotAvailable), style) })), jsxRuntime.jsx(PhotoPreviewModal, { visible: isPreviewVisible, onDismiss: function () { return setIsPreviewVisible(false); }, imageUrl: images$1.length > 0
|
|
156729
156729
|
? (_c = images$1 === null || images$1 === void 0 ? void 0 : images$1[currentIndex]) === null || _c === void 0 ? void 0 : _c.file
|
|
156730
156730
|
: images.image_not_available })] }));
|
|
156731
156731
|
};
|
|
@@ -185805,7 +185805,7 @@ var styles = {
|
|
|
185805
185805
|
backgroundColor: colors.white,
|
|
185806
185806
|
padding: 8,
|
|
185807
185807
|
borderRadius: 4,
|
|
185808
|
-
border: "
|
|
185808
|
+
border: "2px solid ".concat(colors.black),
|
|
185809
185809
|
},
|
|
185810
185810
|
container: {
|
|
185811
185811
|
display: 'flex',
|