@agility/plenum-ui 2.0.0-rc47 → 2.0.0-rc49

package/stories/atoms/index.ts

@@ -1,46 +1,46 @@
-import Avatar, { IAvatarProps } from "./Avatar"
-import Badge, { IBadgeProps } from "./badges"
-import { Button, Capsule, BTNActionType, IButtonProps, ICapsuleProps } from "./buttons"
-import {
-	DynamicIcon,
-	FAIconName,
-	IDynamicIconProps,
-	IIconWithShadowProps,
-	IconName,
-	IconWithShadow,
-	UnifiedIconName,
-	isFAIcon,
-	isHeroIcon,
-	isTablerIcon,
-	isUnifiedIconName
-} from "./icons"
-import { ILoaderProps, IRadialProgressProps, Loader, RadialProgress } from "./loaders"
-
-export type {
-	IAvatarProps,
-	IBadgeProps,
-	IButtonProps,
-	ICapsuleProps,
-	IDynamicIconProps,
-	IIconWithShadowProps,
-	ILoaderProps,
-	IRadialProgressProps,
-	UnifiedIconName,
-	IconName,
-	FAIconName,
-	BTNActionType
-}
-export {
-	Avatar,
-	Badge,
-	Button,
-	Capsule,
-	DynamicIcon,
-	IconWithShadow,
-	Loader,
-	RadialProgress,
-	isFAIcon,
-	isHeroIcon,
-	isTablerIcon,
-	isUnifiedIconName
-}
+import Avatar, { IAvatarProps } from "./Avatar"
+import Badge, { IBadgeProps } from "./badges"
+import { Button, Capsule, BTNActionType, IButtonProps, ICapsuleProps } from "./buttons"
+import {
+	DynamicIcon,
+	FAIconName,
+	IDynamicIconProps,
+	IIconWithShadowProps,
+	IconName,
+	IconWithShadow,
+	UnifiedIconName,
+	isFAIcon,
+	isHeroIcon,
+	isTablerIcon,
+	isUnifiedIconName
+} from "./icons"
+import { ILoaderProps, IRadialProgressProps, Loader, RadialProgress } from "./loaders"
+
+export type {
+	IAvatarProps,
+	IBadgeProps,
+	IButtonProps,
+	ICapsuleProps,
+	IDynamicIconProps,
+	IIconWithShadowProps,
+	ILoaderProps,
+	IRadialProgressProps,
+	UnifiedIconName,
+	IconName,
+	FAIconName,
+	BTNActionType
+}
+export {
+	Avatar,
+	Badge,
+	Button,
+	Capsule,
+	DynamicIcon,
+	IconWithShadow,
+	Loader,
+	RadialProgress,
+	isFAIcon,
+	isHeroIcon,
+	isTablerIcon,
+	isUnifiedIconName
+}

package/stories/atoms/loaders/Loader.stories.ts

@@ -1,15 +1,15 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import Loader from "./Loader"
-
-const meta: Meta<typeof Loader> = {
-	title: "Design System/atoms/Loaders/Loader",
-	component: Loader
-}
-
-type Story = StoryObj<typeof Loader>
-
-export const DefaultLoader: Story = {
-  args: { className: "" },
-}
-
-export default meta
+import type { Meta, StoryObj } from "@storybook/react"
+import Loader from "./Loader"
+
+const meta: Meta<typeof Loader> = {
+	title: "Design System/atoms/Loaders/Loader",
+	component: Loader
+}
+
+type Story = StoryObj<typeof Loader>
+
+export const DefaultLoader: Story = {
+  args: { className: "" },
+}
+
+export default meta

package/stories/atoms/loaders/Loader.tsx

@@ -1,21 +1,21 @@
-import React from "react"
-import { default as cn } from "classnames"
-
-export interface ILoaderProps {
-	className?: string
-}
-const Loader: React.FC<ILoaderProps> = ({ className }) => {
-	return (
-		<>
-			<i
-				className={cn(
-					"rounded-full w-16 h-16 inline-block border-8 animate-spin m-auto",
-					className ? className : "border-purple-700 border-r-gray-200"
-				)}
-				role="status"
-			/>
-		</>
-	)
-}
-
-export default Loader
+import React from "react"
+import { default as cn } from "classnames"
+
+export interface ILoaderProps {
+	className?: string
+}
+const Loader: React.FC<ILoaderProps> = ({ className }) => {
+	return (
+		<>
+			<i
+				className={cn(
+					"rounded-full w-16 h-16 inline-block border-8 animate-spin m-auto",
+					className ? className : "border-purple-700 border-r-gray-200"
+				)}
+				role="status"
+			/>
+		</>
+	)
+}
+
+export default Loader

