@agility/plenum-ui 2.0.0-rc12 → 2.0.0-rc14

package/build.js

@@ -15,11 +15,17 @@ execSync("tsc --emitDeclarationOnly --project tsconfig.lib.json", { stdio: "inhe
 // Build script using esbuild
 esbuild
 	.build({
+		logLevel: "info",
 		entryPoints: [path.resolve(__dirname, "stories/index.ts")],
+
 		bundle: true,
 		platform: "browser",
-		target: ["es6"],
-		//HACK outfile: "dist/index.js,"
+		target: ["esnext"],
+		minify: true,
+		pure: ["React.createElement"],
+		jsx: 'transform',
+		loader: { '.js': 'jsx' },
+
 		outdir: path.resolve(__dirname, "dist"),
 		sourcemap: true,
 		external: [
@@ -32,8 +38,6 @@ esbuild
 			"@tabler/icons",
 			"@tabler/icons-react",
 			"classnames",
-			"react",
-			"react-dom",
 			"react-icons"
 		],
 		format: "esm"

package/dist/index.d.ts

@@ -83,10 +83,10 @@ declare module '@agility/plenum-ui/stories/atoms/buttons/Button/Alternative/Alte
 
 }
 declare module '@agility/plenum-ui/stories/atoms/buttons/Button/Button' {
-  import { HTMLAttributeAnchorTarget } from "react";
+  import React, { HTMLAttributeAnchorTarget } from "react";
   import { UnifiedIconName, IDynamicIconProps } from "@agility/plenum-ui/stories/atoms/icons/index";
   export type BTNActionType = "primary" | "secondary" | "alternative" | "danger";
-  export interface IButtonProps extends React.ComponentPropsWithoutRef<"button"> {
+  export interface IButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
       /** Is the button a Primary CTA, alternative or danger button? */
       actionType?: BTNActionType;
       /** How lg should the button be? - Defaults to 'base'. */
@@ -198,7 +198,7 @@ declare module '@agility/plenum-ui/stories/atoms/buttons/Capsule/Capsule' {
   /**
    * Capsule Style Button
    */
-  export interface ICapsuleProps extends React.ComponentPropsWithoutRef<"button"> {
+  export interface ICapsuleProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
       /** Is the button a Primary CTA, alternative or danger button? */
       actionType: BTNActionType;
       /** How lg should the button be? - Defaults to 'base'. */
@@ -276,7 +276,7 @@ declare module '@agility/plenum-ui/stories/atoms/icons/DynamicIcon' {
   export function isTablerIcon(name: UnifiedIconName): name is TablerIconName;
   export function isFAIcon(name: UnifiedIconName): name is keyof typeof FA;
   export function isUnifiedIconName(name: UnifiedIconName): name is UnifiedIconName;
-  export interface IDynamicIconProps extends React.ComponentProps<"i"> {
+  export interface IDynamicIconProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
       icon: UnifiedIconName;
       className?: ClassNameWithAutocomplete;
       outline?: boolean;
@@ -324,7 +324,7 @@ declare module '@agility/plenum-ui/stories/atoms/icons/TablerIcon' {
   import React from "react";
   import { TablerIconName } from "@agility/plenum-ui/stories/atoms/icons/tablerIconNames";
   import { ClassNameWithAutocomplete } from "@/utils/types";
-  export interface ITablerIconProps extends React.ComponentProps<"i"> {
+  export interface ITablerIconProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
       icon: TablerIconName;
       className?: ClassNameWithAutocomplete;
   }
@@ -406,9 +406,6 @@ declare module '@agility/plenum-ui/stories/index' {
   export type { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, ITextInputSelectProps, IDynamicIconProps, IIconWithShadowProps, ILoaderProps, IRadialProgressProps, ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextareaProps, IToggleSwitchProps, AcceptedInputTypes, IAnimatedLabelInputProps, IAnimatedLabelTextAreaProps, IButtonDropdownProps, IDropdownClassnames, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, UnifiedIconName, IconName, FAIconName, BTNActionType, ITextInputProps, ISimpleSelectOptions };
   export { Avatar, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, Textarea, ToggleSwitch, AnimatedLabelInput, AnimatedLabelTextArea, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, Badge, Button, Capsule, DynamicIcon, IconWithShadow, Loader, RadialProgress, isFAIcon, isHeroIcon, isTablerIcon, isUnifiedIconName, TextInput, TextInputSelect };
 
-}
-declare module '@agility/plenum-ui/stories/layouts/index' {
-
 }
 declare module '@agility/plenum-ui/stories/molecules/index' {
   import { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ISimpleSelectOptions, ITextareaProps, IToggleSwitchProps, AcceptedInputTypes, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, Textarea, ToggleSwitch, ITextInputProps, TextInput } from "@agility/plenum-ui/stories/molecules/inputs/index";
@@ -862,16 +859,17 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/toggleSwitch/index'
 declare module '@agility/plenum-ui/stories/organisms/AnimatedLabelInput/AnimatedLabelInput' {
   import React from "react";
   import { IInputFieldProps } from "@/stories/molecules/inputs/InputField";
-  interface ILabelProps extends React.ComponentPropsWithoutRef<"label"> {
+  interface ILabelProps extends React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {
       display: string;
   }
-  export interface IAnimatedLabelInputProps extends IInputFieldProps {
+  export interface IAnimatedLabelInputProps extends Omit<IInputFieldProps, "handleChange"> {
       id: string;
       containerStyles?: string;
       message?: string;
       required?: boolean;
       isError?: boolean;
       label: ILabelProps;
+      handleChange: (value: string) => void;
   }
   const AnimatedLabelInput: React.FC<IAnimatedLabelInputProps>;
   export default AnimatedLabelInput;