@openwebf/react-cupertino-ui 0.2.10 → 0.2.11

package/dist/index.d.mts

@@ -35,7 +35,7 @@ interface FlutterCupertinoTimerPickerProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<number>) => void;
     /**
      * HTML id attribute
      */
@@ -123,7 +123,7 @@ interface FlutterCupertinoTextareaProps {
     /**
      * input event handler
      */
-    onInput?: (event: CustomEvent) => void;
+    onInput?: (event: CustomEvent<string>) => void;
     /**
      * complete event handler
      */
@@ -219,7 +219,7 @@ interface FlutterCupertinoTabBarProps {
     /**
      * tabchange event handler
      */
-    onTabchange?: (event: CustomEvent) => void;
+    onTabchange?: (event: CustomEvent<number>) => void;
     /**
      * HTML id attribute
      */
@@ -331,7 +331,7 @@ interface FlutterCupertinoTabProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<number>) => void;
     /**
      * HTML id attribute
      */
@@ -437,7 +437,7 @@ interface FlutterCupertinoSwitchProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<boolean>) => void;
     /**
      * HTML id attribute
      */
@@ -505,15 +505,15 @@ interface FlutterCupertinoSliderProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<number>) => void;
     /**
      * changestart event handler
      */
-    onChangestart?: (event: CustomEvent) => void;
+    onChangestart?: (event: CustomEvent<number>) => void;
     /**
      * changeend event handler
      */
-    onChangeend?: (event: CustomEvent) => void;
+    onChangeend?: (event: CustomEvent<number>) => void;
     /**
      * HTML id attribute
      */
@@ -622,11 +622,11 @@ interface FlutterCupertinoSearchInputProps {
     /**
      * input event handler
      */
-    onInput?: (event: CustomEvent) => void;
+    onInput?: (event: CustomEvent<string>) => void;
     /**
      * search event handler
      */
-    onSearch?: (event: CustomEvent) => void;
+    onSearch?: (event: CustomEvent<string>) => void;
     /**
      * clear event handler
      */
@@ -723,7 +723,7 @@ interface FlutterCupertinoRadioProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<string>) => void;
     /**
      * HTML id attribute
      */
@@ -776,7 +776,7 @@ interface FlutterCupertinoPickerProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<string>) => void;
     /**
      * HTML id attribute
      */
@@ -943,11 +943,11 @@ interface FlutterCupertinoInputProps {
     /**
      * input event handler
      */
-    onInput?: (event: CustomEvent) => void;
+    onInput?: (event: CustomEvent<string>) => void;
     /**
      * submit event handler
      */
-    onSubmit?: (event: CustomEvent) => void;
+    onSubmit?: (event: CustomEvent<string>) => void;
     /**
      * HTML id attribute
      */
@@ -1113,7 +1113,7 @@ interface FlutterCupertinoDatePickerProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<string>) => void;
     /**
      * HTML id attribute
      */
@@ -1258,7 +1258,7 @@ interface FlutterCupertinoCheckboxProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<boolean>) => void;
     /**
      * HTML id attribute
      */