package/stories/atoms/loaders/NProgress/RadialProgress.stories.tsx

@@ -1,19 +1,19 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import RadialProgress from "./RadialProgress"
-
-const meta: Meta<typeof RadialProgress> = {
-	title: "Design System/atoms/Loaders/NProgress/RadialProgress",
-	component: RadialProgress
-}
-
-type Story = StoryObj<typeof RadialProgress>
-
-export const DefaultRadialProgress: Story = {
-	args: {
-		inputValue: 33,
-		radius: 20,
-		children: <></>
-	}
-}
-
-export default meta
+import type { Meta, StoryObj } from "@storybook/react"
+import RadialProgress from "./RadialProgress"
+
+const meta: Meta<typeof RadialProgress> = {
+	title: "Design System/atoms/Loaders/NProgress/RadialProgress",
+	component: RadialProgress
+}
+
+type Story = StoryObj<typeof RadialProgress>
+
+export const DefaultRadialProgress: Story = {
+	args: {
+		inputValue: 33,
+		radius: 20,
+		children: <></>
+	}
+}
+
+export default meta

package/stories/atoms/loaders/NProgress/RadialProgress.tsx

@@ -1,74 +1,74 @@
-import React, { useMemo } from "react"
-import { default as cn } from "classnames"
-export interface IRadialProgressProps extends React.PropsWithChildren {
-	/** Percentage value to display */
-	inputValue: number
-	/** Radius for the circle - Max value of 100 */
-	radius: number
-	/** Additional classnames */
-	className?: string
-}
-
-const RadialProgress: React.FC<IRadialProgressProps> = ({
-  inputValue,
-  radius,
-  children,
-  className,
-}) => {
-  const r = radius / 2
-
-  if (inputValue < 0) {
-    inputValue = 0
-  }
-  if (inputValue > 100) {
-    inputValue = 100
-  }
-  if (radius < 0) {
-    radius = 0
-  }
-  if (radius > 100) {
-    radius = 100
-  }
-  const drawPercentage = useMemo(() => {
-    const roundCircum = Math.round(2 * r * Math.PI)
-    return (inputValue * roundCircum) / 50
-  }, [inputValue, r])
-
-  const xyPos = (radius + 2) * -1
-  const viewPortXY = (radius + 2) * 2
-  return (
-    <div
-      className={cn(`overflow-visible`, className && className)}
-      style={{ height: `${viewPortXY}px`, width: `${viewPortXY}px` }}
-    >
-      <svg
-        viewBox={`${xyPos} ${xyPos} ${viewPortXY} ${viewPortXY}`}
-        data-percent={drawPercentage}
-        fill="none"
-      >
-        <circle
-          className="-rotate-90 stroke-gray-200 stroke-1"
-          cx={0}
-          cy={0}
-          r={radius}
-        ></circle>
-        <circle
-          strokeDasharray={`${drawPercentage} 999`}
-          className="m-1 -rotate-90 stroke-purple-600 stroke-1 transition-all"
-          cx={0}
-          cy={0}
-          r={radius}
-        ></circle>
-      </svg>
-      <div
-        className={cn(
-          `h-[${viewPortXY}px] w-[${viewPortXY}px] absolute inset-0 flex items-center justify-center overflow-hidden `
-        )}
-      >
-        {children}
-      </div>
-    </div>
-  )
-}
-
-export default RadialProgress
+import React, { useMemo } from "react"
+import { default as cn } from "classnames"
+export interface IRadialProgressProps extends React.PropsWithChildren {
+	/** Percentage value to display */
+	inputValue: number
+	/** Radius for the circle - Max value of 100 */
+	radius: number
+	/** Additional classnames */
+	className?: string
+}
+
+const RadialProgress: React.FC<IRadialProgressProps> = ({
+  inputValue,
+  radius,
+  children,
+  className,
+}) => {
+  const r = radius / 2
+
+  if (inputValue < 0) {
+    inputValue = 0
+  }
+  if (inputValue > 100) {
+    inputValue = 100
+  }
+  if (radius < 0) {
+    radius = 0
+  }
+  if (radius > 100) {
+    radius = 100
+  }
+  const drawPercentage = useMemo(() => {
+    const roundCircum = Math.round(2 * r * Math.PI)
+    return (inputValue * roundCircum) / 50
+  }, [inputValue, r])
+
+  const xyPos = (radius + 2) * -1
+  const viewPortXY = (radius + 2) * 2
+  return (
+    <div
+      className={cn(`overflow-visible`, className && className)}
+      style={{ height: `${viewPortXY}px`, width: `${viewPortXY}px` }}
+    >
+      <svg
+        viewBox={`${xyPos} ${xyPos} ${viewPortXY} ${viewPortXY}`}
+        data-percent={drawPercentage}
+        fill="none"
+      >
+        <circle
+          className="-rotate-90 stroke-gray-200 stroke-1"
+          cx={0}
+          cy={0}
+          r={radius}
+        ></circle>
+        <circle
+          strokeDasharray={`${drawPercentage} 999`}
+          className="m-1 -rotate-90 stroke-purple-600 stroke-1 transition-all"
+          cx={0}
+          cy={0}
+          r={radius}
+        ></circle>
+      </svg>
+      <div
+        className={cn(
+          `h-[${viewPortXY}px] w-[${viewPortXY}px] absolute inset-0 flex items-center justify-center overflow-hidden `
+        )}
+      >
+        {children}
+      </div>
+    </div>
+  )
+}
+
+export default RadialProgress

