@iyulab/components 0.4.0 → 1.0.0

package/dist/{react-components → react}/UMenu.js

@@ -1,10 +1,12 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UMenu } from '../components/menu/UMenu';
+import { UMenu } from '../components/menu/UMenu.js';
 
 export const UMenu = createComponent({
   react: React,
   tagName: 'u-menu',
   elementClass: UMenu,
-  events: {}
+  events: {
+    onChange: 'change',
+  },
 });

package/dist/react/UMenuItem.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { UMenuItem as UMenuItemElement } from '../components/menu-item/UMenuItem';
+import { type PickEventDetail } from '../events/PickEvent';
+
+export declare const UMenuItem: React.ForwardRefExoticComponent<
+  Partial<UMenuItemElement> & React.HTMLAttributes<UMenuItemElement> & {
+  onPick?: (event: CustomEvent<PickEventDetail>) => void;
+  }
+>;
+
+export type UMenuItemProps = React.ComponentProps<typeof UMenuItem>;

package/dist/{react-components → react}/UMenuItem.js

@@ -1,10 +1,12 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UMenuItem } from '../components/menu-item/UMenuItem';
+import { UMenuItem } from '../components/menu-item/UMenuItem.js';
 
 export const UMenuItem = createComponent({
   react: React,
   tagName: 'u-menu-item',
   elementClass: UMenuItem,
-  events: {}
+  events: {
+    onPick: 'pick',
+  },
 });

package/dist/react/UOption.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UOption as UOptionElement } from '../components/option/UOption';
+
+export declare const UOption: React.ForwardRefExoticComponent<
+  Partial<UOptionElement> & React.HTMLAttributes<UOptionElement> & {
+  }
+>;
+
+export type UOptionProps = React.ComponentProps<typeof UOption>;

package/dist/react/UOption.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UOption } from '../components/option/UOption.js';
+
+export const UOption = createComponent({
+  react: React,
+  tagName: 'u-option',
+  elementClass: UOption,
+  events: {},
+});

package/dist/react/UPanel.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UPanel as UPanelElement } from '../components/panel/UPanel';
+
+export declare const UPanel: React.ForwardRefExoticComponent<
+  Partial<UPanelElement> & React.HTMLAttributes<UPanelElement> & {
+  }
+>;
+
+export type UPanelProps = React.ComponentProps<typeof UPanel>;

package/dist/react/UPanel.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UPanel } from '../components/panel/UPanel.js';
+
+export const UPanel = createComponent({
+  react: React,
+  tagName: 'u-panel',
+  elementClass: UPanel,
+  events: {},
+});

package/dist/react/UPopover.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { UPopover as UPopoverElement } from '../components/popover/UPopover';
+
+export declare const UPopover: React.ForwardRefExoticComponent<
+  Partial<UPopoverElement> & React.HTMLAttributes<UPopoverElement> & {
+  onShow?: (event: CustomEvent) => void;
+  onHide?: (event: CustomEvent) => void;
+  }
+>;
+
+export type UPopoverProps = React.ComponentProps<typeof UPopover>;

package/dist/react/UPopover.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UPopover } from '../components/popover/UPopover.js';
+
+export const UPopover = createComponent({
+  react: React,
+  tagName: 'u-popover',
+  elementClass: UPopover,
+  events: {
+    onShow: 'show',
+    onHide: 'hide',
+  },
+});

package/dist/react/UProgressBar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UProgressBar as UProgressBarElement } from '../components/progress-bar/UProgressBar';
+
+export declare const UProgressBar: React.ForwardRefExoticComponent<
+  Partial<UProgressBarElement> & React.HTMLAttributes<UProgressBarElement> & {
+  }
+>;
+
+export type UProgressBarProps = React.ComponentProps<typeof UProgressBar>;

package/dist/{react-components → react}/UProgressBar.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UProgressBar } from '../components/progress-bar/UProgressBar';
+import { UProgressBar } from '../components/progress-bar/UProgressBar.js';
 
 export const UProgressBar = createComponent({
   react: React,
   tagName: 'u-progress-bar',
   elementClass: UProgressBar,
-  events: {}
+  events: {},
 });

package/dist/react/UProgressRing.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UProgressRing as UProgressRingElement } from '../components/progress-ring/UProgressRing';
+
+export declare const UProgressRing: React.ForwardRefExoticComponent<
+  Partial<UProgressRingElement> & React.HTMLAttributes<UProgressRingElement> & {
+  }
+>;
+
+export type UProgressRingProps = React.ComponentProps<typeof UProgressRing>;