@@ -1360,72 +1360,4 @@ declare const FlutterCupertinoButton: React.ForwardRefExoticComponent<FlutterCup
     children?: React.ReactNode;
 } & React.RefAttributes<FlutterCupertinoButtonElement>>;
 
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-type DistributiveOmit<T, K extends string | number | symbol> = T extends any ? (K extends keyof T ? Omit<T, K> : T) : T;
-type PropsWithoutRef<T> = DistributiveOmit<T, 'ref'>;
-/**
- * Type of the React component wrapping the web component. This is the return
- * type of `createComponent`.
- */
-type ReactWebComponent<I extends HTMLElement, E extends EventNames = {}> = React.ForwardRefExoticComponent<PropsWithoutRef<ComponentProps<I, E>> & React.RefAttributes<I>>;
-type ElementProps<I> = Partial<Omit<I, keyof HTMLElement>>;
-type ComponentProps<I, E extends EventNames = {}> = Omit<React.HTMLAttributes<I>, keyof E | keyof ElementProps<I>> & ElementProps<I>;
-/**
- * Type used to cast an event name with an event type when providing the
- * `events` option to `createComponent` for better typing of the event handler
- * prop.
- *
- * Example:
- *
- * ```ts
- * const FooComponent = createComponent({
- *   ...
- *   events: {
- *     onfoo: 'foo' as EventName<FooEvent>,
- *   }
- * });
- * ```
- *
- * `onfoo` prop will have the type `(e: FooEvent) => void`.
- */
-type EventName<T extends Event = Event> = string & {
-    __eventType: T;
-};
-type EventNames = Record<string, EventName | string>;
-interface Options<E extends EventNames = {}> {
-    tagName: string;
-    events?: E;
-    displayName?: string;
-}
-/**
- * Creates a React component for a custom element. Properties are distinguished
- * from attributes automatically, and events can be configured so they are added
- * to the custom element as event listeners.
- *
- * @param options An options bag containing the parameters needed to generate a
- * wrapped web component.
- *
- * @param options.react The React module, typically imported from the `react`
- * npm package.
- * @param options.tagName The custom element tag name registered via
- * `customElements.define`.
- * @param options.elementClass The custom element class registered via
- * `customElements.define`.
- * @param options.events An object listing events to which the component can
- * listen. The object keys are the event property names passed in via React
- * props and the object values are the names of the corresponding events
- * generated by the custom element. For example, given `{onactivate:
- * 'activate'}` an event function may be passed via the component's `onactivate`
- * prop and will be called when the custom element fires its `activate` event.
- * @param options.displayName A React component display name, used in debugging
- * messages. Default value is inferred from the name of custom element class
- * registered via `customElements.define`.
- */
-declare const createComponent: <E extends any, I extends any>({ tagName, events, displayName }: Options) => ReactWebComponent<E, I>;
-
-export { FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoDatePicker, type FlutterCupertinoDatePickerElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoInput, type FlutterCupertinoInputElement, FlutterCupertinoModalPopup, type FlutterCupertinoModalPopupElement, FlutterCupertinoPicker, type FlutterCupertinoPickerElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSearchInput, type FlutterCupertinoSearchInputElement, FlutterCupertinoSlider, type FlutterCupertinoSliderElement, FlutterCupertinoSwitch, type FlutterCupertinoSwitchElement, FlutterCupertinoTab, FlutterCupertinoTabBar, type FlutterCupertinoTabBarElement, FlutterCupertinoTabBarItem, type FlutterCupertinoTabBarItemElement, type FlutterCupertinoTabElement, FlutterCupertinoTabItem, type FlutterCupertinoTabItemElement, FlutterCupertinoTextarea, type FlutterCupertinoTextareaElement, FlutterCupertinoTimerPicker, type FlutterCupertinoTimerPickerElement, createComponent };
+export { FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoDatePicker, type FlutterCupertinoDatePickerElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoInput, type FlutterCupertinoInputElement, FlutterCupertinoModalPopup, type FlutterCupertinoModalPopupElement, FlutterCupertinoPicker, type FlutterCupertinoPickerElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSearchInput, type FlutterCupertinoSearchInputElement, FlutterCupertinoSlider, type FlutterCupertinoSliderElement, FlutterCupertinoSwitch, type FlutterCupertinoSwitchElement, FlutterCupertinoTab, FlutterCupertinoTabBar, type FlutterCupertinoTabBarElement, FlutterCupertinoTabBarItem, type FlutterCupertinoTabBarItemElement, type FlutterCupertinoTabElement, FlutterCupertinoTabItem, type FlutterCupertinoTabItemElement, FlutterCupertinoTextarea, type FlutterCupertinoTextareaElement, FlutterCupertinoTimerPicker, type FlutterCupertinoTimerPickerElement };

package/dist/index.d.ts

@@ -35,7 +35,7 @@ interface FlutterCupertinoTimerPickerProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<number>) => void;
     /**
      * HTML id attribute
      */
@@ -123,7 +123,7 @@ interface FlutterCupertinoTextareaProps {
     /**
      * input event handler
      */
-    onInput?: (event: CustomEvent) => void;
+    onInput?: (event: CustomEvent<string>) => void;
     /**
      * complete event handler
      */
@@ -219,7 +219,7 @@ interface FlutterCupertinoTabBarProps {
     /**
      * tabchange event handler
      */
-    onTabchange?: (event: CustomEvent) => void;
+    onTabchange?: (event: CustomEvent<number>) => void;
     /**
      * HTML id attribute
      */
@@ -331,7 +331,7 @@ interface FlutterCupertinoTabProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<number>) => void;
     /**
      * HTML id attribute
      */
@@ -437,7 +437,7 @@ interface FlutterCupertinoSwitchProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<boolean>) => void;
     /**
      * HTML id attribute
      */
