@apify/ui-library 1.148.0 → 1.148.1-featuremigrateapifyuilibrary-48563e.21

package/dist/components/code/prism_python.js

@@ -0,0 +1,68 @@
+//#region src/components/code/prism_python.ts
+Prism.languages.python = {
+	comment: {
+		pattern: /(^|[^\\])#.*/,
+		lookbehind: true,
+		greedy: true
+	},
+	"string-interpolation": {
+		pattern: /(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,
+		greedy: true,
+		inside: {
+			interpolation: {
+				pattern: /((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,
+				lookbehind: true,
+				inside: {
+					"format-spec": {
+						pattern: /(:)[^:(){}]+(?=\}$)/,
+						lookbehind: true
+					},
+					"conversion-option": {
+						pattern: /![sra](?=[:}]$)/,
+						alias: "punctuation"
+					},
+					rest: null
+				}
+			},
+			string: /[\s\S]+/
+		}
+	},
+	"string-property": {
+		pattern: /((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,
+		lookbehind: true,
+		greedy: true,
+		alias: "property"
+	},
+	"triple-quoted-string": {
+		pattern: /(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,
+		greedy: true,
+		alias: "string"
+	},
+	string: {
+		pattern: /(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,
+		greedy: true
+	},
+	function: {
+		pattern: /((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,
+		lookbehind: true
+	},
+	"class-name": {
+		pattern: /(\bclass\s+)\w+/i,
+		lookbehind: true
+	},
+	decorator: {
+		pattern: /(^[\t ]*)@\w+(?:\.\w+)*/m,
+		lookbehind: true,
+		alias: ["annotation", "punctuation"],
+		inside: { punctuation: /\./ }
+	},
+	keyword: /\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,
+	builtin: /\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,
+	boolean: /\b(?:False|None|True)\b/,
+	number: /\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,
+	operator: /[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,
+	punctuation: /[{}[\];(),.:]/
+};
+Prism.languages.python["string-interpolation"].inside.interpolation.inside.rest = Prism.languages.python;
+Prism.languages.py = Prism.languages.python;
+//#endregion

package/dist/components/collapsible_card/collapsible_card.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+interface TransientWrapperProps {
+    hideOuterBorder?: boolean;
+    hasShadow?: boolean;
+}
+export type CollapsibleCardProps = {
+    header: ReactNode;
+    children: ReactNode;
+    isExpanded?: boolean;
+    isExpandedDefault?: boolean;
+    onIsExpandedChanged?: (expanded: boolean) => void;
+    noChevron?: boolean;
+    noDivider?: boolean;
+    topSection?: ReactNode;
+    isClosedHeaderGrey?: boolean;
+    isHeaderGreyOnHover?: boolean;
+    as?: React.ElementType;
+} & TransientWrapperProps & Omit<React.HTMLAttributes<HTMLElement>, 'children'>;
+export declare const collapsibleCardClassNames: {
+    TOP_SECTION: string;
+    COLLAPSIBLE_CONTENT_WRAPPER: string;
+    CONTENT: string;
+};
+export declare const CollapsibleCard: ({ header, children, isExpanded, isExpandedDefault, onIsExpandedChanged, noChevron, noDivider, topSection, hideOuterBorder, hasShadow, isClosedHeaderGrey, isHeaderGreyOnHover, as: Element, ...rest }: CollapsibleCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=collapsible_card.d.ts.map

package/dist/components/collapsible_card/collapsible_card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible_card.d.ts","sourceRoot":"","sources":["../../../src/components/collapsible_card/collapsible_card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AASjD,UAAU,qBAAqB;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAWD,MAAM,MAAM,oBAAoB,GAAG;IAC/B,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC1B,GAAG,qBAAqB,GACrB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC;AAExD,eAAO,MAAM,yBAAyB;;;;CAIrC,CAAC;AAqEF,eAAO,MAAM,eAAe,GAAI,uMAe7B,oBAAoB,4CAiDtB,CAAC"}

package/dist/components/collapsible_card/collapsible_card.js

@@ -0,0 +1,117 @@
+import { theme } from "../../design_system/theme.js";
+import { Box } from "../box/box.js";
+import styled, { css } from "styled-components";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import { ChevronDownIcon } from "@apify/ui-icons";
+import * as Collapsible from "@radix-ui/react-collapsible";
+//#region src/components/collapsible_card/collapsible_card.tsx
+var collapsibleCardClassNames = {
+	TOP_SECTION: "CollapsibleCard-TopSection",
+	COLLAPSIBLE_CONTENT_WRAPPER: "CollapsibleCard-Content",
+	CONTENT: "Card-content"
+};
+var StyledCardWrapper = styled(Box)`
+    /* consoleStyle.partialStyle.card — TODO: reuse from Card once moved out of to_consolidate */
+    background-color: ${theme.color.neutral.cardBackground};
+    border: 1px solid ${theme.color.neutral.border};
+    box-shadow: var(--shadow-1);
+    border-radius: ${theme.radius.radius8};
+    box-sizing: border-box;
+
+    ${({ $hideOuterBorder }) => $hideOuterBorder && css`
+            border: none;
+            border-radius: unset;
+        `};
+    /* Reset padding, it is dealt with within header and content styles */
+    padding: 0;
+    ${({ $hasShadow }) => $hasShadow ? "" : "box-shadow: initial;"}
+    /* TODO: check if it this is needed, ie in publication tab it is reset back to overflow: visible */
+    overflow: hidden;
+`;
+var StyledTopSection = styled.div`
+    display: flex;
+    align-items: center;
+    padding: ${theme.space.space4} ${theme.space.space8};
+    background: ${theme.color.neutral.backgroundMuted};
+    border-bottom: solid 1px ${theme.color.neutral.border};
+    gap: ${theme.space.space8};
+`;
+var StyledHeader = styled.header`
+    display: flex;
+    gap: ${theme.space.space4};
+    align-items: center;
+    ${({ onClick }) => onClick ? "cursor: pointer;" : ""};
+    padding: ${theme.space.space16};
+    background-color: ${({ $isHeaderGrey }) => $isHeaderGrey ? theme.color.neutral.backgroundMuted : "initial"};
+    /* We want to radiuses if there is no outer border */
+    ${({ $hideOuterBorder }) => $hideOuterBorder ? "" : `border-radius: ${theme.radius.radius8};`}
+
+    &:hover {
+        background-color: ${({ $isHeaderGrey, $isHeaderGreyOnHover }) => $isHeaderGrey || $isHeaderGreyOnHover ? theme.color.neutral.hover : "initial"};
+    }
+
+    .chevron {
+        transition: transform 100ms ease-in-out;
+    }
+
+    .chevron-open {
+        transform: rotate(0deg);
+    }
+
+    .chevron-closed {
+        transform: rotate(-90deg);
+    }
+`;
+var StyledCardContent = styled.div`
+    padding: ${theme.space.space16};
+    overflow: auto;
+`;
+var CollapsibleContent = styled(Collapsible.Content)`
+    ${({ $noDivider }) => $noDivider ? "" : `border-top: 1px solid ${theme.color.neutral.border};`}
+`;
+var CollapsibleCard = ({ header, children, isExpanded, isExpandedDefault = false, onIsExpandedChanged, noChevron, noDivider, topSection, hideOuterBorder, hasShadow, isClosedHeaderGrey, isHeaderGreyOnHover, as: Element, ...rest }) => {
+	const isUncontrolled = isExpanded === void 0;
+	const [isOpen, setOpen] = useState(isExpandedDefault);
+	let onHeaderClick;
+	if (isUncontrolled) onHeaderClick = () => setOpen((prevIsOpen) => !prevIsOpen);
+	else if (onIsExpandedChanged) onHeaderClick = () => onIsExpandedChanged(!isExpanded);
+	return /* @__PURE__ */ jsxs(StyledCardWrapper, {
+		forwardedAs: Element || "section",
+		$hideOuterBorder: hideOuterBorder,
+		$hasShadow: hasShadow,
+		...rest,
+		children: [
+			topSection && /* @__PURE__ */ jsx(StyledTopSection, {
+				className: collapsibleCardClassNames.TOP_SECTION,
+				"data-test": "collapsible-card-top-section",
+				children: topSection
+			}),
+			/* @__PURE__ */ jsxs(StyledHeader, {
+				$hideOuterBorder: hideOuterBorder,
+				$isHeaderGrey: isClosedHeaderGrey && !isOpen && !isExpanded,
+				$isHeaderGreyOnHover: isHeaderGreyOnHover,
+				onClick: onHeaderClick,
+				children: [!noChevron && /* @__PURE__ */ jsx(ChevronDownIcon, {
+					size: "16",
+					className: clsx$1("chevron", isExpanded ?? isOpen ? "chevron-open" : "chevron-closed")
+				}), header]
+			}),
+			/* @__PURE__ */ jsx(Collapsible.Root, {
+				open: isUncontrolled ? isOpen : isExpanded,
+				children: /* @__PURE__ */ jsx(CollapsibleContent, {
+					$noDivider: noDivider,
+					className: collapsibleCardClassNames.COLLAPSIBLE_CONTENT_WRAPPER,
+					children: /* @__PURE__ */ jsx(StyledCardContent, {
+						className: collapsibleCardClassNames.CONTENT,
+						"data-test": "card-content",
+						children
+					})
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { CollapsibleCard, collapsibleCardClassNames };

package/dist/components/collapsible_card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './collapsible_card';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/collapsible_card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/collapsible_card/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/components/color_wheel_gradient/color_wheel_gradient.d.ts

@@ -0,0 +1,9 @@
+export interface ColorWheelGradientProps {
+    translateX?: number;
+    translateY?: number;
+    rotation?: number;
+    radius?: number;
+    blurSize?: number;
+}
+export declare const ColorWheelGradient: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColorWheelGradientProps>> & string;
+//# sourceMappingURL=color_wheel_gradient.d.ts.map

package/dist/components/color_wheel_gradient/color_wheel_gradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_wheel_gradient.d.ts","sourceRoot":"","sources":["../../../src/components/color_wheel_gradient/color_wheel_gradient.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,4PAsB9B,CAAC"}

package/dist/components/color_wheel_gradient/color_wheel_gradient.js

@@ -0,0 +1,27 @@
+import styled from "styled-components";
+//#region src/components/color_wheel_gradient/color_wheel_gradient.tsx
+var ColorWheelGradient = styled.div`
+    ${({ radius, rotation = 0, blurSize = 40, translateX = 0, translateY = 0 }) => `
+    z-index: 1;
+    position: absolute;
+    width: ${radius ? `${radius}px` : "auto"};
+    height: ${radius ? `${radius}px` : "auto"};
+    transform-origin: center;
+    transform: translate(${translateX}px, ${translateY}px) rotate(${rotation}deg);
+
+    opacity: 0.30;
+    background: conic-gradient(
+        rgba(93, 133, 225, 0.99) 0deg,
+        rgba(106, 20, 222, 0.99) 69deg,
+        rgba(228, 68, 103, 0.99) 150deg,
+        rgba(250, 129, 54, 0.99) 221deg,
+        rgba(240, 178, 27, 0.99) 287deg,
+        rgba(18, 150, 111, 0.99) 360deg
+    );
+
+    border-radius: 50%;
+    filter: blur(${blurSize}px)
+`}
+`;
+//#endregion
+export { ColorWheelGradient };

package/dist/components/color_wheel_gradient/index.d.ts

@@ -0,0 +1,2 @@
+export * from './color_wheel_gradient';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/color_wheel_gradient/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/color_wheel_gradient/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/components/dropdown/dropdown.context.d.ts

@@ -0,0 +1,6 @@
+export type DropdownContextValue = {
+    handleSelectAndClose: (event?: Event) => void;
+};
+export declare const DropdownContext: import('react').Context<DropdownContextValue | null>;
+export declare const useDropdownContext: () => DropdownContextValue;
+//# sourceMappingURL=dropdown.context.d.ts.map

package/dist/components/dropdown/dropdown.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.context.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.context.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,oBAAoB,GAAG;IAC/B,oBAAoB,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,eAAe,sDAAmD,CAAC;AAChF,eAAO,MAAM,kBAAkB,4BAM9B,CAAC"}

package/dist/components/dropdown/dropdown.context.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+//#region src/components/dropdown/dropdown.context.tsx
+var DropdownContext = createContext(null);
+var useDropdownContext = () => {
+	const context = useContext(DropdownContext);
+	if (!context) throw new Error("Dropdown components must be used within a DropdownRoot provider");
+	return context;
+};
+//#endregion
+export { DropdownContext, useDropdownContext };

package/dist/components/dropdown/dropdown.d.ts

@@ -0,0 +1,48 @@
+import { default as React } from 'react';
+import { BaseDropdownItemProps } from './dropdown.types';
+import type * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+type DropdownItemProps = React.ComponentPropsWithRef<typeof DropdownMenu.Item> & BaseDropdownItemProps & {
+    trailingIcon?: React.ReactNode;
+    selected?: boolean;
+    onSelect?: (event: Event) => void;
+    tags?: React.ReactNode[];
+};
+type DropdownCheckboxItemProps = React.ComponentPropsWithRef<typeof DropdownMenu.CheckboxItem> & BaseDropdownItemProps & {
+    checked?: boolean;
+    trailingIcon?: React.ReactNode;
+    onCheckedChange?: (checked: boolean) => void;
+    onSelect?: (event: Event) => void;
+};
+type RadioOption = {
+    label: string;
+    description?: string;
+    disabled?: boolean;
+    value: string;
+};
+type DropdownRadioGroupProps = {
+    options: RadioOption[];
+    value: string;
+    setValue: (value: string) => void;
+};
+type DropdownLabelProps = React.ComponentPropsWithRef<typeof DropdownMenu.Label> & {
+    children?: React.ReactNode | React.ReactNode[];
+};
+type DropdownControlProps = React.ComponentPropsWithRef<typeof DropdownMenu.Label> & {
+    children?: React.ReactNode | React.ReactNode[];
+};
+export declare const Dropdown: (({ closeOnSelect, children, isOpen, onIsOpenChange, ...props }: DropdownMenu.DropdownMenuProps & {
+    closeOnSelect?: boolean;
+    children: React.ReactNode;
+    onIsOpenChange?: (isOpen: boolean) => void;
+    isOpen?: boolean;
+    contentProps?: React.ComponentPropsWithRef<typeof DropdownMenu.Content>;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    Item: ({ children, icon, trailingIcon, selected, description, onSelect, className, disabled, tags, ...props }: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
+    CheckboxItem: ({ checked, children, icon, trailingIcon, onCheckedChange, description, onSelect, disabled, className, ...props }: DropdownCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
+    Label: (props: DropdownLabelProps) => import("react/jsx-runtime").JSX.Element;
+    RadioGroup: ({ options, value, setValue }: DropdownRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+    Controls: (props: DropdownControlProps) => import("react/jsx-runtime").JSX.Element;
+    Separator: (props: React.ComponentPropsWithRef<typeof DropdownMenu.Separator>) => import("react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/components/dropdown/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAGnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAyB1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAG9D,KAAK,iBAAiB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,GAC1E,qBAAqB,GAAG;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC5B,CAAC;AAkDN,KAAK,yBAAyB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,YAAY,CAAC,YAAY,CAAC,GAC1F,qBAAqB,GAAG;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACrC,CAAC;AAgEN,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AA8BF,KAAK,uBAAuB,GAAG;IAC3B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAsCF,KAAK,kBAAkB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,YAAY,CAAC,KAAK,CAAC,GAAG;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAClD,CAAC;AAIF,KAAK,oBAAoB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,YAAY,CAAC,KAAK,CAAC,GAAG;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAClD,CAAC;AASF,eAAO,MAAM,QAAQ;;;;;;;mHAzMlB,iBAAiB;qIAwDjB,yBAAyB;mBAoIE,kBAAkB;+CAxCU,uBAAuB;sBA6ChD,oBAAoB;uBAInB,KAAK,CAAC,qBAAqB,CAAC,OAAO,YAAY,CAAC,SAAS,CAAC;CAW1F,CAAC"}

package/dist/components/dropdown/dropdown.js

@@ -0,0 +1,130 @@
+import { theme } from "../../design_system/theme.js";
+import { CheckboxPrimitive } from "../checkbox/checkbox.js";
+import { radioButtonStyle } from "../radio_button/radio_button.style.js";
+import { useDropdownContext } from "./dropdown.context.js";
+import { DROPDOWN_ELEMENT_CLASSES, StyledCheckboxIconWrapper, StyledCheckboxItem, StyledContentWrapper, StyledControls, StyledDescription, StyledIconWrapper, StyledItem, StyledItemRow, StyledItemTitle, StyledItemWrapper, StyledLabel, StyledSeparator, StyledTagWrapper } from "./dropdown.styled.js";
+import { DropdownRoot } from "./dropdown_root.js";
+import styled from "styled-components";
+import "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { CheckIcon } from "@apify/ui-icons";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+//#region src/components/dropdown/dropdown.tsx
+var DropdownItem = ({ children, icon, trailingIcon, selected, description, onSelect, className, disabled, tags = [], ...props }) => {
+	const { handleSelectAndClose } = useDropdownContext();
+	const handleSelect = (event) => {
+		if (onSelect) onSelect(event);
+		handleSelectAndClose(event);
+	};
+	return /* @__PURE__ */ jsx(StyledItemWrapper, { children: /* @__PURE__ */ jsx(StyledItem, {
+		onSelect: handleSelect,
+		disabled,
+		...props,
+		className: clsx(DROPDOWN_ELEMENT_CLASSES.ITEM, className, selected && "dropdown-item-selected"),
+		"data-test": disabled ? "dropdown-item-disabled" : "dropdown-item",
+		children: /* @__PURE__ */ jsxs(StyledItemRow, { children: [
+			icon && /* @__PURE__ */ jsx(StyledIconWrapper, { children: icon }),
+			/* @__PURE__ */ jsxs(StyledContentWrapper, { children: [/* @__PURE__ */ jsx(StyledItemTitle, { children }), description && /* @__PURE__ */ jsx(StyledDescription, { children: description })] }),
+			(trailingIcon || selected) && /* @__PURE__ */ jsxs(StyledIconWrapper, { children: [trailingIcon, !trailingIcon && selected && /* @__PURE__ */ jsx(CheckIcon, {
+				size: "16",
+				color: theme.color.neutral.text
+			})] }),
+			tags.length > 0 && /* @__PURE__ */ jsx(StyledTagWrapper, {
+				onClick: (e) => e.stopPropagation(),
+				children: tags
+			})
+		] })
+	}) });
+};
+var DropdownCheckboxItem = ({ checked, children, icon, trailingIcon, onCheckedChange, description, onSelect, disabled, className, ...props }) => {
+	const { handleSelectAndClose } = useDropdownContext();
+	const handleSelect = (event) => {
+		if (disabled) return;
+		if (onSelect) onSelect(event);
+		handleSelectAndClose(event);
+	};
+	return /* @__PURE__ */ jsx(StyledItemWrapper, { children: /* @__PURE__ */ jsx(StyledCheckboxItem, {
+		checked,
+		onSelect: handleSelect,
+		disabled,
+		...props,
+		onCheckedChange: disabled ? void 0 : onCheckedChange,
+		className: clsx(className),
+		"data-test": disabled ? "dropdown-item-disabled" : "dropdown-item",
+		children: /* @__PURE__ */ jsxs(StyledItemRow, { children: [
+			/* @__PURE__ */ jsx(StyledCheckboxIconWrapper, { children: /* @__PURE__ */ jsx(CheckboxPrimitive, {
+				value: !!checked,
+				setValue: disabled ? () => void 0 : onCheckedChange || (() => void 0),
+				readOnly: disabled || !onCheckedChange
+			}) }),
+			icon && /* @__PURE__ */ jsx(StyledIconWrapper, { children: icon }),
+			/* @__PURE__ */ jsxs(StyledContentWrapper, { children: [/* @__PURE__ */ jsx(StyledItemTitle, { children }), description && /* @__PURE__ */ jsx(StyledDescription, { children: description })] }),
+			trailingIcon && /* @__PURE__ */ jsx(StyledIconWrapper, { children: trailingIcon })
+		] })
+	}) });
+};
+var StyledRadioGroupRoot = styled(RadioGroupPrimitive.Root)`
+    display: flex;
+    flex-direction: column;
+`;
+var StyledRadioGroupItem = styled(RadioGroupPrimitive.Item)`
+    ${radioButtonStyle}
+    flex-shrink: 0;
+`;
+var DropdownRadioOptionLabel = ({ label, description }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(StyledItemTitle, { children: label }), description && /* @__PURE__ */ jsx(StyledDescription, {
+	title: description,
+	children: description
+})] });
+var DropdownRadioOption = ({ option, isSelected, onSelect, children }) => /* @__PURE__ */ jsx("div", {
+	className: clsx(DROPDOWN_ELEMENT_CLASSES.RADIO_OPTION, option.disabled && DROPDOWN_ELEMENT_CLASSES.RADIO_OPTION_DISABLED, isSelected && DROPDOWN_ELEMENT_CLASSES.RADIO_OPTION_SELECTED),
+	onClick: onSelect,
+	"aria-disabled": option.disabled,
+	children
+});
+var DropdownRadioGroup = ({ options, value, setValue }) => {
+	const { handleSelectAndClose } = useDropdownContext();
+	const handleSelect = (newValue) => {
+		setValue(newValue);
+		handleSelectAndClose();
+	};
+	return /* @__PURE__ */ jsx(StyledItemWrapper, { children: /* @__PURE__ */ jsx(StyledRadioGroupRoot, {
+		value,
+		onValueChange: handleSelect,
+		children: options.map((option) => /* @__PURE__ */ jsxs(DropdownRadioOption, {
+			option,
+			isSelected: option.value === value,
+			onSelect: option.disabled ? void 0 : () => handleSelect(option.value),
+			children: [/* @__PURE__ */ jsx("span", {
+				className: DROPDOWN_ELEMENT_CLASSES.RADIO_OPTION_ICON,
+				children: /* @__PURE__ */ jsx(StyledRadioGroupItem, {
+					value: option.value,
+					id: option.value,
+					disabled: option.disabled,
+					onClick: (e) => e.stopPropagation()
+				})
+			}), /* @__PURE__ */ jsx("span", {
+				className: DROPDOWN_ELEMENT_CLASSES.RADIO_OPTION_CONTENT,
+				children: /* @__PURE__ */ jsx(DropdownRadioOptionLabel, {
+					label: option.label,
+					description: option.description
+				})
+			})]
+		}, option.value))
+	}) });
+};
+var DropdownLabel = (props) => /* @__PURE__ */ jsx(StyledLabel, { ...props });
+var DropdownControls = (props) => {
+	return /* @__PURE__ */ jsx(StyledControls, { children: props.children });
+};
+var DropdownSeparator = (props) => /* @__PURE__ */ jsx(StyledSeparator, { ...props });
+var Dropdown = Object.assign(DropdownRoot, {
+	Item: DropdownItem,
+	CheckboxItem: DropdownCheckboxItem,
+	Label: DropdownLabel,
+	RadioGroup: DropdownRadioGroup,
+	Controls: DropdownControls,
+	Separator: DropdownSeparator
+});
+//#endregion
+export { Dropdown };

package/dist/components/dropdown/dropdown.styled.d.ts

@@ -0,0 +1,35 @@
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+export declare const DROPDOWN_ELEMENT_CLASSES: {
+    WRAPPER: string;
+    ITEM: string;
+    TRIGGER_OVERLAY: string;
+    RADIO_OPTION: string;
+    RADIO_OPTION_DISABLED: string;
+    RADIO_OPTION_SELECTED: string;
+    RADIO_OPTION_ICON: string;
+    RADIO_OPTION_CONTENT: string;
+};
+type StyledContentProps = {
+    $width?: string;
+    $height?: string;
+    $zIndex?: number;
+};
+export declare const StyledContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<DropdownMenu.DropdownMenuContentProps & import('react').RefAttributes<HTMLDivElement>, DropdownMenu.DropdownMenuContentProps & import('react').RefAttributes<HTMLDivElement>>, DropdownMenu.DropdownMenuContentProps & {
+    'data-test'?: string;
+}>, StyledContentProps>> & string & Omit<import('react').ForwardRefExoticComponent<DropdownMenu.DropdownMenuContentProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const ScrollableContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledItemRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledItemWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<DropdownMenu.DropdownMenuItemProps & import('react').RefAttributes<HTMLDivElement>, never>> & string & Omit<import('react').ForwardRefExoticComponent<DropdownMenu.DropdownMenuItemProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const StyledCheckboxItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<DropdownMenu.DropdownMenuCheckboxItemProps & import('react').RefAttributes<HTMLDivElement>, never>> & string & Omit<import('react').ForwardRefExoticComponent<DropdownMenu.DropdownMenuCheckboxItemProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const StyledLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<DropdownMenu.DropdownMenuLabelProps & import('react').RefAttributes<HTMLDivElement>, never>> & string & Omit<import('react').ForwardRefExoticComponent<DropdownMenu.DropdownMenuLabelProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const StyledDescription: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledItemTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledIconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledCheckboxIconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>, never>> & string;
+export declare const StyledContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledTagWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledControls: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledSeparator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<DropdownMenu.DropdownMenuSeparatorProps & import('react').RefAttributes<HTMLDivElement>, never>> & string & Omit<import('react').ForwardRefExoticComponent<DropdownMenu.DropdownMenuSeparatorProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+export {};
+//# sourceMappingURL=dropdown.styled.d.ts.map

package/dist/components/dropdown/dropdown.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.styled.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.styled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAK9D,eAAO,MAAM,wBAAwB;;;;;;;;;CASpC,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa;kBACkC,MAAM;yNAiBjE,CAAC;AAEF,eAAO,MAAM,iBAAiB,6NA8D7B,CAAC;AAEF,eAAO,MAAM,aAAa,6NAOzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,6NAE7B,CAAC;AAEF,eAAO,MAAM,UAAU,mYA8BtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mZAmC9B,CAAC;AAEF,eAAO,MAAM,WAAW,qYAQvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,6NAU7B,CAAC;AAEF,eAAO,MAAM,eAAe,+NAU3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,+NAQ7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,4QAErC,CAAC;AAEF,eAAO,MAAM,oBAAoB,6NAQhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,6NAG5B,CAAC;AAEF,eAAO,MAAM,cAAc,6NAM1B,CAAC;AAEF,eAAO,MAAM,eAAe,6YAK3B,CAAC"}