package/dist/{react-components → react}/UProgressRing.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UProgressRing } from '../components/progress-ring/UProgressRing';
+import { UProgressRing } from '../components/progress-ring/UProgressRing.js';
 
 export const UProgressRing = createComponent({
   react: React,
   tagName: 'u-progress-ring',
   elementClass: UProgressRing,
-  events: {}
+  events: {},
 });

package/dist/react/URadio.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { URadio as URadioElement } from '../components/radio/URadio';
+
+export declare const URadio: React.ForwardRefExoticComponent<
+  Partial<URadioElement> & React.HTMLAttributes<URadioElement> & {
+  onChange?: (event: CustomEvent) => void;
+  }
+>;
+
+export type URadioProps = React.ComponentProps<typeof URadio>;

package/dist/react/URadio.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { URadio } from '../components/radio/URadio.js';
+
+export const URadio = createComponent({
+  react: React,
+  tagName: 'u-radio',
+  elementClass: URadio,
+  events: {
+    onChange: 'change',
+  },
+});

package/dist/react/URating.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { URating as URatingElement } from '../components/rating/URating';
+
+export declare const URating: React.ForwardRefExoticComponent<
+  Partial<URatingElement> & React.HTMLAttributes<URatingElement> & {
+  onChange?: (event: CustomEvent) => void;
+  }
+>;
+
+export type URatingProps = React.ComponentProps<typeof URating>;

package/dist/react/URating.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { URating } from '../components/rating/URating.js';
+
+export const URating = createComponent({
+  react: React,
+  tagName: 'u-rating',
+  elementClass: URating,
+  events: {
+    onChange: 'change',
+  },
+});

package/dist/react/USelect.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { USelect as USelectElement } from '../components/select/USelect';
+
+export declare const USelect: React.ForwardRefExoticComponent<
+  Partial<USelectElement> & React.HTMLAttributes<USelectElement> & {
+  onChange?: (event: CustomEvent) => void;
+  }
+>;
+
+export type USelectProps = React.ComponentProps<typeof USelect>;

package/dist/react/USelect.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { USelect } from '../components/select/USelect.js';
+
+export const USelect = createComponent({
+  react: React,
+  tagName: 'u-select',
+  elementClass: USelect,
+  events: {
+    onChange: 'change',
+  },
+});

package/dist/{react-components → react}/USkeleton.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-import { USkeleton } from '../components/skeleton/USkeleton';
+import { USkeleton as USkeletonElement } from '../components/skeleton/USkeleton';
 
 export declare const USkeleton: React.ForwardRefExoticComponent<
-  Partial<USkeleton> & React.HTMLAttributes<USkeleton>
+  Partial<USkeletonElement> & React.HTMLAttributes<USkeletonElement> & {
+  }
 >;
 
 export type USkeletonProps = React.ComponentProps<typeof USkeleton>;

package/dist/{react-components → react}/USkeleton.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { USkeleton } from '../components/skeleton/USkeleton';
+import { USkeleton } from '../components/skeleton/USkeleton.js';
 
 export const USkeleton = createComponent({
   react: React,
   tagName: 'u-skeleton',
   elementClass: USkeleton,
-  events: {}
+  events: {},
 });

package/dist/react/USlider.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { USlider as USliderElement } from '../components/slider/USlider';
+
+export declare const USlider: React.ForwardRefExoticComponent<
+  Partial<USliderElement> & React.HTMLAttributes<USliderElement> & {
+  onChange?: (event: CustomEvent) => void;
+  }
+>;
+
+export type USliderProps = React.ComponentProps<typeof USlider>;

package/dist/react/USlider.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { USlider } from '../components/slider/USlider.js';
+
+export const USlider = createComponent({
+  react: React,
+  tagName: 'u-slider',
+  elementClass: USlider,
+  events: {
+    onChange: 'change',
+  },
+});

package/dist/{react-components → react}/USpinner.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-import { USpinner } from '../components/spinner/USpinner';
+import { USpinner as USpinnerElement } from '../components/spinner/USpinner';
 
 export declare const USpinner: React.ForwardRefExoticComponent<