@@ -505,15 +505,15 @@ interface FlutterCupertinoSliderProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<number>) => void;
     /**
      * changestart event handler
      */
-    onChangestart?: (event: CustomEvent) => void;
+    onChangestart?: (event: CustomEvent<number>) => void;
     /**
      * changeend event handler
      */
-    onChangeend?: (event: CustomEvent) => void;
+    onChangeend?: (event: CustomEvent<number>) => void;
     /**
      * HTML id attribute
      */
@@ -622,11 +622,11 @@ interface FlutterCupertinoSearchInputProps {
     /**
      * input event handler
      */
-    onInput?: (event: CustomEvent) => void;
+    onInput?: (event: CustomEvent<string>) => void;
     /**
      * search event handler
      */
-    onSearch?: (event: CustomEvent) => void;
+    onSearch?: (event: CustomEvent<string>) => void;
     /**
      * clear event handler
      */
@@ -723,7 +723,7 @@ interface FlutterCupertinoRadioProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<string>) => void;
     /**
      * HTML id attribute
      */
@@ -776,7 +776,7 @@ interface FlutterCupertinoPickerProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<string>) => void;
     /**
      * HTML id attribute
      */
@@ -943,11 +943,11 @@ interface FlutterCupertinoInputProps {
     /**
      * input event handler
      */
-    onInput?: (event: CustomEvent) => void;
+    onInput?: (event: CustomEvent<string>) => void;
     /**
      * submit event handler
      */
-    onSubmit?: (event: CustomEvent) => void;
+    onSubmit?: (event: CustomEvent<string>) => void;
     /**
      * HTML id attribute
      */
@@ -1113,7 +1113,7 @@ interface FlutterCupertinoDatePickerProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<string>) => void;
     /**
      * HTML id attribute
      */
@@ -1258,7 +1258,7 @@ interface FlutterCupertinoCheckboxProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<boolean>) => void;
     /**
      * HTML id attribute
      */
