@pisell/private-materials 6.2.24 → 6.2.26

package/lib/components/ticketBooking/components/bookingDataPanel/index.less

@@ -0,0 +1,61 @@
+.pisell-ticket-booking-data-panel {
+  position: relative;
+  height: 100%;
+  .pisell-lowcode-tabs-tabpane, .pisell-lowcode-tabs-content{
+    height: 100%;
+  }
+  .pisell-lowcode-tabs {
+    width: 100%;
+    height: 100%;
+  }
+  .pisell-lowcode-tabs-content-holder {
+    overflow: auto;
+  }
+  .pisell-ticket-booking-data-panel-tab-extra {
+    padding: 12px;
+    color: rgb(152, 162, 179);
+    font-size: 20px;
+    cursor: pointer;
+  }
+  .pisell-ticket-booking-data-panel-mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.85);
+    z-index: 9;
+  }
+  .pisell-lowcode-dropdown-trigger {
+    background: rgba(255, 255, 255, 0.07);
+    color: var(--Gray-400, #98a2b3);
+    border: none;
+    box-shadow: none;
+  }
+  .pisell-lowcode-sort-button-active {
+    background-color: var(--Primary-100, #F4EBFF);
+  }
+  .pisell-lowcode-badge {
+    color: inherit;
+  }
+  .pisell-lowcode-tabs-top>.pisell-lowcode-tabs-nav::before {
+    border-bottom: 1px solid var(--Gray-600, #475467);
+  }
+  
+  .pisell-lowcode-tabs {
+    .pisell-lowcode-tabs-tab {
+      color: #fff;
+      .pisell-lowcode-tab-bar-label {
+        color: inherit !important;
+        font-size: 14px;
+        font-weight: 600;
+        line-height: 20px;
+      }
+    }
+    .pisell-lowcode-input-lg {
+      background: rgba(255, 255, 255, 0.07);
+      border: none;
+      color: #fff;
+    }
+  }
+}

package/lib/components/ticketBooking/components/bookingDataPanel/pisellFloatingPanel/index.js

@@ -0,0 +1,84 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ticketBooking/components/bookingDataPanel/pisellFloatingPanel/index.tsx
+var pisellFloatingPanel_exports = {};
+__export(pisellFloatingPanel_exports, {
+  default: () => pisellFloatingPanel_default
+});
+module.exports = __toCommonJS(pisellFloatingPanel_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import__ = __toESM(require("../index"));
+var PisellFloatingPanel = (0, import_react.forwardRef)((props, ref) => {
+  const { currentDate, onBookingClick, bookingId } = props;
+  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
+  const bookingDataPanelRef = (0, import_react.useRef)(null);
+  const floationgPanelProps = (0, import_react.useMemo)(() => {
+    return {
+      fullHeight: "calc(100% - 62px)",
+      retractHeight: "0px",
+      defaultOpen: isOpen,
+      style: {
+        background: "var(--Gray-950, #0C111D)",
+        width: "470px",
+        height: "100%",
+        zIndex: "1000",
+        left: "16px"
+      },
+      retractIconStyle: {
+        color: "#fff",
+        fontSize: "20px"
+      },
+      width: "470px",
+      isFloat: true,
+      onOpenChange: (open) => {
+        setIsOpen(open);
+      }
+    };
+  }, []);
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    open: () => {
+      var _a;
+      (_a = bookingDataPanelRef.current) == null ? void 0 : _a.refresh();
+      setIsOpen(true);
+    },
+    close: () => {
+      setIsOpen(false);
+    },
+    refresh: () => {
+      var _a;
+      (_a = bookingDataPanelRef.current) == null ? void 0 : _a.refresh();
+    },
+    getIsOpen: () => {
+      return isOpen;
+    }
+  }));
+  return /* @__PURE__ */ import_react.default.createElement(import_materials.PisellFloatingPanel, { ...floationgPanelProps, open: isOpen }, /* @__PURE__ */ import_react.default.createElement(import__.default, { currentDate, bookingId, onBookingClick, ref: bookingDataPanelRef }));
+});
+var pisellFloatingPanel_default = (0, import_react.memo)(PisellFloatingPanel);

package/lib/components/ticketBooking/components/floatButtons/index.js

@@ -0,0 +1,52 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ticketBooking/components/floatButtons/index.tsx
+var floatButtons_exports = {};
+__export(floatButtons_exports, {
+  default: () => floatButtons_default
+});
+module.exports = __toCommonJS(floatButtons_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_index = require("./index.less");
+var FloatButtons = (props) => {
+  const { items } = props;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "ticket-booking-float-buttons" }, items.map((item) => /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Button,
+    {
+      key: item.key,
+      type: "primary",
+      icon: item.icon,
+      shape: "circle",
+      size: "large",
+      onClick: item.onClick
+    }
+  )));
+};
+var floatButtons_default = FloatButtons;

package/lib/components/ticketBooking/components/floatButtons/index.less

@@ -0,0 +1,17 @@
+.ticket-booking-float-buttons {
+  position: absolute;
+  bottom: 24px;
+  right: 33px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  .pisell-lowcode-btn {
+    width: 54px;
+    height: 54px;
+    box-shadow: 0 1.813px 3.625px 0 rgba(16, 24, 40, 0.05);
+    background-color: #7F56DA;
+    .anticon {
+        font-size: 29px;
+    }
+  }
+}