react-cosmos-ui 6.0.0-alpha.9 → 6.0.0-beta.2

package/dist/components/Icon.d.ts

@@ -1,7 +1,11 @@
+/// <reference types="react" />
 import { SvgChildren } from './BaseSvg.js';
-type IconProps = {
-    children: SvgChildren;
+export type IconProps = {
     size?: number | string;
+    strokeWidth?: number;
+};
+type Props = IconProps & {
+    children: SvgChildren;
 };
-export declare function Icon({ children, size }: IconProps): JSX.Element;
+export declare function Icon({ children, size, strokeWidth }: Props): JSX.Element;
 export {};

package/dist/components/Icon.js

@@ -1,5 +1,5 @@
 import React from 'react';
 import { BaseSvg } from './BaseSvg.js';
-export function Icon({ children, size = '100%' }) {
-    return (React.createElement(BaseSvg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, children));
+export function Icon({ children, size = '100%', strokeWidth = 1.5 }) {
+    return (React.createElement(BaseSvg, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }, children));
 }

package/dist/components/Illustration.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SvgChildren } from './BaseSvg.js';
 type Props = {
     children: SvgChildren;

package/dist/components/KeyBox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     value: string;
     bgColor: string;

package/dist/components/SidePanel.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const SidePanelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SidePanelHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
 type TitleProps = {

package/dist/components/SidePanel.js

@@ -20,7 +20,7 @@ export const SidePanelHeader = styled.div `
 export function SidePanelTitle({ label, componentName }) {
     return (React.createElement(TitleContainer, null,
         React.createElement(TitleLabel, null, label),
-        typeof componentName === 'string' && (React.createElement(ComponentName, null, componentName ? componentName : React.createElement("em", null, "Unnamed")))));
+        typeof componentName === 'string' && (React.createElement(ComponentName, null, componentName ? componentName : `(anonymous)`))));
 }
 export const SidePanelActions = styled.div `
   display: flex;

package/dist/components/Space.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     width: number;
 } | {

package/dist/components/ValueInputTree/ExpandCollapseValues.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FixtureStateValues } from 'react-cosmos-core';
 import { TreeExpansion } from '../../shared/treeExpansion.js';
 type Props = {

package/dist/components/ValueInputTree/ValueInput/BooleanValueInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     id: string;
     name: string;

package/dist/components/ValueInputTree/ValueInput/NullValueInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
 };

package/dist/components/ValueInputTree/ValueInput/NumberValueInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     id: string;
     name: string;

package/dist/components/ValueInputTree/ValueInput/StringValueInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     id: string;
     name: string;

package/dist/components/ValueInputTree/ValueInput/UndefinedValueInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
 };

package/dist/components/ValueInputTree/ValueInput/UnserializableValueInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     data: string;