@@ -1360,72 +1360,4 @@ declare const FlutterCupertinoButton: React.ForwardRefExoticComponent<FlutterCup
     children?: React.ReactNode;
 } & React.RefAttributes<FlutterCupertinoButtonElement>>;
 
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-
-type DistributiveOmit<T, K extends string | number | symbol> = T extends any ? (K extends keyof T ? Omit<T, K> : T) : T;
-type PropsWithoutRef<T> = DistributiveOmit<T, 'ref'>;
-/**
- * Type of the React component wrapping the web component. This is the return
- * type of `createComponent`.
- */
-type ReactWebComponent<I extends HTMLElement, E extends EventNames = {}> = React.ForwardRefExoticComponent<PropsWithoutRef<ComponentProps<I, E>> & React.RefAttributes<I>>;
-type ElementProps<I> = Partial<Omit<I, keyof HTMLElement>>;
-type ComponentProps<I, E extends EventNames = {}> = Omit<React.HTMLAttributes<I>, keyof E | keyof ElementProps<I>> & ElementProps<I>;
-/**
- * Type used to cast an event name with an event type when providing the
- * `events` option to `createComponent` for better typing of the event handler
- * prop.
- *
- * Example:
- *
- * ```ts
- * const FooComponent = createComponent({
- *   ...
- *   events: {
- *     onfoo: 'foo' as EventName<FooEvent>,
- *   }
- * });
- * ```
- *
- * `onfoo` prop will have the type `(e: FooEvent) => void`.
- */
-type EventName<T extends Event = Event> = string & {
-    __eventType: T;
-};
-type EventNames = Record<string, EventName | string>;
-interface Options<E extends EventNames = {}> {
-    tagName: string;
-    events?: E;
-    displayName?: string;
-}
-/**
- * Creates a React component for a custom element. Properties are distinguished
- * from attributes automatically, and events can be configured so they are added
- * to the custom element as event listeners.
- *
- * @param options An options bag containing the parameters needed to generate a
- * wrapped web component.
- *
- * @param options.react The React module, typically imported from the `react`
- * npm package.
- * @param options.tagName The custom element tag name registered via
- * `customElements.define`.
- * @param options.elementClass The custom element class registered via
- * `customElements.define`.
- * @param options.events An object listing events to which the component can
- * listen. The object keys are the event property names passed in via React
- * props and the object values are the names of the corresponding events
- * generated by the custom element. For example, given `{onactivate:
- * 'activate'}` an event function may be passed via the component's `onactivate`
- * prop and will be called when the custom element fires its `activate` event.
- * @param options.displayName A React component display name, used in debugging
- * messages. Default value is inferred from the name of custom element class
- * registered via `customElements.define`.
- */
-declare const createComponent: <E extends any, I extends any>({ tagName, events, displayName }: Options) => ReactWebComponent<E, I>;
-
-export { FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoDatePicker, type FlutterCupertinoDatePickerElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoInput, type FlutterCupertinoInputElement, FlutterCupertinoModalPopup, type FlutterCupertinoModalPopupElement, FlutterCupertinoPicker, type FlutterCupertinoPickerElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSearchInput, type FlutterCupertinoSearchInputElement, FlutterCupertinoSlider, type FlutterCupertinoSliderElement, FlutterCupertinoSwitch, type FlutterCupertinoSwitchElement, FlutterCupertinoTab, FlutterCupertinoTabBar, type FlutterCupertinoTabBarElement, FlutterCupertinoTabBarItem, type FlutterCupertinoTabBarItemElement, type FlutterCupertinoTabElement, FlutterCupertinoTabItem, type FlutterCupertinoTabItemElement, FlutterCupertinoTextarea, type FlutterCupertinoTextareaElement, FlutterCupertinoTimerPicker, type FlutterCupertinoTimerPickerElement, createComponent };
+export { FlutterCupertinoButton, type FlutterCupertinoButtonElement, FlutterCupertinoCheckbox, type FlutterCupertinoCheckboxElement, FlutterCupertinoContextMenu, type FlutterCupertinoContextMenuElement, FlutterCupertinoDatePicker, type FlutterCupertinoDatePickerElement, FlutterCupertinoIcon, type FlutterCupertinoIconElement, FlutterCupertinoInput, type FlutterCupertinoInputElement, FlutterCupertinoModalPopup, type FlutterCupertinoModalPopupElement, FlutterCupertinoPicker, type FlutterCupertinoPickerElement, FlutterCupertinoRadio, type FlutterCupertinoRadioElement, FlutterCupertinoSearchInput, type FlutterCupertinoSearchInputElement, FlutterCupertinoSlider, type FlutterCupertinoSliderElement, FlutterCupertinoSwitch, type FlutterCupertinoSwitchElement, FlutterCupertinoTab, FlutterCupertinoTabBar, type FlutterCupertinoTabBarElement, FlutterCupertinoTabBarItem, type FlutterCupertinoTabBarItemElement, type FlutterCupertinoTabElement, FlutterCupertinoTabItem, type FlutterCupertinoTabItemElement, FlutterCupertinoTextarea, type FlutterCupertinoTextareaElement, FlutterCupertinoTimerPicker, type FlutterCupertinoTimerPickerElement };

package/dist/index.js

@@ -37,8 +37,7 @@ __export(index_exports, {
   FlutterCupertinoTabBarItem: () => FlutterCupertinoTabBarItem,
   FlutterCupertinoTabItem: () => FlutterCupertinoTabItem,
   FlutterCupertinoTextarea: () => FlutterCupertinoTextarea,
-  FlutterCupertinoTimerPicker: () => FlutterCupertinoTimerPicker,
-  createComponent: () => createComponent
+  FlutterCupertinoTimerPicker: () => FlutterCupertinoTimerPicker
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -650,108 +649,6 @@ var FlutterCupertinoButton = (0, import_react_core_ui16.createWebFComponent)({
     // 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,
@@ -771,12 +668,6 @@ var createComponent = ({
   FlutterCupertinoTabBarItem,
   FlutterCupertinoTabItem,
   FlutterCupertinoTextarea,
-  FlutterCupertinoTimerPicker,
-  createComponent
+  FlutterCupertinoTimerPicker
 });
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
 //# sourceMappingURL=index.js.map