-  Partial<USpinner> & React.HTMLAttributes<USpinner>
+  Partial<USpinnerElement> & React.HTMLAttributes<USpinnerElement> & {
+  }
 >;
 
 export type USpinnerProps = React.ComponentProps<typeof USpinner>;

package/dist/{react-components → react}/USpinner.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { USpinner } from '../components/spinner/USpinner';
+import { USpinner } from '../components/spinner/USpinner.js';
 
 export const USpinner = createComponent({
   react: React,
   tagName: 'u-spinner',
   elementClass: USpinner,
-  events: {}
+  events: {},
 });

package/dist/react/USplitPanel.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { USplitPanel as USplitPanelElement } from '../components/split-panel/USplitPanel';
+import { type ShiftEventDetail } from '../events/ShiftEvent';
+
+export declare const USplitPanel: React.ForwardRefExoticComponent<
+  Partial<USplitPanelElement> & React.HTMLAttributes<USplitPanelElement> & {
+  onShiftStart?: (event: CustomEvent<ShiftEventDetail>) => void;
+  onShift?: (event: CustomEvent<ShiftEventDetail>) => void;
+  onShiftEnd?: (event: CustomEvent<ShiftEventDetail>) => void;
+  }
+>;
+
+export type USplitPanelProps = React.ComponentProps<typeof USplitPanel>;

package/dist/{react-components → react}/USplitPanel.js

@@ -1,10 +1,14 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { USplitPanel } from '../components/split-panel/USplitPanel';
+import { USplitPanel } from '../components/split-panel/USplitPanel.js';
 
 export const USplitPanel = createComponent({
   react: React,
   tagName: 'u-split-panel',
   elementClass: USplitPanel,
-  events: {}
+  events: {
+    onShiftStart: 'shift-start',
+    onShift: 'shift',
+    onShiftEnd: 'shift-end',
+  },
 });

package/dist/react/USwitch.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { USwitch as USwitchElement } from '../components/switch/USwitch';
+
+export declare const USwitch: React.ForwardRefExoticComponent<
+  Partial<USwitchElement> & React.HTMLAttributes<USwitchElement> & {
+  onChange?: (event: CustomEvent) => void;
+  }
+>;
+
+export type USwitchProps = React.ComponentProps<typeof USwitch>;

package/dist/react/USwitch.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { USwitch } from '../components/switch/USwitch.js';
+
+export const USwitch = createComponent({
+  react: React,
+  tagName: 'u-switch',
+  elementClass: USwitch,
+  events: {
+    onChange: 'change',
+  },
+});

package/dist/react/UTab.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { UTab as UTabElement } from '../components/tab/UTab';
+import { type RemoveEventDetail } from '../events/RemoveEvent';
+
+export declare const UTab: React.ForwardRefExoticComponent<
+  Partial<UTabElement> & React.HTMLAttributes<UTabElement> & {
+  onRemove?: (event: CustomEvent<RemoveEventDetail>) => void;
+  }
+>;
+
+export type UTabProps = React.ComponentProps<typeof UTab>;

package/dist/react/UTab.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UTab } from '../components/tab/UTab.js';
+
+export const UTab = createComponent({
+  react: React,
+  tagName: 'u-tab',
+  elementClass: UTab,
+  events: {
+    onRemove: 'remove',
+  },
+});

package/dist/react/UTabPanel.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UTabPanel as UTabPanelElement } from '../components/tab-panel/UTabPanel';
+
+export declare const UTabPanel: React.ForwardRefExoticComponent<
+  Partial<UTabPanelElement> & React.HTMLAttributes<UTabPanelElement> & {
+  }
+>;
+
+export type UTabPanelProps = React.ComponentProps<typeof UTabPanel>;

package/dist/react/UTabPanel.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UTabPanel } from '../components/tab-panel/UTabPanel.js';
+
+export const UTabPanel = createComponent({
+  react: React,
+  tagName: 'u-tab-panel',
+  elementClass: UTabPanel,
+  events: {},
+});

package/dist/{react-components → react}/UTag.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-import { UTag } from '../components/tag/UTag';
+import { UTag as UTagElement } from '../components/tag/UTag';
 
 export declare const UTag: React.ForwardRefExoticComponent<
-  Partial<UTag> & React.HTMLAttributes<UTag>
+  Partial<UTagElement> & React.HTMLAttributes<UTagElement> & {
+  }
 >;
 
 export type UTagProps = React.ComponentProps<typeof UTag>;

