@happychef/reservation-sidebar 2.0.3 → 2.0.4
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.js +8 -7
- package/dist/index.mjs +8 -7
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -4349,9 +4349,10 @@ var FormField = ({
|
|
|
4349
4349
|
const t = getSection(translations_default, "formField");
|
|
4350
4350
|
const selectPlaceholderText = selectPlaceholder || t.selectPlaceholder;
|
|
4351
4351
|
const [showTooltip, setShowTooltip] = React.useState(false);
|
|
4352
|
-
const tooltipRef = React.useRef
|
|
4353
|
-
const timerRef = React.useRef
|
|
4352
|
+
const tooltipRef = React.useRef(null);
|
|
4353
|
+
const timerRef = React.useRef(null);
|
|
4354
4354
|
const RightIconComponent = rightIcon2;
|
|
4355
|
+
const Icon = icon;
|
|
4355
4356
|
React.useEffect(() => {
|
|
4356
4357
|
const handleClickOutside = (e) => {
|
|
4357
4358
|
if (tooltipRef.current && !tooltipRef.current.contains(e.target)) {
|
|
@@ -4419,13 +4420,13 @@ var FormField = ({
|
|
|
4419
4420
|
style: {
|
|
4420
4421
|
position: "absolute",
|
|
4421
4422
|
bottom: "100%",
|
|
4422
|
-
right,
|
|
4423
|
+
right: 0,
|
|
4423
4424
|
backgroundColor: "#fff",
|
|
4424
4425
|
color: "#333",
|
|
4425
4426
|
borderRadius: "8px",
|
|
4426
4427
|
fontSize: "0.9rem",
|
|
4427
4428
|
boxShadow: "0px 4px 10px rgba(0,0,0,0.15)",
|
|
4428
|
-
zIndex,
|
|
4429
|
+
zIndex: 1e3,
|
|
4429
4430
|
marginBottom: "8px",
|
|
4430
4431
|
minWidth: "220px",
|
|
4431
4432
|
overflow: "hidden"
|
|
@@ -4437,13 +4438,13 @@ var FormField = ({
|
|
|
4437
4438
|
className: "lottie-container",
|
|
4438
4439
|
style: {
|
|
4439
4440
|
position: "absolute",
|
|
4440
|
-
top,
|
|
4441
|
+
top: 0,
|
|
4441
4442
|
right: "1px",
|
|
4442
4443
|
width: "calc(100% + 30px)",
|
|
4443
4444
|
height: "100%",
|
|
4444
4445
|
marginRight: "-100px",
|
|
4445
4446
|
pointerEvents: "none",
|
|
4446
|
-
zIndex
|
|
4447
|
+
zIndex: 1
|
|
4447
4448
|
}
|
|
4448
4449
|
},
|
|
4449
4450
|
/* @__PURE__ */ React__default.default.createElement(
|
|
@@ -4455,7 +4456,7 @@ var FormField = ({
|
|
|
4455
4456
|
}
|
|
4456
4457
|
)
|
|
4457
4458
|
),
|
|
4458
|
-
/* @__PURE__ */ React__default.default.createElement("div", { style: { position: "relative", zIndex, padding: "12px 20px" } }, /* @__PURE__ */ React__default.default.createElement(
|
|
4459
|
+
/* @__PURE__ */ React__default.default.createElement("div", { style: { position: "relative", zIndex: 2, padding: "12px 20px" } }, /* @__PURE__ */ React__default.default.createElement(
|
|
4459
4460
|
"div",
|
|
4460
4461
|
{
|
|
4461
4462
|
style: {
|
package/dist/index.mjs
CHANGED
|
@@ -4340,9 +4340,10 @@ var FormField = ({
|
|
|
4340
4340
|
const t = getSection(translations_default, "formField");
|
|
4341
4341
|
const selectPlaceholderText = selectPlaceholder || t.selectPlaceholder;
|
|
4342
4342
|
const [showTooltip, setShowTooltip] = useState(false);
|
|
4343
|
-
const tooltipRef = useRef
|
|
4344
|
-
const timerRef = useRef
|
|
4343
|
+
const tooltipRef = useRef(null);
|
|
4344
|
+
const timerRef = useRef(null);
|
|
4345
4345
|
const RightIconComponent = rightIcon2;
|
|
4346
|
+
const Icon = icon;
|
|
4346
4347
|
useEffect(() => {
|
|
4347
4348
|
const handleClickOutside = (e) => {
|
|
4348
4349
|
if (tooltipRef.current && !tooltipRef.current.contains(e.target)) {
|
|
@@ -4410,13 +4411,13 @@ var FormField = ({
|
|
|
4410
4411
|
style: {
|
|
4411
4412
|
position: "absolute",
|
|
4412
4413
|
bottom: "100%",
|
|
4413
|
-
right,
|
|
4414
|
+
right: 0,
|
|
4414
4415
|
backgroundColor: "#fff",
|
|
4415
4416
|
color: "#333",
|
|
4416
4417
|
borderRadius: "8px",
|
|
4417
4418
|
fontSize: "0.9rem",
|
|
4418
4419
|
boxShadow: "0px 4px 10px rgba(0,0,0,0.15)",
|
|
4419
|
-
zIndex,
|
|
4420
|
+
zIndex: 1e3,
|
|
4420
4421
|
marginBottom: "8px",
|
|
4421
4422
|
minWidth: "220px",
|
|
4422
4423
|
overflow: "hidden"
|
|
@@ -4428,13 +4429,13 @@ var FormField = ({
|
|
|
4428
4429
|
className: "lottie-container",
|
|
4429
4430
|
style: {
|
|
4430
4431
|
position: "absolute",
|
|
4431
|
-
top,
|
|
4432
|
+
top: 0,
|
|
4432
4433
|
right: "1px",
|
|
4433
4434
|
width: "calc(100% + 30px)",
|
|
4434
4435
|
height: "100%",
|
|
4435
4436
|
marginRight: "-100px",
|
|
4436
4437
|
pointerEvents: "none",
|
|
4437
|
-
zIndex
|
|
4438
|
+
zIndex: 1
|
|
4438
4439
|
}
|
|
4439
4440
|
},
|
|
4440
4441
|
/* @__PURE__ */ React.createElement(
|
|
@@ -4446,7 +4447,7 @@ var FormField = ({
|
|
|
4446
4447
|
}
|
|
4447
4448
|
)
|
|
4448
4449
|
),
|
|
4449
|
-
/* @__PURE__ */ React.createElement("div", { style: { position: "relative", zIndex, padding: "12px 20px" } }, /* @__PURE__ */ React.createElement(
|
|
4450
|
+
/* @__PURE__ */ React.createElement("div", { style: { position: "relative", zIndex: 2, padding: "12px 20px" } }, /* @__PURE__ */ React.createElement(
|
|
4450
4451
|
"div",
|
|
4451
4452
|
{
|
|
4452
4453
|
style: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@happychef/reservation-sidebar",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.4",
|
|
4
4
|
"description": "A compound component for managing restaurant reservations - JavaScript version with independent styles",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|