package/dist/components/ValueInputTree/ValueInput/ValueInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PrimitiveData } from 'react-cosmos-core';
 import { LeafValue } from '../shared.js';
 type Props = {

package/dist/components/ValueInputTree/ValueInput/ValueInput.js

@@ -4,10 +4,10 @@ import { ValueTreeItem } from '../shared.js';
 import { BooleanValueInput } from './BooleanValueInput.js';
 import { NullValueInput } from './NullValueInput.js';
 import { NumberValueInput } from './NumberValueInput.js';
-import { ValueInputContainer } from './shared.js';
 import { StringValueInput } from './StringValueInput.js';
 import { UndefinedValueInput } from './UndefinedValueInput.js';
 import { UnserializableValueInput } from './UnserializableValueInput.js';
+import { ValueInputContainer } from './shared.js';
 export function ValueInput({ value, name, id, indentLevel, onChange }) {
     return (React.createElement(ValueInputSlot, { slotProps: { id, name, value, indentLevel, onChange } },
         React.createElement(ValueTreeItem, { indentLevel: indentLevel },

package/dist/components/ValueInputTree/ValueInputDir.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     name: string;
     childNames: string[];

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

@@ -1,4 +1,4 @@
-export { stringifyElementId, stringifyFixtureId } from './shared.js';
-export { hasFsValues, sortFsValueGroups } from './valueGroups.js';
 export { ValueInputTree } from './ValueInputTree.js';
-export { FixtureExpansion, FixtureExpansionGroup, getFixtureExpansion, OnElementExpansionChange, updateElementExpansion, } from './valueTreeExpansion.js';
+export { stringifyElementId } from './shared.js';
+export { hasFsValues, sortFsValueGroups } from './valueGroups.js';
+export { FixtureExpansion, FixtureExpansionGroup, OnElementExpansionChange, getFixtureExpansion, updateElementExpansion, } from './valueTreeExpansion.js';

package/dist/components/ValueInputTree/index.js

@@ -1,4 +1,4 @@
-export { stringifyElementId, stringifyFixtureId } from './shared.js';
-export { hasFsValues, sortFsValueGroups } from './valueGroups.js';
 export { ValueInputTree } from './ValueInputTree.js';
+export { stringifyElementId } from './shared.js';
+export { hasFsValues, sortFsValueGroups } from './valueGroups.js';
 export { getFixtureExpansion, updateElementExpansion, } from './valueTreeExpansion.js';

package/dist/components/ValueInputTree/shared.d.ts

@@ -1,4 +1,4 @@
-import { FixtureElementId, FixtureId, FixtureStatePrimitiveValue, FixtureStateUnserializableValue, TreeNode } from 'react-cosmos-core';
+import { FixtureElementId, FixtureStatePrimitiveValue, FixtureStateUnserializableValue, TreeNode } from 'react-cosmos-core';
 export type LeafValue = FixtureStatePrimitiveValue | FixtureStateUnserializableValue;
 export type ValueNodeData = {
     type: 'collection';
@@ -12,5 +12,4 @@ type ValueTreeItemProps = {
 };
 export declare const ValueTreeItem: import("styled-components").StyledComponent<"div", any, ValueTreeItemProps, never>;
 export declare function stringifyElementId(elementId: FixtureElementId): string;
-export declare function stringifyFixtureId(fixtureId: FixtureId): string;
 export {};

package/dist/components/ValueInputTree/shared.js

@@ -6,10 +6,6 @@ export function stringifyElementId(elementId) {
     const { decoratorId, elPath } = elementId;
     return elPath ? `${decoratorId}-${elPath}` : decoratorId;
 }
-export function stringifyFixtureId(fixtureId) {
-    const { path, name } = fixtureId;
-    return name ? `${path}-${name}` : path;
-}
 function getLeftPadding(depth) {
     return depth * 12;
 }

package/dist/components/ValueInputTree/valueTreeExpansion.js

@@ -1,5 +1,6 @@
 import { clone, setWith } from 'lodash-es';
-import { stringifyElementId, stringifyFixtureId } from './shared.js';
+import { stringifyFixtureId, } from 'react-cosmos-core';
+import { stringifyElementId } from './shared.js';
 const DEFAULT_EXPANSION = {};
 export function getFixtureExpansion(groupExpansion, fixtureId) {
     return groupExpansion[stringifyFixtureId(fixtureId)] || DEFAULT_EXPANSION;

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

@@ -1,6 +1,5 @@
-type Props = {
-    size?: number;
-};
+/// <reference types="react" />
+import { IconProps } from '../Icon.js';
 export declare const ChevronLeftIcon: () => JSX.Element;
 export declare const ChevronRightIcon: () => JSX.Element;
 export declare const ChevronDownIcon: () => JSX.Element;
@@ -11,11 +10,11 @@ export declare const MaximizeIcon: () => JSX.Element;
 export declare const SmartphoneIcon: () => JSX.Element;
 export declare const Minimize2Icon: () => JSX.Element;
 export declare const RefreshCwIcon: () => JSX.Element;
-export declare const RefreshCcwIcon: (props: Props) => JSX.Element;
+export declare const RefreshCcwIcon: (props: IconProps) => JSX.Element;
 export declare const HomeIcon: () => JSX.Element;
 export declare const CastIcon: () => JSX.Element;
 export declare const EditIcon: () => JSX.Element;
-export declare const CheckCircleIcon: () => JSX.Element;
+export declare const CheckCircleIcon: (props: IconProps) => JSX.Element;
 export declare const AlertCircleIcon: () => JSX.Element;
 export declare const InfoIcon: () => JSX.Element;
 export declare const LoaderIcon: () => JSX.Element;
@@ -30,4 +29,3 @@ export declare const HelpCircleIcon: () => JSX.Element;
 export declare const MinusSquareIcon: () => JSX.Element;
 export declare const PlusSquareIcon: () => JSX.Element;
 export declare const StarIcon: () => JSX.Element;
-export {};

package/dist/components/icons/index.js

@@ -42,7 +42,7 @@ export const CastIcon = () => (React.createElement(Icon, null,
 export const EditIcon = () => (React.createElement(Icon, null,
     React.createElement("path", { d: "M20 14.66V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5.34" }),
     React.createElement("polygon", { points: "18 2 22 6 12 16 8 16 8 12 18 2" })));
-export const CheckCircleIcon = () => (React.createElement(Icon, null,
+export const CheckCircleIcon = (props) => (React.createElement(Icon, { ...props },
     React.createElement("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
     React.createElement("polyline", { points: "22 4 12 14.01 9 11.01" })));
 export const AlertCircleIcon = () => (React.createElement(Icon, null,

package/dist/components/illustrations/ArtificialIntelligence.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ArtificialIntelligenceIllustration: ({ title, }: {
     title: string;
 }) => JSX.Element;

package/dist/components/illustrations/Astronaut.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const AstronautIllustration: ({ title }: {
     title: string;
 }) => JSX.Element;

package/dist/components/illustrations/BlankCanvas.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const BlankCanvasIllustration: ({ title }: {
     title: string;
 }) => JSX.Element;

package/dist/components/inputs/NumberInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type NumberInputStyles = {
     focusedColor: string;
     focusedBg: string;

package/dist/components/inputs/Select.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type BaseOption = {
     value: string;
     label: string;

package/dist/cosmos.loadPlugins.js

@@ -1,17 +1,21 @@
 import { loadPlugins } from 'react-plugin';
 import './plugins/pluginEntry.js';
 import { DEFAULT_PLUGIN_CONFIG } from './shared/defaultPluginConfig.js';
+const rendererConfig = {
+    ...DEFAULT_PLUGIN_CONFIG,
+    core: {
+        projectId: 'testProjectId',
+        fixturesDir: '__fixtures__',
+        fixtureFileSuffix: 'fixture',
+        devServerOn: true,
+    },
+    rendererCore: {
+        fixtures: {},
+        rendererUrl: '/renderer.html',
+    },
+};
 // This file is required to run globally with side effects for the "inception"
 // fixture to work.
 loadPlugins({
-    config: {
-        ...DEFAULT_PLUGIN_CONFIG,
-        core: {
-            projectId: 'testProjectId',
-            fixturesDir: '__fixtures__',
-            fixtureFileSuffix: 'fixture',
-            devServerOn: true,
-            webRendererUrl: '/_renderer.html',
-        },
-    },
+    config: rendererConfig,
 });

package/dist/index.d.ts

@@ -3,7 +3,6 @@ export * from './components/icons/index.js';
 export * from './playgroundConfig.js';
 export * from './plugins/BuildNotifications/spec.js';
 export * from './plugins/ClassStatePanel/spec.js';
-export * from './plugins/ContentOverlay/spec.js';
 export * from './plugins/ControlPanel/spec.js';
 export * from './plugins/ControlSelect/spec.js';
 export * from './plugins/Core/spec.js';

package/dist/index.js

@@ -3,7 +3,6 @@ export * from './components/icons/index.js';
 export * from './playgroundConfig.js';
 export * from './plugins/BuildNotifications/spec.js';
 export * from './plugins/ClassStatePanel/spec.js';
-export * from './plugins/ContentOverlay/spec.js';
 export * from './plugins/ControlPanel/spec.js';
 export * from './plugins/ControlSelect/spec.js';
 export * from './plugins/Core/spec.js';