package/dist/{react-components → react}/UTag.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UTag } from '../components/tag/UTag';
+import { UTag } from '../components/tag/UTag.js';
 
 export const UTag = createComponent({
   react: React,
   tagName: 'u-tag',
   elementClass: UTag,
-  events: {}
+  events: {},
 });

package/dist/react/UTextarea.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { UTextarea as UTextareaElement } from '../components/textarea/UTextarea';
+
+export declare const UTextarea: React.ForwardRefExoticComponent<
+  Partial<UTextareaElement> & React.HTMLAttributes<UTextareaElement> & {
+  onInput?: (event: CustomEvent) => void;
+  onChange?: (event: CustomEvent) => void;
+  }
+>;
+
+export type UTextareaProps = React.ComponentProps<typeof UTextarea>;

package/dist/react/UTextarea.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UTextarea } from '../components/textarea/UTextarea.js';
+
+export const UTextarea = createComponent({
+  react: React,
+  tagName: 'u-textarea',
+  elementClass: UTextarea,
+  events: {
+    onInput: 'input',
+    onChange: 'change',
+  },
+});

package/dist/react/UTooltip.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { UTooltip as UTooltipElement } from '../components/tooltip/UTooltip';
+
+export declare const UTooltip: React.ForwardRefExoticComponent<
+  Partial<UTooltipElement> & React.HTMLAttributes<UTooltipElement> & {
+  onShow?: (event: CustomEvent) => void;
+  onHide?: (event: CustomEvent) => void;
+  }
+>;
+
+export type UTooltipProps = React.ComponentProps<typeof UTooltip>;

package/dist/{react-components → react}/UTooltip.js

@@ -1,10 +1,13 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UTooltip } from '../components/tooltip/UTooltip';
+import { UTooltip } from '../components/tooltip/UTooltip.js';
 
 export const UTooltip = createComponent({
   react: React,
   tagName: 'u-tooltip',
   elementClass: UTooltip,
-  events: {}
+  events: {
+    onShow: 'show',
+    onHide: 'hide',
+  },
 });

package/dist/react/UTree.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { UTree as UTreeElement } from '../components/tree/UTree';
+
+export declare const UTree: React.ForwardRefExoticComponent<
+  Partial<UTreeElement> & React.HTMLAttributes<UTreeElement> & {
+  onChange?: (event: CustomEvent) => void;
+  }
+>;
+
+export type UTreeProps = React.ComponentProps<typeof UTree>;

package/dist/{react-components → react}/UTree.js

@@ -1,10 +1,12 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UTree } from '../components/tree/UTree';
+import { UTree } from '../components/tree/UTree.js';
 
 export const UTree = createComponent({
   react: React,
   tagName: 'u-tree',
   elementClass: UTree,
-  events: {}
+  events: {
+    onChange: 'change',
+  },
 });

package/dist/react/UTreeItem.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { UTreeItem as UTreeItemElement } from '../components/tree-item/UTreeItem';
+import { type ExpandEventDetail } from '../events/ExpandEvent';
+import { type CollapseEventDetail } from '../events/CollapseEvent';
+import { type PickEventDetail } from '../events/PickEvent';
+import { type CheckEventDetail } from '../events/CheckEvent';
+
+export declare const UTreeItem: React.ForwardRefExoticComponent<
+  Partial<UTreeItemElement> & React.HTMLAttributes<UTreeItemElement> & {
+  onExpand?: (event: CustomEvent<ExpandEventDetail>) => void;
+  onCollapse?: (event: CustomEvent<CollapseEventDetail>) => void;
+  onPick?: (event: CustomEvent<PickEventDetail>) => void;
+  onCheck?: (event: CustomEvent<CheckEventDetail>) => void;
+  }
+>;
+
+export type UTreeItemProps = React.ComponentProps<typeof UTreeItem>;

package/dist/{react-components → react}/UTreeItem.js

@@ -1,10 +1,15 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { UTreeItem } from '../components/tree-item/UTreeItem';
+import { UTreeItem } from '../components/tree-item/UTreeItem.js';
 
 export const UTreeItem = createComponent({
   react: React,
   tagName: 'u-tree-item',
   elementClass: UTreeItem,
-  events: {}
+  events: {
+    onExpand: 'expand',
+    onCollapse: 'collapse',
+    onPick: 'pick',
+    onCheck: 'check',
+  },
 });