@openwebf/react-cupertino-ui 0.2.0

package/dist/index.mjs

@@ -0,0 +1,737 @@
+// src/lib/src/timer-picker.tsx
+import { createWebFComponent } from "@openwebf/react-core-ui";
+var FlutterCupertinoTimerPicker = 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
+import { createWebFComponent as createWebFComponent2 } from "@openwebf/react-core-ui";
+var FlutterCupertinoTextarea = createWebFComponent2({
+  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
+import { createWebFComponent as createWebFComponent3 } from "@openwebf/react-core-ui";
+var FlutterCupertinoTabBar = createWebFComponent3({
+  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 = createWebFComponent3({
+  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
+import { createWebFComponent as createWebFComponent4 } from "@openwebf/react-core-ui";
+var FlutterCupertinoTab = createWebFComponent4({
+  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 = createWebFComponent4({
+  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
+import { createWebFComponent as createWebFComponent5 } from "@openwebf/react-core-ui";
+var FlutterCupertinoSwitch = createWebFComponent5({
+  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
+import { createWebFComponent as createWebFComponent6 } from "@openwebf/react-core-ui";
+var FlutterCupertinoSlider = createWebFComponent6({
+  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
+import { createWebFComponent as createWebFComponent7 } from "@openwebf/react-core-ui";
+var FlutterCupertinoSearchInput = createWebFComponent7({
+  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
+import { createWebFComponent as createWebFComponent8 } from "@openwebf/react-core-ui";
+var FlutterCupertinoRadio = createWebFComponent8({
+  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
+import { createWebFComponent as createWebFComponent9 } from "@openwebf/react-core-ui";
+var FlutterCupertinoPicker = createWebFComponent9({
+  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
+import { createWebFComponent as createWebFComponent10 } from "@openwebf/react-core-ui";
+var FlutterCupertinoModalPopup = createWebFComponent10({
+  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
+import { createWebFComponent as createWebFComponent11 } from "@openwebf/react-core-ui";
+var FlutterCupertinoInput = createWebFComponent11({
+  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
+import { createWebFComponent as createWebFComponent12 } from "@openwebf/react-core-ui";
+var FlutterCupertinoIcon = createWebFComponent12({
+  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
+import { createWebFComponent as createWebFComponent13 } from "@openwebf/react-core-ui";
+var FlutterCupertinoDatePicker = createWebFComponent13({
+  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
+import { createWebFComponent as createWebFComponent14 } from "@openwebf/react-core-ui";
+var FlutterCupertinoContextMenu = createWebFComponent14({
+  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
+import { createWebFComponent as createWebFComponent15 } from "@openwebf/react-core-ui";
+var FlutterCupertinoCheckbox = createWebFComponent15({
+  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
+import { createWebFComponent as createWebFComponent16 } from "@openwebf/react-core-ui";
+var FlutterCupertinoButton = createWebFComponent16({
+  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
+import { forwardRef, useLayoutEffect, createElement, useCallback, useRef } from "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 = forwardRef((props, ref) => {
+    const prevElemPropsRef = useRef(/* @__PURE__ */ new Map());
+    const elementRef = 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;
+    }
+    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;
+    });
+    useLayoutEffect(() => {
+      elementRef.current?.removeAttribute("defer-hydration");
+    }, []);
+    if (NODE_MODE) {
+      if ((createElement.name === "litPatchedCreateElement" || globalThis.litSsrReactEnabled) && Object.keys(elementProps).length) {
+        reactProps["_$litProps$"] = elementProps;
+      }
+    } else {
+      reactProps["suppressHydrationWarning"] = true;
+    }
+    return createElement(tagName, {
+      ...reactProps,
+      ref: useCallback(
+        (node) => {
+          elementRef.current = node;
+          if (typeof ref === "function") {
+            ref(node);
+          } else if (ref !== null) {
+            ref.current = node;
+          }
+        },
+        [ref]
+      )
+    });
+  });
+  ReactComponent.displayName = displayName;
+  return ReactComponent;
+};
+export {
+  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.mjs.map