@openwebf/react-cupertino-ui 0.2.9 → 0.2.11

package/dist/index.d.mts

@@ -35,7 +35,11 @@ interface FlutterCupertinoTimerPickerProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<number>) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -119,11 +123,15 @@ interface FlutterCupertinoTextareaProps {
     /**
      * input event handler
      */
-    onInput?: (event: CustomEvent) => void;
+    onInput?: (event: CustomEvent<string>) => void;
     /**
      * complete event handler
      */
     onComplete?: (event: Event) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -211,7 +219,11 @@ interface FlutterCupertinoTabBarProps {
     /**
      * tabchange event handler
      */
-    onTabchange?: (event: CustomEvent) => void;
+    onTabchange?: (event: CustomEvent<number>) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -277,6 +289,10 @@ interface FlutterCupertinoTabBarItemProps {
      * @default undefined
      */
     path?: string;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -315,7 +331,11 @@ interface FlutterCupertinoTabProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<number>) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -355,6 +375,10 @@ interface FlutterCupertinoTabItemProps {
      * @default undefined
      */
     title?: string;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -413,7 +437,11 @@ interface FlutterCupertinoSwitchProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<boolean>) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -477,15 +505,19 @@ 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
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -590,15 +622,19 @@ 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
      */
     onClear?: (event: CustomEvent) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -687,7 +723,11 @@ interface FlutterCupertinoRadioProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<string>) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -736,7 +776,11 @@ interface FlutterCupertinoPickerProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<string>) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -801,6 +845,10 @@ interface FlutterCupertinoModalPopupProps {
      * close event handler
      */
     onClose?: (event: CustomEvent) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -895,11 +943,15 @@ 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
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -964,6 +1016,10 @@ interface FlutterCupertinoIconProps {
      * @default undefined
      */
     label?: string;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -1057,7 +1113,11 @@ interface FlutterCupertinoDatePickerProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<string>) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -1105,6 +1165,10 @@ interface FlutterCupertinoContextMenuProps {
      * @default undefined
      */
     enableHapticFeedback?: boolean;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -1194,7 +1258,11 @@ interface FlutterCupertinoCheckboxProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<boolean>) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -1254,6 +1322,10 @@ interface FlutterCupertinoButtonProps {
      * click event handler
      */
     onClick?: (event: Event) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -1288,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,11 @@ interface FlutterCupertinoTimerPickerProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<number>) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -119,11 +123,15 @@ interface FlutterCupertinoTextareaProps {
     /**
      * input event handler
      */
-    onInput?: (event: CustomEvent) => void;
+    onInput?: (event: CustomEvent<string>) => void;
     /**
      * complete event handler
      */
     onComplete?: (event: Event) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -211,7 +219,11 @@ interface FlutterCupertinoTabBarProps {
     /**
      * tabchange event handler
      */
-    onTabchange?: (event: CustomEvent) => void;
+    onTabchange?: (event: CustomEvent<number>) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -277,6 +289,10 @@ interface FlutterCupertinoTabBarItemProps {
      * @default undefined
      */
     path?: string;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -315,7 +331,11 @@ interface FlutterCupertinoTabProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<number>) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -355,6 +375,10 @@ interface FlutterCupertinoTabItemProps {
      * @default undefined
      */
     title?: string;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -413,7 +437,11 @@ interface FlutterCupertinoSwitchProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<boolean>) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -477,15 +505,19 @@ 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
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -590,15 +622,19 @@ 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
      */
     onClear?: (event: CustomEvent) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -687,7 +723,11 @@ interface FlutterCupertinoRadioProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<string>) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -736,7 +776,11 @@ interface FlutterCupertinoPickerProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<string>) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -801,6 +845,10 @@ interface FlutterCupertinoModalPopupProps {
      * close event handler
      */
     onClose?: (event: CustomEvent) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -895,11 +943,15 @@ 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
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -964,6 +1016,10 @@ interface FlutterCupertinoIconProps {
      * @default undefined
      */
     label?: string;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -1057,7 +1113,11 @@ interface FlutterCupertinoDatePickerProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<string>) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -1105,6 +1165,10 @@ interface FlutterCupertinoContextMenuProps {
      * @default undefined
      */
     enableHapticFeedback?: boolean;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -1194,7 +1258,11 @@ interface FlutterCupertinoCheckboxProps {
     /**
      * change event handler
      */
-    onChange?: (event: CustomEvent) => void;
+    onChange?: (event: CustomEvent<boolean>) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -1254,6 +1322,10 @@ interface FlutterCupertinoButtonProps {
      * click event handler
      */
     onClick?: (event: Event) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
     /**
      * Additional CSS styles
      */
@@ -1288,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 };