@devopness/ui-react 2.153.2 → 2.155.0

package/dist/src/components/Primitives/Dropdown/Dropdown.d.ts

@@ -4,6 +4,7 @@ import { InjectedProps as PopupStateProps } from 'material-ui-popup-state';
 import { Color } from '../../../colors';
 import { ButtonProps } from '../../Buttons';
 import { IconProps } from '../Icon';
+import { LinkProps } from '../Link';
 import { TooltipProps } from '../Tooltip';
 import { Unwrap } from '../../types';
 type DropdownOptionIcon = Unwrap<Partial<Pick<IconProps, 'name' | 'size'>> & Pick<React.CSSProperties, 'backgroundColor' | 'color'>> & {
@@ -14,9 +15,9 @@ type DropdownOptionLetter = Unwrap<Pick<React.CSSProperties, 'backgroundColor' |
 };
 type DropdownOption = {
     /**
-     * Add separator from previous options
+     * Background Color to use when option is active
      */
-    brokenSequence?: boolean;
+    activeBackgroundColor?: Color;
     /**
      * Option Badge configuration
      *
@@ -24,31 +25,37 @@ type DropdownOption = {
      */
     badge?: DropdownOptionIcon | DropdownOptionLetter;
     /**
-     * Option description
+     * Add separator from previous options
      */
-    label?: string;
+    brokenSequence?: boolean;
+    /**
+     * Label text color
+     *
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/color}
+     */
+    color?: Color;
     /**
      * Highlight option
      */
     isActive?: boolean;
     /**
-     * Background Color to use when option is active
+     * Disables option
      */
-    activeBackgroundColor?: Color;
+    isDisabled?: boolean;
     /**
-     * Event handler called when this option is clicked.
+     * Option description
      */
-    onClick?: () => null;
+    label?: string;
     /**
-     * Transforms label to a Link and point user to this url
+     * Link properties
      *
      * @see {Link}
      */
-    url?: string;
+    linkProps?: LinkProps;
     /**
-     * Disables option
+     * Event handler called when this option is clicked.
      */
-    isDisabled?: boolean;
+    onClick?: () => null;
     /**
      * Tooltip's title
      *
@@ -56,11 +63,11 @@ type DropdownOption = {
      */
     tooltip?: TooltipProps['title'];
     /**
-     * Label text color
+     * Transforms label to a Link and point user to this url
      *
-     * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/color}
+     * @see {Link}
      */
-    color?: Color;
+    url?: string;
 };
 type DropdownSharedProps = {
     /**
@@ -75,45 +82,45 @@ type DropdownSharedProps = {
      * help: https://mui.com/material-ui/react-popover/#anchor-playground
      */
     anchorOrigin?: PopoverOrigin;
-    /**
-     * This is the point on the popover which
-     * will attach to the anchor's origin.
-     *
-     * Options:
-     * vertical: [top, center, bottom, x(px)];
-     * horizontal: [left, center, right, x(px)].
-     *
-     * help: https://mui.com/material-ui/react-popover/#anchor-playground
-     */
-    transformOrigin?: PopoverOrigin;
     /**
      * The unique id to identify the dropdown anchor element.
      */
     id: string;
     /**
-     * Options listed in the Dropdown menu popup.
+     * Event handler called when a dropdown option is selected.
+     *
+     * This prop can be overriden using option.onClick
      *
      * @see {DropdownOption}
      */
-    options: DropdownOption[] | undefined;
+    onSelect?: (itemClicked: DropdownOption) => void;
     /**
      * Event handler called when the dropdown is opened or closed.
      */
     onToggle?: (popupState: PopupStateProps) => void;
     /**
-     * Event handler called when a dropdown option is selected.
-     *
-     * This prop can be overriden using option.onClick
+     * Options listed in the Dropdown menu popup.
      *
      * @see {DropdownOption}
      */
-    onSelect?: (itemClicked: DropdownOption) => void;
+    options: DropdownOption[] | undefined;
     /**
      * Tooltip's title
      *
      * @see {Tooltip}
      */
     tooltip?: TooltipProps['title'];
+    /**
+     * This is the point on the popover which
+     * will attach to the anchor's origin.
+     *
+     * Options:
+     * vertical: [top, center, bottom, x(px)];
+     * horizontal: [left, center, right, x(px)].
+     *
+     * @see {@link https://mui.com/material-ui/react-popover/#anchor-playground}
+     */
+    transformOrigin?: PopoverOrigin;
 };
 type DropdownVariationButtonProps = DropdownSharedProps & {
     /**
@@ -122,6 +129,13 @@ type DropdownVariationButtonProps = DropdownSharedProps & {
      * @see {Button}
      */
     anchorType: 'button';
+    /**
+     * Button properties
+     *
+     * @see {Button}
+     */
+    buttonProps?: ButtonProps;
+    content?: never;
     /**
      * Hide dropdown arrow icon
      */
@@ -130,19 +144,12 @@ type DropdownVariationButtonProps = DropdownSharedProps & {
      * Hide dropdown label text
      */
     hideLabel?: boolean;
-    /**
-     * Button properties
-     *
-     * @see {Button}
-     */
-    buttonProps?: ButtonProps;
     /**
      * Button label
      *
      * Default value: 'Open Popover'
      */
     label?: string | React.JSX.Element;
-    content?: never;
 };
 type DropdownVariationContainerProps = DropdownSharedProps & {
     /**
@@ -160,6 +167,6 @@ type DropdownProps = DropdownVariationContainerProps | DropdownVariationButtonPr
 /**
  * Display a menu with a list of options
  */
-declare const Dropdown: ({ onToggle, onSelect, content, anchorType, ...props }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+declare const Dropdown: ({ anchorType, content, onSelect, onToggle, ...props }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
 export type { DropdownOption, DropdownProps };
 export { Dropdown };

package/dist/src/components/Primitives/Dropdown/Dropdown.styled.d.ts

@@ -1,17 +1,17 @@
 import { DropdownOption } from './Dropdown';
-import { Color } from '../../../colors';
 type StyledProps = {
-    brokenSequence?: boolean;
-    backgroundColor?: string;
-    isActive?: boolean;
-    disabled?: boolean | undefined;
-    color?: Color;
-} & Partial<Pick<DropdownOption, 'activeBackgroundColor'>>;
-declare const MenuContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
-declare const MenuOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
-declare const Text: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledProps>> & string;
-declare const ContentBadge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledProps>> & string;
-declare const ClickableContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
-declare const Grid: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
-declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
+    [Key in keyof Pick<DropdownOption, 'activeBackgroundColor' | 'brokenSequence' | 'isActive' | 'color'> as `$${Key}`]: DropdownOption[Key];
+} & {
+    disabled: DropdownOption['isDisabled'];
+};
+declare const MenuContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const MenuOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<StyledProps, "disabled" | "$activeBackgroundColor" | "$brokenSequence" | "$isActive">>> & string;
+declare const Text: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<StyledProps, "$color">>> & string;
+type ContentBadgeProps = {
+    [Key in keyof Pick<NonNullable<DropdownOption['badge']>, 'backgroundColor'> as `$${Key}`]: NonNullable<DropdownOption['badge']>[Key];
+};
+declare const ContentBadge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<ContentBadgeProps, "$backgroundColor">>> & string;
+declare const ClickableContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Grid: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export { MenuContainer, MenuOption, Text, ContentBadge, ClickableContainer, Grid, Wrapper, };

package/dist/src/icons/iconLoader.d.ts

@@ -279,7 +279,7 @@ declare const iconList: readonly [{
     readonly component: string;
 }, {
     readonly type: "image";
-    readonly accessor: "github_white";
+    readonly accessor: "github-white";
     readonly component: string;
 }, {
     readonly type: "image";
@@ -291,16 +291,24 @@ declare const iconList: readonly [{
     readonly component: string;
 }, {
     readonly type: "image";
-    readonly accessor: "bitbucket_white";
+    readonly accessor: "bitbucket-white";
     readonly component: string;
 }, {
     readonly type: "image";
     readonly accessor: "docker";
     readonly component: string;
+}, {
+    readonly type: "image";
+    readonly accessor: "c-sharp";
+    readonly component: string;
 }, {
     readonly type: "image";
     readonly accessor: "dotnetcore";
     readonly component: string;
+}, {
+    readonly type: "image";
+    readonly accessor: "dotnetcore-aspnetcore";
+    readonly component: string;
 }, {
     readonly type: "image";
     readonly accessor: "html";
@@ -313,17 +321,25 @@ declare const iconList: readonly [{
     readonly type: "image";
     readonly accessor: "php";
     readonly component: string;
+}, {
+    readonly type: "image";
+    readonly accessor: "php-laravel";
+    readonly component: string;
 }, {
     readonly type: "image";
     readonly accessor: "python";
     readonly component: string;
 }, {
     readonly type: "image";
-    readonly accessor: "aspnetcore";
+    readonly accessor: "python-django";
+    readonly component: string;
+}, {
+    readonly type: "image";
+    readonly accessor: "python-flask";
     readonly component: string;
 }, {
     readonly type: "image";
-    readonly accessor: "laravel";
+    readonly accessor: "python-fastapi";
     readonly component: string;
 }, {
     readonly type: "image";