@agility/plenum-ui 2.0.0-rc13 → 2.0.0-rc15

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;
   }
@@ -402,13 +402,10 @@ declare module '@agility/plenum-ui/stories/atoms/loaders/index' {
 declare module '@agility/plenum-ui/stories/index' {
   import { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, IDynamicIconProps, IIconWithShadowProps, ILoaderProps, IRadialProgressProps, UnifiedIconName, IconName, FAIconName, BTNActionType, Avatar, Badge, Button, Capsule, DynamicIcon, IconWithShadow, Loader, RadialProgress, isFAIcon, isHeroIcon, isTablerIcon, isUnifiedIconName } from "@agility/plenum-ui/stories/atoms/index";
   import { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextareaProps, IToggleSwitchProps, AcceptedInputTypes, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, Textarea, ToggleSwitch, TextInput, ITextInputProps, ISimpleSelectOptions } from "@agility/plenum-ui/stories/molecules/index";
-  import { IAnimatedLabelInputProps, AnimatedLabelTextArea, IAnimatedLabelTextAreaProps, IButtonDropdownProps, IDropdownClassnames, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, AnimatedLabelInput, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, TextInputSelect, ITextInputSelectProps } from "@agility/plenum-ui/stories/organisms/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 };
+  import { IAnimatedLabelInputProps, AnimatedLabelTextArea, IAnimatedLabelTextAreaProps, IButtonDropdownProps, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, AnimatedLabelInput, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, TextInputSelect, ITextInputSelectProps } from "@agility/plenum-ui/stories/organisms/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, 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,7 +859,7 @@ 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 Omit<IInputFieldProps, "handleChange"> {
@@ -941,19 +938,17 @@ declare module '@agility/plenum-ui/stories/organisms/DropdownComponent/DropdownC
       isEmphasized?: boolean;
       key: React.Key;
   }
-  export interface IDropdownClassnames {
-      groupClassname?: ClassNameWithAutocomplete;
-      itemsClassname?: ClassNameWithAutocomplete;
-      itemClassname?: ClassNameWithAutocomplete;
-      activeItemClassname?: ClassNameWithAutocomplete;
-      buttonClassname?: ClassNameWithAutocomplete;
-  }
   export interface IDropdownProps extends HTMLAttributes<HTMLDivElement> {
       items: IItemProp[][];
       label: string;
       CustomDropdownTrigger?: React.ReactNode;
       id: string;
-      classNames?: IDropdownClassnames;
+      groupClassname?: ClassNameWithAutocomplete;
+      itemsClassname?: ClassNameWithAutocomplete;
+      itemClassname?: ClassNameWithAutocomplete;
+      activeItemClassname?: ClassNameWithAutocomplete;
+      buttonClassname?: ClassNameWithAutocomplete;
+      iconClassname?: ClassNameWithAutocomplete;
       placement?: Placement;
       offsetOptions?: Partial<{
           mainAxis: number;
@@ -961,7 +956,14 @@ declare module '@agility/plenum-ui/stories/organisms/DropdownComponent/DropdownC
           alignmentAxis: number | null;
       }>;
   }
-  export const defaultClassNames: IDropdownClassnames;
+  export const defaultClassNames: {
+      groupClassname: string;
+      itemsClassname: string;
+      itemClassname: string;
+      activeItemClassname: string;
+      buttonClassname: string;
+      iconClassname: string;
+  };
   /** Comment */
   const Dropdown: React.FC<IDropdownProps>;
   export default Dropdown;
@@ -974,8 +976,8 @@ declare module '@agility/plenum-ui/stories/organisms/DropdownComponent/dropdownI
 
 }
 declare module '@agility/plenum-ui/stories/organisms/DropdownComponent/index' {
-  import Dropdown, { IItemProp, IDropdownClassnames, IDropdownProps, defaultClassNames } from "@agility/plenum-ui/stories/organisms/DropdownComponent/DropdownComponent";
-  export type { IItemProp, IDropdownClassnames, IDropdownProps };
+  import Dropdown, { IItemProp, IDropdownProps, defaultClassNames } from "@agility/plenum-ui/stories/organisms/DropdownComponent/DropdownComponent";
+  export type { IItemProp, IDropdownProps };
   export { defaultClassNames };
   export default Dropdown;
 
@@ -1118,11 +1120,11 @@ declare module '@agility/plenum-ui/stories/organisms/index' {
   import AnimatedLabelInput, { IAnimatedLabelInputProps } from "@agility/plenum-ui/stories/organisms/AnimatedLabelInput/index";
   import AnimatedLabelTextArea, { IAnimatedLabelTextAreaProps } from "@agility/plenum-ui/stories/organisms/AnimatedLabelTextArea/index";
   import ButtonDropdown, { IButtonDropdownProps } from "@agility/plenum-ui/stories/organisms/ButtonDropdown/index";
-  import Dropdown, { IDropdownClassnames, IDropdownProps, IItemProp } from "@agility/plenum-ui/stories/organisms/DropdownComponent/index";
+  import Dropdown, { IDropdownProps, IItemProp } from "@agility/plenum-ui/stories/organisms/DropdownComponent/index";
   import EmptySectionPlaceholder, { IEmptySectionPlaceholderProps } from "@agility/plenum-ui/stories/organisms/EmptySectionPlaceholder/index";
   import FormInputWithAddons, { IFormInputWithAddonsProps } from "@agility/plenum-ui/stories/organisms/FormInputWithAddons/index";
   import TextInputSelect, { ITextInputSelectProps } from "@agility/plenum-ui/stories/organisms/TextInputSelect/index";
-  export type { IAnimatedLabelInputProps, IAnimatedLabelTextAreaProps, IButtonDropdownProps, IDropdownClassnames, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, ITextInputSelectProps };
+  export type { IAnimatedLabelInputProps, IAnimatedLabelTextAreaProps, IButtonDropdownProps, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, ITextInputSelectProps };
   export { AnimatedLabelInput, AnimatedLabelTextArea, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, TextInputSelect };
 
 }