package/stories/atoms/loaders/NProgress/index.ts

@@ -1,3 +1,3 @@
-import RadialProgress, { IRadialProgressProps } from "./RadialProgress"
-export default RadialProgress
-export type { IRadialProgressProps }
+import RadialProgress, { IRadialProgressProps } from "./RadialProgress"
+export default RadialProgress
+export type { IRadialProgressProps }

package/stories/atoms/loaders/index.ts

@@ -1,4 +1,4 @@
-import Loader, { ILoaderProps } from "./Loader"
-import RadialProgress, { IRadialProgressProps } from "./NProgress"
-export { Loader, RadialProgress }
-export type { ILoaderProps, IRadialProgressProps }
+import Loader, { ILoaderProps } from "./Loader"
+import RadialProgress, { IRadialProgressProps } from "./NProgress"
+export { Loader, RadialProgress }
+export type { ILoaderProps, IRadialProgressProps }

package/stories/index.ts

@@ -1,136 +1,136 @@
-//Atomic Components, props, and type gaurds.
-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 "./atoms"
-// Molecular Components, props, and type gaurds.
-import {
-	ICheckboxProps,
-	IComboboxProps,
-	IInputFieldProps,
-	IInputLabelProps,
-	INestedInputButtonProps,
-	IRadioProps,
-	ISelectProps,
-	ITextareaProps,
-	IToggleSwitchProps,
-	AcceptedInputTypes,
-	Checkbox,
-	Combobox,
-	InputField,
-	InputLabel,
-	NestedInputButton,
-	Radio,
-	Select,
-	Textarea,
-	ToggleSwitch,
-	TextInput,
-	ITextInputProps,
-	ISimpleSelectOptions
-} from "./molecules"
-// Organism Components, props, and type gaurds.
-import {
-	IAnimatedLabelInputProps,
-	AnimatedLabelTextArea,
-	IAnimatedLabelTextAreaProps,
-	IButtonDropdownProps,
-	IDropdownProps,
-	IEmptySectionPlaceholderProps,
-	IItemProp,
-	IFormInputWithAddonsProps,
-	AnimatedLabelInput,
-	ButtonDropdown,
-	Dropdown,
-	EmptySectionPlaceholder,
-	FormInputWithAddons,
-	TextInputSelect,
-	ITextInputSelectProps
-} from "./organisms"
-
-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
-}
+//Atomic Components, props, and type gaurds.
+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 "./atoms"
+// Molecular Components, props, and type gaurds.
+import {
+	ICheckboxProps,
+	IComboboxProps,
+	IInputFieldProps,
+	IInputLabelProps,
+	INestedInputButtonProps,
+	IRadioProps,
+	ISelectProps,
+	ITextareaProps,
+	IToggleSwitchProps,
+	AcceptedInputTypes,
+	Checkbox,
+	Combobox,
+	InputField,
+	InputLabel,
+	NestedInputButton,
+	Radio,
+	Select,
+	Textarea,
+	ToggleSwitch,
+	TextInput,
+	ITextInputProps,
+	ISimpleSelectOptions
+} from "./molecules"
+// Organism Components, props, and type gaurds.
+import {
+	IAnimatedLabelInputProps,
+	AnimatedLabelTextArea,
+	IAnimatedLabelTextAreaProps,
+	IButtonDropdownProps,
+	IDropdownProps,
+	IEmptySectionPlaceholderProps,
+	IItemProp,
+	IFormInputWithAddonsProps,
+	AnimatedLabelInput,
+	ButtonDropdown,
+	Dropdown,
+	EmptySectionPlaceholder,
+	FormInputWithAddons,
+	TextInputSelect,
+	ITextInputSelectProps
+} from "./organisms"
+
+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
+}