iticket-seatingplan-dev 1.5.3 → 1.5.4

package/dist/components/Badge.js

@@ -1,16 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Badge = props => {
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "badge ".concat(!props.value ? 'badge--none' : '', " ")
-  }, /*#__PURE__*/_react.default.createElement("h4", {
-    className: "heavy"
-  }, props.value || 0));
-};
-var _default = exports.default = Badge;
+import React from 'react'
+const Badge = (props) => {
+  return (
+    <div className={`badge ${!props.value ? 'badge--none' : ''} `}>
+      <h4 className="heavy">{props.value || 0}</h4>
+    </div>
+  )
+}
+export default Badge

package/dist/components/Button.js

@@ -1,20 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Button = props => {
-  return /*#__PURE__*/_react.default.createElement("button", {
-    className: "btn btn--".concat(props.kind, " CTA"),
-    "data-id": props.id,
-    type: props.type,
-    name: props.name,
-    value: props.value,
-    disabled: props.disabled,
-    onClick: props.handleClick
-  }, /*#__PURE__*/_react.default.createElement("h4", null, props.label));
-};
-var _default = exports.default = Button;
+import React from 'react'
+const Button = (props) => {
+  return (
+    <button
+      className={`btn btn--${props.kind} CTA`}
+      data-id={props.id}
+      type={props.type}
+      name={props.name}
+      value={props.value}
+      disabled={props.disabled}
+      onClick={props.handleClick}
+    >
+      <h4>{props.label}</h4>
+    </button>
+  )
+}
+export default Button

package/dist/components/Flexi.tsx

@@ -0,0 +1,59 @@
+import { useState } from "react";
+import { Price } from "../utils/types";
+import { NZDollar } from "../utils";
+
+export default function Flexi({
+  price,
+  onClose,
+  buttonText,
+  onConfirm,
+  isOpen,
+  panMap,
+}: {
+  price: Price;
+  onClose: () => void;
+  buttonText: string;
+  onConfirm: (newPrice: number) => void;
+  isOpen?: boolean;
+  panMap?: () => void;
+}) {
+  const [value, setValue] = useState(price.p ?? price.pMin);
+
+  return (
+    <div className="flexi-popup-content">
+      <div
+        className={isOpen ? "flexi-content open" : "flexi-content"}
+        onTransitionEnd={() => {
+          if (isOpen && panMap) {
+            panMap();
+          }
+        }}
+      >
+        <div className="slider-container">
+          <p className="value">{NZDollar.format(value)}</p>
+          <input
+            type="range"
+            className="slider"
+            min={price.pMin}
+            max={price.pMax}
+            value={value.toString()}
+            onChange={(e) => setValue(parseInt(e.target.value))}
+          />
+          <div className="min-max">
+            <p>{NZDollar.format(price.pMin)}</p>
+            <p>{NZDollar.format(price.pMax)}</p>
+          </div>
+        </div>
+        <button
+          className="add-cart"
+          onClick={() => {
+            onConfirm(value);
+            onClose();
+          }}
+        >
+          {buttonText}
+        </button>
+      </div>
+    </div>
+  );
+}