@openwebf/react-cupertino-ui 0.2.0

package/dist/index.js

@@ -0,0 +1,782 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  FlutterCupertinoButton: () => FlutterCupertinoButton,
+  FlutterCupertinoCheckbox: () => FlutterCupertinoCheckbox,
+  FlutterCupertinoContextMenu: () => FlutterCupertinoContextMenu,
+  FlutterCupertinoDatePicker: () => FlutterCupertinoDatePicker,
+  FlutterCupertinoIcon: () => FlutterCupertinoIcon,
+  FlutterCupertinoInput: () => FlutterCupertinoInput,
+  FlutterCupertinoModalPopup: () => FlutterCupertinoModalPopup,
+  FlutterCupertinoPicker: () => FlutterCupertinoPicker,
+  FlutterCupertinoRadio: () => FlutterCupertinoRadio,
+  FlutterCupertinoSearchInput: () => FlutterCupertinoSearchInput,
+  FlutterCupertinoSlider: () => FlutterCupertinoSlider,
+  FlutterCupertinoSwitch: () => FlutterCupertinoSwitch,
+  FlutterCupertinoTab: () => FlutterCupertinoTab,
+  FlutterCupertinoTabBar: () => FlutterCupertinoTabBar,
+  FlutterCupertinoTabBarItem: () => FlutterCupertinoTabBarItem,
+  FlutterCupertinoTabItem: () => FlutterCupertinoTabItem,
+  FlutterCupertinoTextarea: () => FlutterCupertinoTextarea,
+  FlutterCupertinoTimerPicker: () => FlutterCupertinoTimerPicker,
+  createComponent: () => createComponent
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/lib/src/timer-picker.tsx
+var import_react_core_ui = require("@openwebf/react-core-ui");
+var FlutterCupertinoTimerPicker = (0, import_react_core_ui.createWebFComponent)({
+  tagName: "flutter-cupertino-timer-picker",
+  displayName: "FlutterCupertinoTimerPicker",
+  // Map props to attributes
+  attributeProps: [
+    "mode",
+    "initialTimerDuration",
+    "minuteInterval",
+    "secondInterval",
+    "backgroundColor",
+    "height"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    initialTimerDuration: "initial-timer-duration",
+    minuteInterval: "minute-interval",
+    secondInterval: "second-interval",
+    backgroundColor: "background-color"
+  },
+  // Event handlers
+  events: [
+    {
+      propName: "onChange",
+      eventName: "change",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    }
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+
+// src/lib/src/textarea.tsx
+var import_react_core_ui2 = require("@openwebf/react-core-ui");
+var FlutterCupertinoTextarea = (0, import_react_core_ui2.createWebFComponent)({
+  tagName: "flutter-cupertino-textarea",
+  displayName: "FlutterCupertinoTextarea",
+  // Map props to attributes
+  attributeProps: [
+    "val",
+    "placeholder",
+    "disabled",
+    "readonly",
+    "maxLength",
+    "rows",
+    "showCount",
+    "autoSize",
+    "transparent"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    maxLength: "max-length",
+    showCount: "show-count",
+    autoSize: "auto-size"
+  },
+  // Event handlers
+  events: [
+    {
+      propName: "onInput",
+      eventName: "input",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    },
+    {
+      propName: "onComplete",
+      eventName: "complete",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    }
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+
+// src/lib/src/tab_bar.tsx
+var import_react_core_ui3 = require("@openwebf/react-core-ui");
+var FlutterCupertinoTabBar = (0, import_react_core_ui3.createWebFComponent)({
+  tagName: "flutter-cupertino-tab-bar",
+  displayName: "FlutterCupertinoTabBar",
+  // Map props to attributes
+  attributeProps: [
+    "currentIndex",
+    "backgroundColor",
+    "activeColor",
+    "inactiveColor",
+    "iconSize",
+    "height"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    currentIndex: "current-index",
+    backgroundColor: "background-color",
+    activeColor: "active-color",
+    inactiveColor: "inactive-color",
+    iconSize: "icon-size"
+  },
+  // Event handlers
+  events: [
+    {
+      propName: "onTabchange",
+      eventName: "tabchange",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    }
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+var FlutterCupertinoTabBarItem = (0, import_react_core_ui3.createWebFComponent)({
+  tagName: "flutter-cupertino-tab-bar-item",
+  displayName: "FlutterCupertinoTabBarItem",
+  // Map props to attributes
+  attributeProps: [
+    "title",
+    "icon",
+    "path"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {},
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+
+// src/lib/src/tab.tsx
+var import_react_core_ui4 = require("@openwebf/react-core-ui");
+var FlutterCupertinoTab = (0, import_react_core_ui4.createWebFComponent)({
+  tagName: "flutter-cupertino-tab",
+  displayName: "FlutterCupertinoTab",
+  // Map props to attributes
+  attributeProps: [],
+  // Convert prop names to attribute names if needed
+  attributeMap: {},
+  // Event handlers
+  events: [
+    {
+      propName: "onChange",
+      eventName: "change",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    }
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+var FlutterCupertinoTabItem = (0, import_react_core_ui4.createWebFComponent)({
+  tagName: "flutter-cupertino-tab-item",
+  displayName: "FlutterCupertinoTabItem",
+  // Map props to attributes
+  attributeProps: [
+    "title"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {},
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+
+// src/lib/src/switch.tsx
+var import_react_core_ui5 = require("@openwebf/react-core-ui");
+var FlutterCupertinoSwitch = (0, import_react_core_ui5.createWebFComponent)({
+  tagName: "flutter-cupertino-switch",
+  displayName: "FlutterCupertinoSwitch",
+  // Map props to attributes
+  attributeProps: [
+    "checked",
+    "disabled",
+    "activeColor",
+    "inactiveColor"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    activeColor: "active-color",
+    inactiveColor: "inactive-color"
+  },
+  // Event handlers
+  events: [
+    {
+      propName: "onChange",
+      eventName: "change",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    }
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+
+// src/lib/src/slider.tsx
+var import_react_core_ui6 = require("@openwebf/react-core-ui");
+var FlutterCupertinoSlider = (0, import_react_core_ui6.createWebFComponent)({
+  tagName: "flutter-cupertino-slider",
+  displayName: "FlutterCupertinoSlider",
+  // Map props to attributes
+  attributeProps: [
+    "val",
+    "min",
+    "max",
+    "step",
+    "disabled"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {},
+  // Event handlers
+  events: [
+    {
+      propName: "onChange",
+      eventName: "change",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    },
+    {
+      propName: "onChangestart",
+      eventName: "changestart",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    },
+    {
+      propName: "onChangeend",
+      eventName: "changeend",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    }
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+
+// src/lib/src/search-input.tsx
+var import_react_core_ui7 = require("@openwebf/react-core-ui");
+var FlutterCupertinoSearchInput = (0, import_react_core_ui7.createWebFComponent)({
+  tagName: "flutter-cupertino-search-input",
+  displayName: "FlutterCupertinoSearchInput",
+  // Map props to attributes
+  attributeProps: [
+    "val",
+    "placeholder",
+    "disabled",
+    "type",
+    "prefixIcon",
+    "suffixIcon",
+    "suffixModel",
+    "itemColor",
+    "itemSize",
+    "autofocus"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    prefixIcon: "prefix-icon",
+    suffixIcon: "suffix-icon",
+    suffixModel: "suffix-model",
+    itemColor: "item-color",
+    itemSize: "item-size"
+  },
+  // Event handlers
+  events: [
+    {
+      propName: "onInput",
+      eventName: "input",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    },
+    {
+      propName: "onSearch",
+      eventName: "search",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    },
+    {
+      propName: "onClear",
+      eventName: "clear",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    }
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+
+// src/lib/src/radio.tsx
+var import_react_core_ui8 = require("@openwebf/react-core-ui");
+var FlutterCupertinoRadio = (0, import_react_core_ui8.createWebFComponent)({
+  tagName: "flutter-cupertino-radio",
+  displayName: "FlutterCupertinoRadio",
+  // Map props to attributes
+  attributeProps: [
+    "val",
+    "groupValue",
+    "useCheckmarkStyle",
+    "disabled",
+    "activeColor",
+    "focusColor"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    groupValue: "group-value",
+    useCheckmarkStyle: "use-checkmark-style",
+    activeColor: "active-color",
+    focusColor: "focus-color"
+  },
+  // Event handlers
+  events: [
+    {
+      propName: "onChange",
+      eventName: "change",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    }
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+
+// src/lib/src/picker.tsx
+var import_react_core_ui9 = require("@openwebf/react-core-ui");
+var FlutterCupertinoPicker = (0, import_react_core_ui9.createWebFComponent)({
+  tagName: "flutter-cupertino-picker",
+  displayName: "FlutterCupertinoPicker",
+  // Map props to attributes
+  attributeProps: [
+    "height",
+    "itemHeight"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    itemHeight: "item-height"
+  },
+  // Event handlers
+  events: [
+    {
+      propName: "onChange",
+      eventName: "change",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    }
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+
+// src/lib/src/modal-popup.tsx
+var import_react_core_ui10 = require("@openwebf/react-core-ui");
+var FlutterCupertinoModalPopup = (0, import_react_core_ui10.createWebFComponent)({
+  tagName: "flutter-cupertino-modal-popup",
+  displayName: "FlutterCupertinoModalPopup",
+  // Map props to attributes
+  attributeProps: [
+    "visible",
+    "height",
+    "surfacePainted",
+    "maskClosable",
+    "backgroundOpacity"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    surfacePainted: "surface-painted",
+    maskClosable: "mask-closable",
+    backgroundOpacity: "background-opacity"
+  },
+  // Event handlers
+  events: [
+    {
+      propName: "onClose",
+      eventName: "close",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    }
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+
+// src/lib/src/input.tsx
+var import_react_core_ui11 = require("@openwebf/react-core-ui");
+var FlutterCupertinoInput = (0, import_react_core_ui11.createWebFComponent)({
+  tagName: "flutter-cupertino-input",
+  displayName: "FlutterCupertinoInput",
+  // Map props to attributes
+  attributeProps: [
+    "val",
+    "placeholder",
+    "type",
+    "disabled",
+    "autofocus",
+    "clearable",
+    "maxlength",
+    "readonly"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {},
+  // Event handlers
+  events: [
+    {
+      propName: "onInput",
+      eventName: "input",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    },
+    {
+      propName: "onSubmit",
+      eventName: "submit",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    }
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+
+// src/lib/src/icon.tsx
+var import_react_core_ui12 = require("@openwebf/react-core-ui");
+var FlutterCupertinoIcon = (0, import_react_core_ui12.createWebFComponent)({
+  tagName: "flutter-cupertino-icon",
+  displayName: "FlutterCupertinoIcon",
+  // Map props to attributes
+  attributeProps: [
+    "type",
+    "label"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {},
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+
+// src/lib/src/date-picker.tsx
+var import_react_core_ui13 = require("@openwebf/react-core-ui");
+var FlutterCupertinoDatePicker = (0, import_react_core_ui13.createWebFComponent)({
+  tagName: "flutter-cupertino-date-picker",
+  displayName: "FlutterCupertinoDatePicker",
+  // Map props to attributes
+  attributeProps: [
+    "mode",
+    "minimumDate",
+    "maximumDate",
+    "minuteInterval",
+    "value",
+    "minimumYear",
+    "maximumYear",
+    "showDayOfWeek",
+    "dateOrder",
+    "height",
+    "use24H"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    minimumDate: "minimum-date",
+    maximumDate: "maximum-date",
+    minuteInterval: "minute-interval",
+    minimumYear: "minimum-year",
+    maximumYear: "maximum-year",
+    showDayOfWeek: "show-day-of-week",
+    dateOrder: "date-order",
+    use24H: "use-24-h"
+  },
+  // Event handlers
+  events: [
+    {
+      propName: "onChange",
+      eventName: "change",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    }
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+
+// src/lib/src/context-menu.tsx
+var import_react_core_ui14 = require("@openwebf/react-core-ui");
+var FlutterCupertinoContextMenu = (0, import_react_core_ui14.createWebFComponent)({
+  tagName: "flutter-cupertino-context-menu",
+  displayName: "FlutterCupertinoContextMenu",
+  // Map props to attributes
+  attributeProps: [
+    "enableHapticFeedback"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    enableHapticFeedback: "enable-haptic-feedback"
+  },
+  // Event handlers
+  events: [],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+
+// src/lib/src/checkbox.tsx
+var import_react_core_ui15 = require("@openwebf/react-core-ui");
+var FlutterCupertinoCheckbox = (0, import_react_core_ui15.createWebFComponent)({
+  tagName: "flutter-cupertino-checkbox",
+  displayName: "FlutterCupertinoCheckbox",
+  // Map props to attributes
+  attributeProps: [
+    "val",
+    "disabled",
+    "activeColor",
+    "checkColor",
+    "focusColor",
+    "fillColorSelected",
+    "fillColorDisabled"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    activeColor: "active-color",
+    checkColor: "check-color",
+    focusColor: "focus-color",
+    fillColorSelected: "fill-color-selected",
+    fillColorDisabled: "fill-color-disabled"
+  },
+  // Event handlers
+  events: [
+    {
+      propName: "onChange",
+      eventName: "change",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    }
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+
+// src/lib/src/button.tsx
+var import_react_core_ui16 = require("@openwebf/react-core-ui");
+var FlutterCupertinoButton = (0, import_react_core_ui16.createWebFComponent)({
+  tagName: "flutter-cupertino-button",
+  displayName: "FlutterCupertinoButton",
+  // Map props to attributes
+  attributeProps: [
+    "variant",
+    "size",
+    "disabled",
+    "pressedOpacity"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    pressedOpacity: "pressed-opacity"
+  },
+  // Event handlers
+  events: [
+    {
+      propName: "onClick",
+      eventName: "click",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    }
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+
+// src/utils/createComponent.ts
+var import_react = require("react");
+var NODE_MODE = false;
+var reservedReactProperties = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "className"]);
+var listenedEvents = /* @__PURE__ */ new WeakMap();
+var addOrUpdateEventListener = (node, event, listener) => {
+  let events = listenedEvents.get(node);
+  if (events === void 0) {
+    listenedEvents.set(node, events = /* @__PURE__ */ new Map());
+  }
+  let handler = events.get(event);
+  if (listener !== void 0) {
+    if (handler === void 0) {
+      events.set(event, handler = { handleEvent: listener });
+      node.addEventListener(event, handler);
+    } else {
+      handler.handleEvent = listener;
+    }
+  } else if (handler !== void 0) {
+    events.delete(event);
+    node.removeEventListener(event, handler);
+  }
+};
+var setProperty = (node, name, value, old, events) => {
+  const event = events?.[name];
+  if (event !== void 0) {
+    if (value !== old) {
+      addOrUpdateEventListener(node, event, value);
+    }
+    return;
+  }
+  node[name] = value;
+  if ((value === void 0 || value === null) && name in HTMLElement.prototype) {
+    node.removeAttribute(name);
+  }
+};
+var createComponent = ({
+  tagName,
+  events,
+  displayName
+}) => {
+  const eventProps = new Set(Object.keys(events ?? {}));
+  const ReactComponent = (0, import_react.forwardRef)((props, ref) => {
+    const prevElemPropsRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+    const elementRef = (0, import_react.useRef)(null);
+    const reactProps = {};
+    const elementProps = {};
+    for (const [k, v] of Object.entries(props)) {
+      if (reservedReactProperties.has(k)) {
+        reactProps[k === "className" ? "class" : k] = v;
+        continue;
+      }
+      if (eventProps.has(k)) {
+        elementProps[k] = v;
+        continue;
+      }
+      reactProps[k] = v;
+    }
+    (0, import_react.useLayoutEffect)(() => {
+      if (elementRef.current === null) {
+        return;
+      }
+      const newElemProps = /* @__PURE__ */ new Map();
+      for (const key in elementProps) {
+        setProperty(elementRef.current, key, props[key], prevElemPropsRef.current.get(key), events);
+        prevElemPropsRef.current.delete(key);
+        newElemProps.set(key, props[key]);
+      }
+      for (const [key, value] of prevElemPropsRef.current) {
+        setProperty(elementRef.current, key, void 0, value, events);
+      }
+      prevElemPropsRef.current = newElemProps;
+    });
+    (0, import_react.useLayoutEffect)(() => {
+      elementRef.current?.removeAttribute("defer-hydration");
+    }, []);
+    if (NODE_MODE) {
+      if ((import_react.createElement.name === "litPatchedCreateElement" || globalThis.litSsrReactEnabled) && Object.keys(elementProps).length) {
+        reactProps["_$litProps$"] = elementProps;
+      }
+    } else {
+      reactProps["suppressHydrationWarning"] = true;
+    }
+    return (0, import_react.createElement)(tagName, {
+      ...reactProps,
+      ref: (0, import_react.useCallback)(
+        (node) => {
+          elementRef.current = node;
+          if (typeof ref === "function") {
+            ref(node);
+          } else if (ref !== null) {
+            ref.current = node;
+          }
+        },
+        [ref]
+      )
+    });
+  });
+  ReactComponent.displayName = displayName;
+  return ReactComponent;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FlutterCupertinoButton,
+  FlutterCupertinoCheckbox,
+  FlutterCupertinoContextMenu,
+  FlutterCupertinoDatePicker,
+  FlutterCupertinoIcon,
+  FlutterCupertinoInput,
+  FlutterCupertinoModalPopup,
+  FlutterCupertinoPicker,
+  FlutterCupertinoRadio,
+  FlutterCupertinoSearchInput,
+  FlutterCupertinoSlider,
+  FlutterCupertinoSwitch,
+  FlutterCupertinoTab,
+  FlutterCupertinoTabBar,
+  FlutterCupertinoTabBarItem,
+  FlutterCupertinoTabItem,
+  FlutterCupertinoTextarea,
+  FlutterCupertinoTimerPicker,
+  createComponent
+});
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+//# sourceMappingURL=index.js.map