@apify/ui-library 1.138.1 → 1.138.2-featpublictasks-2f3d3c.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/components/actor_example/actor_example.utils.d.ts +17 -0
- package/dist/src/components/actor_example/actor_example.utils.d.ts.map +1 -0
- package/dist/src/components/actor_example/actor_example.utils.js +41 -0
- package/dist/src/components/actor_example/actor_example.utils.js.map +1 -0
- package/dist/src/components/actor_example/actor_example_avatar.d.ts +13 -0
- package/dist/src/components/actor_example/actor_example_avatar.d.ts.map +1 -0
- package/dist/src/components/actor_example/actor_example_avatar.js +34 -0
- package/dist/src/components/actor_example/actor_example_avatar.js.map +1 -0
- package/dist/src/components/actor_example/actor_example_card.d.ts +28 -0
- package/dist/src/components/actor_example/actor_example_card.d.ts.map +1 -0
- package/dist/src/components/actor_example/actor_example_card.js +79 -0
- package/dist/src/components/actor_example/actor_example_card.js.map +1 -0
- package/dist/src/components/actor_example/actor_example_preview.d.ts +28 -0
- package/dist/src/components/actor_example/actor_example_preview.d.ts.map +1 -0
- package/dist/src/components/actor_example/actor_example_preview.js +208 -0
- package/dist/src/components/actor_example/actor_example_preview.js.map +1 -0
- package/dist/src/components/actor_example/actor_example_run_button.d.ts +33 -0
- package/dist/src/components/actor_example/actor_example_run_button.d.ts.map +1 -0
- package/dist/src/components/actor_example/actor_example_run_button.js +12 -0
- package/dist/src/components/actor_example/actor_example_run_button.js.map +1 -0
- package/dist/src/components/actor_example/actor_example_schema.d.ts +20 -0
- package/dist/src/components/actor_example/actor_example_schema.d.ts.map +1 -0
- package/dist/src/components/actor_example/actor_example_schema.js +27 -0
- package/dist/src/components/actor_example/actor_example_schema.js.map +1 -0
- package/dist/src/components/actor_example/actor_example_schema_field.d.ts +19 -0
- package/dist/src/components/actor_example/actor_example_schema_field.d.ts.map +1 -0
- package/dist/src/components/actor_example/actor_example_schema_field.js +33 -0
- package/dist/src/components/actor_example/actor_example_schema_field.js.map +1 -0
- package/dist/src/components/actor_example/actor_example_schema_field_badge.d.ts +9 -0
- package/dist/src/components/actor_example/actor_example_schema_field_badge.d.ts.map +1 -0
- package/dist/src/components/actor_example/actor_example_schema_field_badge.js +48 -0
- package/dist/src/components/actor_example/actor_example_schema_field_badge.js.map +1 -0
- package/dist/src/components/actor_example/actor_example_schema_legend.d.ts +10 -0
- package/dist/src/components/actor_example/actor_example_schema_legend.d.ts.map +1 -0
- package/dist/src/components/actor_example/actor_example_schema_legend.js +29 -0
- package/dist/src/components/actor_example/actor_example_schema_legend.js.map +1 -0
- package/dist/src/components/actor_example/actor_example_schema_property.d.ts +24 -0
- package/dist/src/components/actor_example/actor_example_schema_property.d.ts.map +1 -0
- package/dist/src/components/actor_example/actor_example_schema_property.js +122 -0
- package/dist/src/components/actor_example/actor_example_schema_property.js.map +1 -0
- package/dist/src/components/actor_example/index.d.ts +11 -0
- package/dist/src/components/actor_example/index.d.ts.map +1 -0
- package/dist/src/components/actor_example/index.js +11 -0
- package/dist/src/components/actor_example/index.js.map +1 -0
- package/dist/src/components/browser_window/browser_window.d.ts +20 -0
- package/dist/src/components/browser_window/browser_window.d.ts.map +1 -0
- package/dist/src/components/browser_window/browser_window.js +72 -0
- package/dist/src/components/browser_window/browser_window.js.map +1 -0
- package/dist/src/components/browser_window/index.d.ts +2 -0
- package/dist/src/components/browser_window/index.d.ts.map +1 -0
- package/dist/src/components/browser_window/index.js +2 -0
- package/dist/src/components/browser_window/index.js.map +1 -0
- package/dist/src/components/chip.d.ts.map +1 -1
- package/dist/src/components/chip.js +25 -2
- package/dist/src/components/chip.js.map +1 -1
- package/dist/src/components/collapsible_card/collapsible_card.d.ts +3 -2
- package/dist/src/components/collapsible_card/collapsible_card.d.ts.map +1 -1
- package/dist/src/components/collapsible_card/collapsible_card.js +2 -2
- package/dist/src/components/collapsible_card/collapsible_card.js.map +1 -1
- package/dist/src/components/floating/floating_component_base.d.ts +72 -1
- package/dist/src/components/floating/floating_component_base.d.ts.map +1 -1
- package/dist/src/components/floating/floating_component_base.js +66 -36
- package/dist/src/components/floating/floating_component_base.js.map +1 -1
- package/dist/src/components/floating/tooltip.d.ts +10 -3
- package/dist/src/components/floating/tooltip.d.ts.map +1 -1
- package/dist/src/components/floating/tooltip.js +24 -20
- package/dist/src/components/floating/tooltip.js.map +1 -1
- package/dist/src/components/index.d.ts +2 -0
- package/dist/src/components/index.d.ts.map +1 -1
- package/dist/src/components/index.js +2 -0
- package/dist/src/components/index.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +5 -5
- package/src/components/actor_example/actor_example.utils.ts +52 -0
- package/src/components/actor_example/actor_example_avatar.tsx +69 -0
- package/src/components/actor_example/actor_example_card.tsx +149 -0
- package/src/components/actor_example/actor_example_preview.tsx +295 -0
- package/src/components/actor_example/actor_example_run_button.tsx +61 -0
- package/src/components/actor_example/actor_example_schema.tsx +60 -0
- package/src/components/actor_example/actor_example_schema_field.tsx +87 -0
- package/src/components/actor_example/actor_example_schema_field_badge.tsx +66 -0
- package/src/components/actor_example/actor_example_schema_legend.tsx +49 -0
- package/src/components/actor_example/actor_example_schema_property.tsx +242 -0
- package/src/components/actor_example/index.ts +10 -0
- package/src/components/browser_window/browser_window.tsx +106 -0
- package/src/components/browser_window/index.ts +1 -0
- package/src/components/chip.tsx +27 -1
- package/src/components/collapsible_card/collapsible_card.tsx +6 -4
- package/src/components/floating/floating_component_base.tsx +89 -47
- package/src/components/floating/tooltip.tsx +53 -25
- package/src/components/index.ts +2 -0
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import clsx from 'clsx';
|
|
3
|
+
import styled from 'styled-components';
|
|
4
|
+
import { theme } from '../../design_system/theme.js';
|
|
5
|
+
import { ActorExampleSchemaProperty } from './actor_example_schema_property.js';
|
|
6
|
+
export const actorExampleSchemaFieldClassNames = {
|
|
7
|
+
FIELD: 'actor-example-schema-field',
|
|
8
|
+
CHILDREN: 'actor-example-schema-field__children',
|
|
9
|
+
};
|
|
10
|
+
const ActorExampleSchemaFieldWrapper = styled.div `
|
|
11
|
+
display: flex;
|
|
12
|
+
flex-direction: column;
|
|
13
|
+
gap: ${theme.space.space8};
|
|
14
|
+
|
|
15
|
+
.${actorExampleSchemaFieldClassNames.CHILDREN} {
|
|
16
|
+
margin-left: ${({ $canCollapse }) => ($canCollapse ? '5.6rem' : '2.8rem')};
|
|
17
|
+
padding-left: 0.8rem;
|
|
18
|
+
display: flex;
|
|
19
|
+
flex-direction: column;
|
|
20
|
+
gap: ${theme.space.space8};
|
|
21
|
+
border-left: 1px solid ${theme.color.neutral.border};
|
|
22
|
+
}
|
|
23
|
+
`;
|
|
24
|
+
const MAX_SCHEMA_FIELD_DEPTH = 1;
|
|
25
|
+
export const ActorExampleSchemaField = ({ field, collapsedFields, canCollapse = false, onToggleCollapsed, depth = 0, className, leadingSlot, }) => {
|
|
26
|
+
const subfields = field.properties ?? field.items ?? [];
|
|
27
|
+
const isCollapsed = collapsedFields.includes(field._id);
|
|
28
|
+
if (subfields.length === 0 || depth >= MAX_SCHEMA_FIELD_DEPTH) {
|
|
29
|
+
return _jsx(ActorExampleSchemaProperty, { ...field, className: className, leadingSlot: leadingSlot });
|
|
30
|
+
}
|
|
31
|
+
return (_jsxs(ActorExampleSchemaFieldWrapper, { "$canCollapse": canCollapse, className: clsx(actorExampleSchemaFieldClassNames.FIELD, className), children: [_jsx(ActorExampleSchemaProperty, { ...field, isCollapsable: canCollapse, isCollapsed: isCollapsed, onToggleCollapsed: onToggleCollapsed, leadingSlot: leadingSlot }), !isCollapsed && (_jsx("div", { className: actorExampleSchemaFieldClassNames.CHILDREN, children: subfields.map((subfield) => (_jsx(ActorExampleSchemaField, { field: subfield, collapsedFields: collapsedFields, canCollapse: canCollapse, onToggleCollapsed: onToggleCollapsed, depth: depth + 1 }, subfield._id))) }))] }));
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=actor_example_schema_field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"actor_example_schema_field.js","sourceRoot":"","sources":["../../../../src/components/actor_example/actor_example_schema_field.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAIvC,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAEhF,MAAM,CAAC,MAAM,iCAAiC,GAAG;IAC7C,KAAK,EAAE,4BAA4B;IACnC,QAAQ,EAAE,sCAAsC;CACnD,CAAC;AAEF,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAA2B;;;WAGjE,KAAK,CAAC,KAAK,CAAC,MAAM;;OAEtB,iCAAiC,CAAC,QAAQ;uBAC1B,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;;;;eAIlE,KAAK,CAAC,KAAK,CAAC,MAAM;iCACA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;CAE1D,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,CAAC;AAajC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACpC,KAAK,EACL,eAAe,EACf,WAAW,GAAG,KAAK,EACnB,iBAAiB,EACjB,KAAK,GAAG,CAAC,EACT,SAAS,EACT,WAAW,GACP,EAAE,EAAE;IACR,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;IACxD,MAAM,WAAW,GAAG,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAExD,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,IAAI,sBAAsB,EAAE,CAAC;QAC5D,OAAO,KAAC,0BAA0B,OAAK,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;IACrG,CAAC;IAED,OAAO,CACH,MAAC,8BAA8B,oBACb,WAAW,EACzB,SAAS,EAAE,IAAI,CAAC,iCAAiC,CAAC,KAAK,EAAE,SAAS,CAAC,aAEnE,KAAC,0BAA0B,OACnB,KAAK,EACT,aAAa,EAAE,WAAW,EAC1B,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,GAC1B,EACD,CAAC,WAAW,IAAI,CACb,cAAK,SAAS,EAAE,iCAAiC,CAAC,QAAQ,YACrD,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzB,KAAC,uBAAuB,IAEpB,KAAK,EAAE,QAAQ,EACf,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,GAAG,CAAC,IALX,QAAQ,CAAC,GAAG,CAMnB,CACL,CAAC,GACA,CACT,IAC4B,CACpC,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ActorExampleSchemaFieldType } from '@apify-packages/types';
|
|
2
|
+
type Props = {
|
|
3
|
+
type?: ActorExampleSchemaFieldType;
|
|
4
|
+
title: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
};
|
|
7
|
+
export declare const ActorExampleSchemaFieldBadge: ({ type, title, className }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=actor_example_schema_field_badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"actor_example_schema_field_badge.d.ts","sourceRoot":"","sources":["../../../../src/components/actor_example/actor_example_schema_field_badge.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AA8CzE,KAAK,KAAK,GAAG;IACT,IAAI,CAAC,EAAE,2BAA2B,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,4BAA4B,KAAK,4CAS7E,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import { theme } from '../../design_system/theme.js';
|
|
4
|
+
import { actorExampleSchemaPropertyDefaultIcon, actorExampleSchemaPropertyMap } from './actor_example.utils.js';
|
|
5
|
+
// Per-type colour variables consumed via `var(--actor-schema-field-*)` in `actor_example.utils.ts`.
|
|
6
|
+
// Declared on this wrapper itself (rather than `:root`) so the badge is self-contained — no
|
|
7
|
+
// host-app globals required. Dark-mode overrides hook into the existing `html[data-theme='dark']`
|
|
8
|
+
// theming switch via a parent-selector cascade.
|
|
9
|
+
const ActorExampleSchemaFieldBadgeWrapper = styled.div `
|
|
10
|
+
--actor-schema-field-string-text: #018181;
|
|
11
|
+
--actor-schema-field-string-background: #ebfbf8;
|
|
12
|
+
--actor-schema-field-number-text: #8c4e02;
|
|
13
|
+
--actor-schema-field-number-background: #f9f0db;
|
|
14
|
+
--actor-schema-field-boolean-text: #104b37;
|
|
15
|
+
--actor-schema-field-boolean-background: #dffff0;
|
|
16
|
+
--actor-schema-field-object-text: #4c41c0;
|
|
17
|
+
--actor-schema-field-object-background: #e8e6f9;
|
|
18
|
+
--actor-schema-field-array-text: #0043ca;
|
|
19
|
+
--actor-schema-field-array-background: #e0ebff;
|
|
20
|
+
|
|
21
|
+
html[data-theme='dark'] & {
|
|
22
|
+
--actor-schema-field-string-text: #84f5e5;
|
|
23
|
+
--actor-schema-field-string-background: #0f2e2a;
|
|
24
|
+
--actor-schema-field-number-text: #ffd761;
|
|
25
|
+
--actor-schema-field-number-background: #5d2e0e;
|
|
26
|
+
--actor-schema-field-boolean-text: #a3e8cf;
|
|
27
|
+
--actor-schema-field-boolean-background: #0b3225;
|
|
28
|
+
--actor-schema-field-object-text: #a08cf2;
|
|
29
|
+
--actor-schema-field-object-background: #2a2544;
|
|
30
|
+
--actor-schema-field-array-text: #97bcff;
|
|
31
|
+
--actor-schema-field-array-background: #152447;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
width: 2rem;
|
|
35
|
+
height: 2rem;
|
|
36
|
+
color: ${({ $type }) => ($type ? actorExampleSchemaPropertyMap[$type].textColor : theme.color.neutral.text)};
|
|
37
|
+
background-color: ${({ $type }) => $type ? actorExampleSchemaPropertyMap[$type].backgroundColor : theme.color.neutral.backgroundSubtle};
|
|
38
|
+
border-radius: ${theme.radius.radius4};
|
|
39
|
+
display: flex;
|
|
40
|
+
flex-shrink: 0;
|
|
41
|
+
align-items: center;
|
|
42
|
+
justify-content: center;
|
|
43
|
+
`;
|
|
44
|
+
export const ActorExampleSchemaFieldBadge = ({ type, title, className }) => {
|
|
45
|
+
const Icon = (type ? actorExampleSchemaPropertyMap[type]?.Icon : undefined) ?? actorExampleSchemaPropertyDefaultIcon;
|
|
46
|
+
return (_jsx(ActorExampleSchemaFieldBadgeWrapper, { "$type": type, className: className, children: _jsx(Icon, { size: "12", title: title }) }));
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=actor_example_schema_field_badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"actor_example_schema_field_badge.js","sourceRoot":"","sources":["../../../../src/components/actor_example/actor_example_schema_field_badge.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,qCAAqC,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AAEhH,oGAAoG;AACpG,4FAA4F;AAC5F,kGAAkG;AAClG,gDAAgD;AAChD,MAAM,mCAAmC,GAAG,MAAM,CAAC,GAAG,CAAyC;;;;;;;;;;;;;;;;;;;;;;;;;;;aA2BlF,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;wBACvF,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAC9B,KAAK,CAAC,CAAC,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB;qBACtF,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;CAKxC,CAAC;AAQF,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAS,EAAE,EAAE;IAC9E,MAAM,IAAI,GACN,CAAC,IAAI,CAAC,CAAC,CAAC,6BAA6B,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,qCAAqC,CAAC;IAE5G,OAAO,CACH,KAAC,mCAAmC,aAAQ,IAAI,EAAE,SAAS,EAAE,SAAS,YAClE,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,GAAI,GACE,CACzC,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const actorExampleSchemaLegendClassNames: {
|
|
2
|
+
ROOT: string;
|
|
3
|
+
ITEM: string;
|
|
4
|
+
};
|
|
5
|
+
type Props = {
|
|
6
|
+
className?: string;
|
|
7
|
+
};
|
|
8
|
+
export declare const ActorExampleSchemaLegend: ({ className }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=actor_example_schema_legend.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"actor_example_schema_legend.d.ts","sourceRoot":"","sources":["../../../../src/components/actor_example/actor_example_schema_legend.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,kCAAkC;;;CAG9C,CAAC;AAeF,KAAK,KAAK,GAAG;IACT,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,eAAe,KAAK,4CAc5D,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import clsx from 'clsx';
|
|
3
|
+
import styled from 'styled-components';
|
|
4
|
+
import { theme } from '../../design_system/theme.js';
|
|
5
|
+
import { Text } from '../text/index.js';
|
|
6
|
+
import { actorExampleSchemaPropertyMap } from './actor_example.utils.js';
|
|
7
|
+
import { ActorExampleSchemaFieldBadge } from './actor_example_schema_field_badge.js';
|
|
8
|
+
const LEGEND_TYPE_ORDER = ['string', 'number', 'boolean', 'array', 'object'];
|
|
9
|
+
export const actorExampleSchemaLegendClassNames = {
|
|
10
|
+
ROOT: 'actor-example-schema-legend',
|
|
11
|
+
ITEM: 'actor-example-schema-legend__item',
|
|
12
|
+
};
|
|
13
|
+
const ActorExampleSchemaLegendWrapper = styled.div `
|
|
14
|
+
display: flex;
|
|
15
|
+
flex-wrap: wrap;
|
|
16
|
+
align-items: center;
|
|
17
|
+
gap: ${theme.space.space12};
|
|
18
|
+
|
|
19
|
+
.${actorExampleSchemaLegendClassNames.ITEM} {
|
|
20
|
+
display: inline-flex;
|
|
21
|
+
align-items: center;
|
|
22
|
+
gap: ${theme.space.space4};
|
|
23
|
+
}
|
|
24
|
+
`;
|
|
25
|
+
export const ActorExampleSchemaLegend = ({ className }) => (_jsx(ActorExampleSchemaLegendWrapper, { className: clsx(actorExampleSchemaLegendClassNames.ROOT, className), children: LEGEND_TYPE_ORDER.map((type) => {
|
|
26
|
+
const config = actorExampleSchemaPropertyMap[type];
|
|
27
|
+
return (_jsxs("span", { className: actorExampleSchemaLegendClassNames.ITEM, children: [_jsx(ActorExampleSchemaFieldBadge, { type: type, title: config.title }), _jsx(Text, { as: "span", size: "small", weight: "medium", children: config.title })] }, type));
|
|
28
|
+
}) }));
|
|
29
|
+
//# sourceMappingURL=actor_example_schema_legend.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"actor_example_schema_legend.js","sourceRoot":"","sources":["../../../../src/components/actor_example/actor_example_schema_legend.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAIvC,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AAErF,MAAM,iBAAiB,GAAkC,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;AAE5G,MAAM,CAAC,MAAM,kCAAkC,GAAG;IAC9C,IAAI,EAAE,6BAA6B;IACnC,IAAI,EAAE,mCAAmC;CAC5C,CAAC;AAEF,MAAM,+BAA+B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;WAIvC,KAAK,CAAC,KAAK,CAAC,OAAO;;OAEvB,kCAAkC,CAAC,IAAI;;;eAG/B,KAAK,CAAC,KAAK,CAAC,MAAM;;CAEhC,CAAC;AAMF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EAAE,SAAS,EAAS,EAAE,EAAE,CAAC,CAC9D,KAAC,+BAA+B,IAAC,SAAS,EAAE,IAAI,CAAC,kCAAkC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC/F,iBAAiB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAC5B,MAAM,MAAM,GAAG,6BAA6B,CAAC,IAAI,CAAC,CAAC;QACnD,OAAO,CACH,gBAAiB,SAAS,EAAE,kCAAkC,CAAC,IAAI,aAC/D,KAAC,4BAA4B,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,EACjE,KAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,YACvC,MAAM,CAAC,KAAK,GACV,KAJA,IAAI,CAKR,CACV,CAAC;IACN,CAAC,CAAC,GAC4B,CACrC,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { ActorExampleSchemaFieldSerialized } from '@apify-packages/types';
|
|
3
|
+
export declare const actorExampleSchemaPropertyClassNames: {
|
|
4
|
+
ROOT: string;
|
|
5
|
+
LEADING: string;
|
|
6
|
+
TYPE: string;
|
|
7
|
+
NAME: string;
|
|
8
|
+
DELIMITER: string;
|
|
9
|
+
VALUE: string;
|
|
10
|
+
TOGGLE: string;
|
|
11
|
+
PRESERVED: string;
|
|
12
|
+
INFO: string;
|
|
13
|
+
};
|
|
14
|
+
type Props = ActorExampleSchemaFieldSerialized & {
|
|
15
|
+
className?: string;
|
|
16
|
+
isCollapsable?: boolean;
|
|
17
|
+
isCollapsed?: boolean;
|
|
18
|
+
onToggleCollapsed?: (id: string) => void;
|
|
19
|
+
/** Optional slot rendered before the type badge (e.g. a checkbox in a configurator). */
|
|
20
|
+
leadingSlot?: ReactNode;
|
|
21
|
+
};
|
|
22
|
+
export declare const ActorExampleSchemaProperty: ({ type, _id, name, title, description, value, required, isCollapsable, isCollapsed, onToggleCollapsed, leadingSlot, className, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=actor_example_schema_property.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"actor_example_schema_property.d.ts","sourceRoot":"","sources":["../../../../src/components/actor_example/actor_example_schema_property.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,iCAAiC,EAA+B,MAAM,uBAAuB,CAAC;AAgC5G,eAAO,MAAM,oCAAoC;;;;;;;;;;CAUhD,CAAC;AAgFF,KAAK,KAAK,GAAG,iCAAiC,GAAG;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,wFAAwF;IACxF,WAAW,CAAC,EAAE,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,kIAaxC,KAAK,4CA2FP,CAAC"}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import clsx from 'clsx';
|
|
3
|
+
import styled, { css } from 'styled-components';
|
|
4
|
+
import { ChevronDownIcon, QuestionMarkIcon } from '@apify/ui-icons';
|
|
5
|
+
import { theme } from '../../design_system/theme.js';
|
|
6
|
+
import { Tooltip } from '../floating/tooltip.js';
|
|
7
|
+
import { Text } from '../text/index.js';
|
|
8
|
+
import { actorExampleSchemaPropertyMap } from './actor_example.utils.js';
|
|
9
|
+
import { ActorExampleSchemaFieldBadge } from './actor_example_schema_field_badge.js';
|
|
10
|
+
const normalizePropertyValue = (type, value) => {
|
|
11
|
+
if (type === 'object' || value == null)
|
|
12
|
+
return undefined;
|
|
13
|
+
if (Array.isArray(value)) {
|
|
14
|
+
const first = value[0];
|
|
15
|
+
if (first == null || typeof first === 'object')
|
|
16
|
+
return undefined;
|
|
17
|
+
const normalizedFirst = String(first).trim();
|
|
18
|
+
if (normalizedFirst.length === 0)
|
|
19
|
+
return undefined;
|
|
20
|
+
return { value: normalizedFirst, remainingValues: value.length - 1 };
|
|
21
|
+
}
|
|
22
|
+
const normalizedValue = String(value).trim();
|
|
23
|
+
if (normalizedValue.length === 0)
|
|
24
|
+
return undefined;
|
|
25
|
+
return { value: normalizedValue, remainingValues: 0 };
|
|
26
|
+
};
|
|
27
|
+
export const actorExampleSchemaPropertyClassNames = {
|
|
28
|
+
ROOT: 'actor-example-schema-property',
|
|
29
|
+
LEADING: 'actor-example-schema-property__leading',
|
|
30
|
+
TYPE: 'actor-example-schema-property__type',
|
|
31
|
+
NAME: 'actor-example-schema-property__name',
|
|
32
|
+
DELIMITER: 'actor-example-schema-property__delimiter',
|
|
33
|
+
VALUE: 'actor-example-schema-property__value',
|
|
34
|
+
TOGGLE: 'actor-example-schema-property__toggle',
|
|
35
|
+
PRESERVED: 'actor-example-schema-property__preserved',
|
|
36
|
+
INFO: 'actor-example-schema-property__info',
|
|
37
|
+
};
|
|
38
|
+
const ActorExampleSchemaPropertyWrapper = styled.div `
|
|
39
|
+
width: 100%;
|
|
40
|
+
min-width: 0;
|
|
41
|
+
display: flex;
|
|
42
|
+
align-items: center;
|
|
43
|
+
gap: ${theme.space.space4};
|
|
44
|
+
|
|
45
|
+
.${actorExampleSchemaPropertyClassNames.LEADING} {
|
|
46
|
+
flex-shrink: 0;
|
|
47
|
+
display: inline-flex;
|
|
48
|
+
align-items: center;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.${actorExampleSchemaPropertyClassNames.TOGGLE} {
|
|
52
|
+
all: unset;
|
|
53
|
+
width: 2rem;
|
|
54
|
+
height: 2rem;
|
|
55
|
+
cursor: pointer;
|
|
56
|
+
display: flex;
|
|
57
|
+
align-items: center;
|
|
58
|
+
justify-content: center;
|
|
59
|
+
transition: transform 0.2s ease-in-out;
|
|
60
|
+
|
|
61
|
+
${({ $isCollapsed }) => $isCollapsed &&
|
|
62
|
+
css `
|
|
63
|
+
transform: rotate(-90deg);
|
|
64
|
+
`}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.${actorExampleSchemaPropertyClassNames.TYPE} {
|
|
68
|
+
margin-right: ${theme.space.space4};
|
|
69
|
+
flex-shrink: 0;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.${actorExampleSchemaPropertyClassNames.NAME} {
|
|
73
|
+
min-width: 1ch;
|
|
74
|
+
${({ $type }) => ($type === 'object' || $type === 'array') &&
|
|
75
|
+
css `
|
|
76
|
+
font-weight: 600;
|
|
77
|
+
`}
|
|
78
|
+
text-overflow: ellipsis;
|
|
79
|
+
white-space: nowrap;
|
|
80
|
+
overflow: hidden;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.${actorExampleSchemaPropertyClassNames.DELIMITER} {
|
|
84
|
+
display: inline-flex;
|
|
85
|
+
flex-shrink: 0;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.${actorExampleSchemaPropertyClassNames.VALUE} {
|
|
89
|
+
min-width: 0;
|
|
90
|
+
margin-left: ${theme.space.space4};
|
|
91
|
+
padding: 1px ${theme.space.space6};
|
|
92
|
+
border: 1px solid ${theme.color.neutral.border};
|
|
93
|
+
border-radius: ${theme.radius.radius4};
|
|
94
|
+
text-overflow: ellipsis;
|
|
95
|
+
white-space: nowrap;
|
|
96
|
+
overflow: hidden;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.${actorExampleSchemaPropertyClassNames.PRESERVED} {
|
|
100
|
+
margin-left: 0;
|
|
101
|
+
flex-shrink: 0;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.${actorExampleSchemaPropertyClassNames.INFO} {
|
|
105
|
+
flex-shrink: 0;
|
|
106
|
+
color: ${theme.color.neutral.textSubtle};
|
|
107
|
+
display: inline-flex;
|
|
108
|
+
align-items: center;
|
|
109
|
+
}
|
|
110
|
+
`;
|
|
111
|
+
const MIN_PROPERTY_NAME_LENGTH_PRESERVATION = 3;
|
|
112
|
+
export const ActorExampleSchemaProperty = ({ type, _id, name, title, description, value, required = false, isCollapsable = false, isCollapsed = false, onToggleCollapsed, leadingSlot, className, }) => {
|
|
113
|
+
const tooltip = type ? actorExampleSchemaPropertyMap[type]?.title : undefined;
|
|
114
|
+
const normalizedName = title ?? name;
|
|
115
|
+
const normalizedValue = normalizePropertyValue(type, value);
|
|
116
|
+
return (_jsxs(ActorExampleSchemaPropertyWrapper, { "$type": type, "$isCollapsed": isCollapsed, className: clsx(actorExampleSchemaPropertyClassNames.ROOT, className), children: [leadingSlot && _jsx("span", { className: actorExampleSchemaPropertyClassNames.LEADING, children: leadingSlot }), isCollapsable && (_jsx("button", { type: "button", className: actorExampleSchemaPropertyClassNames.TOGGLE, onClick: () => onToggleCollapsed?.(_id), children: _jsx(ChevronDownIcon, { size: "16" }) })), _jsx(Tooltip, { content: tooltip, className: actorExampleSchemaPropertyClassNames.TYPE, children: _jsx(ActorExampleSchemaFieldBadge, { type: type, title: normalizedName, className: tooltip == null ? actorExampleSchemaPropertyClassNames.TYPE : undefined }) }), _jsx(Text, { as: "span", weight: "medium", className: clsx(actorExampleSchemaPropertyClassNames.NAME, {
|
|
117
|
+
[actorExampleSchemaPropertyClassNames.PRESERVED]: normalizedName.length <= MIN_PROPERTY_NAME_LENGTH_PRESERVATION,
|
|
118
|
+
}), children: normalizedName }), required && (_jsx(Text, { as: "span", size: "small", weight: "medium", color: theme.color.neutral.textSubtle, className: actorExampleSchemaPropertyClassNames.PRESERVED, children: "(required)" })), description && (_jsx(Tooltip, { content: description, className: actorExampleSchemaPropertyClassNames.INFO, children: _jsx(QuestionMarkIcon, { size: "16" }) })), normalizedValue && (_jsxs(_Fragment, { children: [_jsx(Text, { as: "span", weight: "medium", className: actorExampleSchemaPropertyClassNames.DELIMITER, children: ":" }), _jsx(Text, { as: "span", size: "small", weight: "medium", className: clsx(actorExampleSchemaPropertyClassNames.VALUE, {
|
|
119
|
+
[actorExampleSchemaPropertyClassNames.PRESERVED]: normalizedValue.value.length <= MIN_PROPERTY_NAME_LENGTH_PRESERVATION,
|
|
120
|
+
}), children: normalizedValue.value }), normalizedValue.remainingValues > 0 && (_jsxs(Text, { as: "span", size: "small", weight: "medium", className: clsx(actorExampleSchemaPropertyClassNames.VALUE, actorExampleSchemaPropertyClassNames.PRESERVED), children: ["+", normalizedValue.remainingValues] }))] }))] }));
|
|
121
|
+
};
|
|
122
|
+
//# sourceMappingURL=actor_example_schema_property.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"actor_example_schema_property.js","sourceRoot":"","sources":["../../../../src/components/actor_example/actor_example_schema_property.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export * from './actor_example_avatar.js';
|
|
2
|
+
export * from './actor_example_card.js';
|
|
3
|
+
export * from './actor_example_preview.js';
|
|
4
|
+
export * from './actor_example_run_button.js';
|
|
5
|
+
export * from './actor_example_schema.js';
|
|
6
|
+
export * from './actor_example_schema_field.js';
|
|
7
|
+
export * from './actor_example_schema_field_badge.js';
|
|
8
|
+
export * from './actor_example_schema_legend.js';
|
|
9
|
+
export * from './actor_example_schema_property.js';
|
|
10
|
+
export * from './actor_example.utils.js';
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actor_example/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC;AACtD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export * from './actor_example_avatar.js';
|
|
2
|
+
export * from './actor_example_card.js';
|
|
3
|
+
export * from './actor_example_preview.js';
|
|
4
|
+
export * from './actor_example_run_button.js';
|
|
5
|
+
export * from './actor_example_schema.js';
|
|
6
|
+
export * from './actor_example_schema_field.js';
|
|
7
|
+
export * from './actor_example_schema_field_badge.js';
|
|
8
|
+
export * from './actor_example_schema_legend.js';
|
|
9
|
+
export * from './actor_example_schema_property.js';
|
|
10
|
+
export * from './actor_example.utils.js';
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actor_example/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC;AACtD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AACnD,cAAc,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
declare const classNames: {
|
|
3
|
+
readonly ROOT: "browser-window";
|
|
4
|
+
readonly HEADER: "browser-window__header";
|
|
5
|
+
readonly DOTS: "browser-window__dots";
|
|
6
|
+
readonly DOT: "browser-window__dot";
|
|
7
|
+
readonly URL: "browser-window__url";
|
|
8
|
+
readonly TITLE: "browser-window__title";
|
|
9
|
+
readonly CONTAINER: "browser-window__container";
|
|
10
|
+
readonly CONTENT: "browser-window__content";
|
|
11
|
+
};
|
|
12
|
+
export { classNames as browserWindowClassNames };
|
|
13
|
+
type Props = {
|
|
14
|
+
title: string;
|
|
15
|
+
url?: ReactNode;
|
|
16
|
+
children: ReactNode;
|
|
17
|
+
className?: string;
|
|
18
|
+
};
|
|
19
|
+
export declare const BrowserWindow: ({ title, url, children, className }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
//# sourceMappingURL=browser_window.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"browser_window.d.ts","sourceRoot":"","sources":["../../../../src/components/browser_window/browser_window.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,QAAA,MAAM,UAAU;;;;;;;;;CASN,CAAC;AAEX,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,CAAC;AAuDjD,KAAK,KAAK,GAAG;IACT,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,qCAAqC,KAAK,4CAyBvE,CAAC"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import clsx from 'clsx';
|
|
3
|
+
import styled from 'styled-components';
|
|
4
|
+
import { theme } from '../../design_system/theme.js';
|
|
5
|
+
import { Badge } from '../badge.js';
|
|
6
|
+
const classNames = {
|
|
7
|
+
ROOT: 'browser-window',
|
|
8
|
+
HEADER: 'browser-window__header',
|
|
9
|
+
DOTS: 'browser-window__dots',
|
|
10
|
+
DOT: 'browser-window__dot',
|
|
11
|
+
URL: 'browser-window__url',
|
|
12
|
+
TITLE: 'browser-window__title',
|
|
13
|
+
CONTAINER: 'browser-window__container',
|
|
14
|
+
CONTENT: 'browser-window__content',
|
|
15
|
+
};
|
|
16
|
+
export { classNames as browserWindowClassNames };
|
|
17
|
+
const BrowserWindowWrapper = styled.div `
|
|
18
|
+
border: 1px solid ${theme.color.neutral.separatorSubtle};
|
|
19
|
+
border-radius: ${theme.radius.radius12};
|
|
20
|
+
background-color: ${theme.color.neutral.background};
|
|
21
|
+
overflow: hidden;
|
|
22
|
+
|
|
23
|
+
.${classNames.HEADER} {
|
|
24
|
+
display: flex;
|
|
25
|
+
align-items: center;
|
|
26
|
+
gap: ${theme.space.space8};
|
|
27
|
+
padding: ${theme.space.space6} ${theme.space.space8};
|
|
28
|
+
border-bottom: 1px solid ${theme.color.neutral.separatorSubtle};
|
|
29
|
+
background-color: ${theme.color.neutral.backgroundMuted};
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.${classNames.DOTS} {
|
|
33
|
+
display: flex;
|
|
34
|
+
gap: 0.3rem;
|
|
35
|
+
flex-shrink: 0;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.${classNames.DOT} {
|
|
39
|
+
width: 0.6rem;
|
|
40
|
+
height: 0.6rem;
|
|
41
|
+
border-radius: 50%;
|
|
42
|
+
background-color: ${theme.color.neutral.separatorSubtle};
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.${classNames.URL} {
|
|
46
|
+
width: 100%;
|
|
47
|
+
min-width: 0;
|
|
48
|
+
justify-content: flex-start;
|
|
49
|
+
color: ${theme.color.neutral.textSubtle};
|
|
50
|
+
|
|
51
|
+
span {
|
|
52
|
+
min-width: 0;
|
|
53
|
+
text-overflow: ellipsis;
|
|
54
|
+
white-space: nowrap;
|
|
55
|
+
overflow: hidden;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.${classNames.TITLE} {
|
|
60
|
+
margin-left: auto;
|
|
61
|
+
flex-shrink: 0;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.${classNames.CONTAINER} {
|
|
65
|
+
min-width: 0;
|
|
66
|
+
overflow-x: auto;
|
|
67
|
+
}
|
|
68
|
+
`;
|
|
69
|
+
export const BrowserWindow = ({ title, url, children, className }) => {
|
|
70
|
+
return (_jsxs(BrowserWindowWrapper, { className: clsx(classNames.ROOT, className), children: [_jsxs("div", { className: classNames.HEADER, children: [url && (_jsxs(_Fragment, { children: [_jsxs("div", { className: classNames.DOTS, children: [_jsx("span", { className: classNames.DOT }), _jsx("span", { className: classNames.DOT }), _jsx("span", { className: classNames.DOT })] }), _jsx(Badge, { size: "extra_small", variant: "neutral_subtle", className: classNames.URL, children: url })] })), _jsx(Badge, { size: "extra_small", className: classNames.TITLE, children: title })] }), _jsx("div", { className: classNames.CONTAINER, children: _jsx("div", { className: classNames.CONTENT, children: children }) })] }));
|
|
71
|
+
};
|
|
72
|
+
//# sourceMappingURL=browser_window.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"browser_window.js","sourceRoot":"","sources":["../../../../src/components/browser_window/browser_window.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,UAAU,GAAG;IACf,IAAI,EAAE,gBAAgB;IACtB,MAAM,EAAE,wBAAwB;IAChC,IAAI,EAAE,sBAAsB;IAC5B,GAAG,EAAE,qBAAqB;IAC1B,GAAG,EAAE,qBAAqB;IAC1B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,2BAA2B;IACtC,OAAO,EAAE,yBAAyB;CAC5B,CAAC;AAEX,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,CAAC;AAEjD,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;wBACf,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;qBACtC,KAAK,CAAC,MAAM,CAAC,QAAQ;wBAClB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;;;OAG/C,UAAU,CAAC,MAAM;;;eAGT,KAAK,CAAC,KAAK,CAAC,MAAM;mBACd,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;mCACxB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;4BAC1C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;;;OAGxD,UAAU,CAAC,IAAI;;;;;;OAMf,UAAU,CAAC,GAAG;;;;4BAIO,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;;;OAGxD,UAAU,CAAC,GAAG;;;;iBAIJ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;;;;;;;;;;OAUxC,UAAU,CAAC,KAAK;;;;;OAKhB,UAAU,CAAC,SAAS;;;;CAI1B,CAAC;AASF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAS,EAAE,EAAE;IACxE,OAAO,CACH,MAAC,oBAAoB,IAAC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,aAC7D,eAAK,SAAS,EAAE,UAAU,CAAC,MAAM,aAC5B,GAAG,IAAI,CACJ,8BACI,eAAK,SAAS,EAAE,UAAU,CAAC,IAAI,aAC3B,eAAM,SAAS,EAAE,UAAU,CAAC,GAAG,GAAI,EACnC,eAAM,SAAS,EAAE,UAAU,CAAC,GAAG,GAAI,EACnC,eAAM,SAAS,EAAE,UAAU,CAAC,GAAG,GAAI,IACjC,EACN,KAAC,KAAK,IAAC,IAAI,EAAC,aAAa,EAAC,OAAO,EAAC,gBAAgB,EAAC,SAAS,EAAE,UAAU,CAAC,GAAG,YACvE,GAAG,GACA,IACT,CACN,EACD,KAAC,KAAK,IAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAE,UAAU,CAAC,KAAK,YAChD,KAAK,GACF,IACN,EACN,cAAK,SAAS,EAAE,UAAU,CAAC,SAAS,YAChC,cAAK,SAAS,EAAE,UAAU,CAAC,OAAO,YAAG,QAAQ,GAAO,GAClD,IACa,CAC1B,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/browser_window/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/browser_window/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AACX,KAAK,UAAU,GAAG,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;AAE7C,eAAO,MAAM,UAAU;;;;;;CAMb,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;AAEpD,eAAO,MAAM,UAAU;;CAEtB,CAAC;
|
|
1
|
+
{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AACX,KAAK,UAAU,GAAG,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;AAE7C,eAAO,MAAM,UAAU;;;;;;CAMb,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;AAEpD,eAAO,MAAM,UAAU;;CAEtB,CAAC;AA4FF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACtC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;WAVN,UAAU;WACV,UAAU;WACV,KAAK,CAAC,SAAS;gBACV,OAAO;iCA6BtB,CAAC;AAIF,KAAK,iBAAiB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAEjD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC;AAC3G,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC;AAC3G,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC;AAC3G,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAA2D,CAAC;AACzG,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC"}
|
|
@@ -67,9 +67,32 @@ const chipTypeStyle = {
|
|
|
67
67
|
background: ${theme.color.danger.chipBackground};
|
|
68
68
|
`,
|
|
69
69
|
};
|
|
70
|
+
const chipTypeHoverStyle = {
|
|
71
|
+
[CHIP_TYPES.DEFAULT]: css `
|
|
72
|
+
background: ${theme.color.neutral.chipBackgroundHover};
|
|
73
|
+
`,
|
|
74
|
+
[CHIP_TYPES.PRIMARY]: css `
|
|
75
|
+
background: ${theme.color.primary.chipBackgroundHover};
|
|
76
|
+
`,
|
|
77
|
+
[CHIP_TYPES.SUCCESS]: css `
|
|
78
|
+
background: ${theme.color.success.chipBackgroundHover};
|
|
79
|
+
`,
|
|
80
|
+
[CHIP_TYPES.WARNING]: css `
|
|
81
|
+
background: ${theme.color.warning.chipBackgroundHover};
|
|
82
|
+
`,
|
|
83
|
+
[CHIP_TYPES.DANGER]: css `
|
|
84
|
+
background: ${theme.color.danger.chipBackgroundHover};
|
|
85
|
+
`,
|
|
86
|
+
};
|
|
70
87
|
const StyledChip = styled.span `
|
|
71
88
|
${({ size }) => chipSizeStyle[size]};
|
|
72
89
|
${({ type }) => chipTypeStyle[type]};
|
|
90
|
+
${({ type, clickable }) => clickable &&
|
|
91
|
+
css `
|
|
92
|
+
&:hover {
|
|
93
|
+
${chipTypeHoverStyle[type]};
|
|
94
|
+
}
|
|
95
|
+
`};
|
|
73
96
|
/* Static styles */
|
|
74
97
|
width: fit-content;
|
|
75
98
|
display: flex;
|
|
@@ -85,8 +108,8 @@ const StyledChip = styled.span `
|
|
|
85
108
|
* Component for displaying status and for labelling other components.
|
|
86
109
|
* @deprecated Use Tag or Badge
|
|
87
110
|
*/
|
|
88
|
-
export const Chip = forwardRef(({ type = CHIP_TYPES.DEFAULT, size = CHIP_SIZES.MEDIUM, icon, children, className, ...passThroughProps }, ref) => {
|
|
89
|
-
const otherProps = { ...passThroughProps, type, size, className: clsx(className, classNames.BODY) };
|
|
111
|
+
export const Chip = forwardRef(({ type = CHIP_TYPES.DEFAULT, size = CHIP_SIZES.MEDIUM, clickable = false, icon, children, className, ...passThroughProps }, ref) => {
|
|
112
|
+
const otherProps = { ...passThroughProps, type, size, clickable, className: clsx(className, classNames.BODY) };
|
|
90
113
|
return (_jsxs(StyledChip, { ref: ref, ...otherProps, children: [children, icon] }));
|
|
91
114
|
});
|
|
92
115
|
Chip.displayName = 'Chip';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIhD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGlD,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,WAAW,EAAE,IAAI;IACjB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACJ,CAAC;AAGX,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACV,CAAC;AAGX,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,aAAa,GAAG;IAClB,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,GAAG,CAAA;;;;;KAK5B;IACD,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAA;;;;;KAKtB;IACD,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,CAAA;;;;;KAKvB;IACD,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAA;;;;;KAKtB;CACkC,CAAC;AAExC,MAAM,aAAa,GAAG;IAClB,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,CAAA;iBACZ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;sBACnB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACnD;IACD,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,CAAA;iBACZ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ;sBACvB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACnD;IACD,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,CAAA;iBACZ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ;sBACvB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACnD;IACD,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,CAAA;iBACZ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ;sBACvB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACnD;IACD,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,CAAA;iBACX,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;sBACtB,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc;KAClD;CACkC,CAAC;AAExC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAA4D;MACpF,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC;MACjC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
2
|
interface TransientWrapperProps {
|
|
3
3
|
hideOuterBorder?: boolean;
|
|
4
4
|
hasShadow?: boolean;
|
|
@@ -7,6 +7,7 @@ export type CollapsibleCardProps = {
|
|
|
7
7
|
header: ReactNode;
|
|
8
8
|
children: ReactNode;
|
|
9
9
|
isExpanded?: boolean;
|
|
10
|
+
isExpandedDefault?: boolean;
|
|
10
11
|
onIsExpandedChanged?: (expanded: boolean) => void;
|
|
11
12
|
noChevron?: boolean;
|
|
12
13
|
noDivider?: boolean;
|
|
@@ -20,6 +21,6 @@ export declare const collapsibleCardClassNames: {
|
|
|
20
21
|
COLLAPSIBLE_CONTENT_WRAPPER: string;
|
|
21
22
|
CONTENT: string;
|
|
22
23
|
};
|
|
23
|
-
export declare const CollapsibleCard:
|
|
24
|
+
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;
|
|
24
25
|
export {};
|
|
25
26
|
//# sourceMappingURL=collapsible_card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible_card.d.ts","sourceRoot":"","sources":["../../../../src/components/collapsible_card/collapsible_card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,
|
|
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"}
|
|
@@ -71,9 +71,9 @@ const StyledCardContent = styled.div `
|
|
|
71
71
|
const CollapsibleContent = styled(Collapsible.Content) `
|
|
72
72
|
${({ $noDivider }) => ($noDivider ? '' : `border-top: 1px solid ${theme.color.neutral.border};`)}
|
|
73
73
|
`;
|
|
74
|
-
export const CollapsibleCard = ({ header, children, isExpanded, onIsExpandedChanged, noChevron, noDivider, topSection, hideOuterBorder, hasShadow, isClosedHeaderGrey, isHeaderGreyOnHover, as: Element, ...rest }) => {
|
|
74
|
+
export const CollapsibleCard = ({ header, children, isExpanded, isExpandedDefault = false, onIsExpandedChanged, noChevron, noDivider, topSection, hideOuterBorder, hasShadow, isClosedHeaderGrey, isHeaderGreyOnHover, as: Element, ...rest }) => {
|
|
75
75
|
const isUncontrolled = isExpanded === undefined;
|
|
76
|
-
const [isOpen, setOpen] = useState(
|
|
76
|
+
const [isOpen, setOpen] = useState(isExpandedDefault);
|
|
77
77
|
let onHeaderClick;
|
|
78
78
|
if (isUncontrolled)
|
|
79
79
|
onHeaderClick = () => setOpen((prevIsOpen) => !prevIsOpen);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible_card.js","sourceRoot":"","sources":["../../../../src/components/collapsible_card/collapsible_card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,
|
|
1
|
+
{"version":3,"file":"collapsible_card.js","sourceRoot":"","sources":["../../../../src/components/collapsible_card/collapsible_card.tsx"],"names":[],"mappings":"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"}
|