@webiny/admin-ui 0.0.0-unstable.2aaa1916d9

package/SteppedProgress/SteppedProgress.d.ts

@@ -0,0 +1,45 @@
+import React from "react";
+import type { ProgressItemParams } from "./domains";
+interface SteppedProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: ProgressItemParams[];
+}
+declare const SteppedProgress: (({ items, ...props }: SteppedProgressProps) => React.JSX.Element) & {
+    original: ({ items, ...props }: SteppedProgressProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ items, ...props }: SteppedProgressProps) => React.JSX.Element) & {
+        original: ({ items, ...props }: SteppedProgressProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ items, ...props }: SteppedProgressProps) => React.JSX.Element) & {
+        original: ({ items, ...props }: SteppedProgressProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Item: (({ label, state, errored, disabled, className, ...props }: import("./SteppedProgressItem").SteppedProgressItemProps) => React.JSX.Element) & {
+        original: ({ label, state, errored, disabled, className, ...props }: import("./SteppedProgressItem").SteppedProgressItemProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ label, state, errored, disabled, className, ...props }: import("./SteppedProgressItem").SteppedProgressItemProps) => React.JSX.Element) & {
+            original: ({ label, state, errored, disabled, className, ...props }: import("./SteppedProgressItem").SteppedProgressItemProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ label, state, errored, disabled, className, ...props }: import("./SteppedProgressItem").SteppedProgressItemProps) => React.JSX.Element) & {
+            original: ({ label, state, errored, disabled, className, ...props }: import("./SteppedProgressItem").SteppedProgressItemProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+};
+export { SteppedProgress, type SteppedProgressProps };

package/SteppedProgress/SteppedProgress.js

@@ -0,0 +1,24 @@
+import React from "react";
+import { SteppedProgressItem } from "./SteppedProgressItem";
+import { makeDecoratable, withStaticProps } from "../utils";
+import { useSteppedProgress } from "./useSteppedProgress";
+const DecoratableSteppedProgress = ({
+  items,
+  ...props
+}) => {
+  const {
+    vm
+  } = useSteppedProgress({
+    items
+  });
+  return /*#__PURE__*/React.createElement("div", props, vm.items.map(item => /*#__PURE__*/React.createElement(SteppedProgressItem, Object.assign({
+    key: item.id
+  }, item))));
+};
+const BaseSteppedProgress = makeDecoratable("SteppedProgress", DecoratableSteppedProgress);
+const SteppedProgress = withStaticProps(BaseSteppedProgress, {
+  Item: SteppedProgressItem
+});
+export { SteppedProgress };
+
+//# sourceMappingURL=SteppedProgress.js.map

package/SteppedProgress/SteppedProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","SteppedProgressItem","makeDecoratable","withStaticProps","useSteppedProgress","DecoratableSteppedProgress","items","props","vm","createElement","map","item","Object","assign","key","id","BaseSteppedProgress","SteppedProgress","Item"],"sources":["SteppedProgress.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ProgressItemParams } from \"./domains\";\nimport { SteppedProgressItem } from \"~/SteppedProgress/SteppedProgressItem\";\nimport { makeDecoratable, withStaticProps } from \"~/utils\";\nimport { useSteppedProgress } from \"~/SteppedProgress/useSteppedProgress\";\n\ninterface SteppedProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n    items: ProgressItemParams[];\n}\n\nconst DecoratableSteppedProgress = ({ items, ...props }: SteppedProgressProps) => {\n    const { vm } = useSteppedProgress({ items });\n\n    return (\n        <div {...props}>\n            {vm.items.map(item => (\n                <SteppedProgressItem key={item.id} {...item} />\n            ))}\n        </div>\n    );\n};\n\nconst BaseSteppedProgress = makeDecoratable(\"SteppedProgress\", DecoratableSteppedProgress);\n\nconst SteppedProgress = withStaticProps(BaseSteppedProgress, {\n    Item: SteppedProgressItem\n});\n\nexport { SteppedProgress, type SteppedProgressProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,mBAAmB;AAC5B,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,kBAAkB;AAM3B,MAAMC,0BAA0B,GAAGA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAA4B,CAAC,KAAK;EAC9E,MAAM;IAAEC;EAAG,CAAC,GAAGJ,kBAAkB,CAAC;IAAEE;EAAM,CAAC,CAAC;EAE5C,oBACIN,KAAA,CAAAS,aAAA,QAASF,KAAK,EACTC,EAAE,CAACF,KAAK,CAACI,GAAG,CAACC,IAAI,iBACdX,KAAA,CAAAS,aAAA,CAACR,mBAAmB,EAAAW,MAAA,CAAAC,MAAA;IAACC,GAAG,EAAEH,IAAI,CAACI;EAAG,GAAKJ,IAAI,CAAG,CACjD,CACA,CAAC;AAEd,CAAC;AAED,MAAMK,mBAAmB,GAAGd,eAAe,CAAC,iBAAiB,EAAEG,0BAA0B,CAAC;AAE1F,MAAMY,eAAe,GAAGd,eAAe,CAACa,mBAAmB,EAAE;EACzDE,IAAI,EAAEjB;AACV,CAAC,CAAC;AAEF,SAASgB,eAAe","ignoreList":[]}

package/SteppedProgress/SteppedProgress.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SteppedProgress } from "./SteppedProgress";
+declare const meta: Meta<typeof SteppedProgress>;
+export default meta;
+type Story = StoryObj<typeof SteppedProgress>;
+export declare const Default: Story;
+export declare const WithMultipleLines: Story;
+export declare const Disabled: Story;
+export declare const Errored: Story;
+export declare const DisabledAndErrored: Story;

package/SteppedProgress/SteppedProgress.stories.js

@@ -0,0 +1,115 @@
+import React from "react";
+import { SteppedProgress } from "./SteppedProgress";
+import { ProgressItemState } from "./domains";
+const meta = {
+  title: "Components/SteppedProgress",
+  component: SteppedProgress,
+  argTypes: {},
+  parameters: {
+    layout: "padded"
+  }
+};
+export default meta;
+export const Default = {
+  args: {
+    items: [{
+      label: "Step"
+    }, {
+      label: "Step In Progress",
+      state: ProgressItemState.IN_PROGRESS
+    }, {
+      label: "Step Completed",
+      state: ProgressItemState.COMPLETED
+    }, {
+      label: "Completed Affirmative",
+      state: ProgressItemState.COMPLETED_AFFIRMATIVE
+    }]
+  }
+};
+export const WithMultipleLines = {
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: "240px"
+    }
+  }, /*#__PURE__*/React.createElement(Story, null))],
+  args: {
+    items: [{
+      label: "Step but with multiple lines of text."
+    }, {
+      label: "Step in progress but with multiple lines of text.",
+      state: ProgressItemState.IN_PROGRESS
+    }, {
+      label: "Step completed but with multiple lines of text.",
+      state: ProgressItemState.COMPLETED
+    }, {
+      label: "Completed affirmative but with multiple lines of text.",
+      state: ProgressItemState.COMPLETED_AFFIRMATIVE
+    }]
+  }
+};
+export const Disabled = {
+  args: {
+    items: [{
+      label: "Step",
+      disabled: true
+    }, {
+      label: "Step In Progress",
+      state: ProgressItemState.IN_PROGRESS,
+      disabled: true
+    }, {
+      label: "Step Completed",
+      state: ProgressItemState.COMPLETED,
+      disabled: true
+    }, {
+      label: "Completed Affirmative",
+      state: ProgressItemState.COMPLETED_AFFIRMATIVE,
+      disabled: true
+    }]
+  }
+};
+export const Errored = {
+  args: {
+    items: [{
+      label: "Step",
+      errored: true
+    }, {
+      label: "Step In Progress",
+      state: ProgressItemState.IN_PROGRESS,
+      errored: true
+    }, {
+      label: "Step Completed",
+      state: ProgressItemState.COMPLETED,
+      errored: true
+    }, {
+      label: "Completed Affirmative",
+      state: ProgressItemState.COMPLETED_AFFIRMATIVE,
+      errored: true
+    }]
+  }
+};
+export const DisabledAndErrored = {
+  args: {
+    items: [{
+      label: "Step",
+      disabled: true,
+      errored: true
+    }, {
+      label: "Step In Progress",
+      state: ProgressItemState.IN_PROGRESS,
+      disabled: true,
+      errored: true
+    }, {
+      label: "Step Completed",
+      state: ProgressItemState.COMPLETED,
+      disabled: true,
+      errored: true
+    }, {
+      label: "Completed Affirmative",
+      state: ProgressItemState.COMPLETED_AFFIRMATIVE,
+      disabled: true,
+      errored: true
+    }]
+  }
+};
+
+//# sourceMappingURL=SteppedProgress.stories.js.map

package/SteppedProgress/SteppedProgress.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","SteppedProgress","ProgressItemState","meta","title","component","argTypes","parameters","layout","Default","args","items","label","state","IN_PROGRESS","COMPLETED","COMPLETED_AFFIRMATIVE","WithMultipleLines","decorators","Story","createElement","style","width","Disabled","disabled","Errored","errored","DisabledAndErrored"],"sources":["SteppedProgress.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { SteppedProgress } from \"./SteppedProgress\";\nimport { ProgressItemState } from \"~/SteppedProgress/domains\";\n\nconst meta: Meta<typeof SteppedProgress> = {\n    title: \"Components/SteppedProgress\",\n    component: SteppedProgress,\n    argTypes: {},\n    parameters: {\n        layout: \"padded\"\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SteppedProgress>;\n\nexport const Default: Story = {\n    args: {\n        items: [\n            {\n                label: \"Step\"\n            },\n            {\n                label: \"Step In Progress\",\n                state: ProgressItemState.IN_PROGRESS\n            },\n            {\n                label: \"Step Completed\",\n                state: ProgressItemState.COMPLETED\n            },\n            {\n                label: \"Completed Affirmative\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE\n            }\n        ]\n    }\n};\n\nexport const WithMultipleLines: Story = {\n    decorators: [\n        Story => (\n            <div\n                style={{\n                    width: \"240px\"\n                }}\n            >\n                <Story />\n            </div>\n        )\n    ],\n    args: {\n        items: [\n            {\n                label: \"Step but with multiple lines of text.\"\n            },\n            {\n                label: \"Step in progress but with multiple lines of text.\",\n                state: ProgressItemState.IN_PROGRESS\n            },\n            {\n                label: \"Step completed but with multiple lines of text.\",\n                state: ProgressItemState.COMPLETED\n            },\n            {\n                label: \"Completed affirmative but with multiple lines of text.\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE\n            }\n        ]\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        items: [\n            {\n                label: \"Step\",\n                disabled: true\n            },\n            {\n                label: \"Step In Progress\",\n                state: ProgressItemState.IN_PROGRESS,\n                disabled: true\n            },\n            {\n                label: \"Step Completed\",\n                state: ProgressItemState.COMPLETED,\n                disabled: true\n            },\n            {\n                label: \"Completed Affirmative\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE,\n                disabled: true\n            }\n        ]\n    }\n};\n\nexport const Errored: Story = {\n    args: {\n        items: [\n            {\n                label: \"Step\",\n                errored: true\n            },\n            {\n                label: \"Step In Progress\",\n                state: ProgressItemState.IN_PROGRESS,\n                errored: true\n            },\n            {\n                label: \"Step Completed\",\n                state: ProgressItemState.COMPLETED,\n                errored: true\n            },\n            {\n                label: \"Completed Affirmative\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE,\n                errored: true\n            }\n        ]\n    }\n};\n\nexport const DisabledAndErrored: Story = {\n    args: {\n        items: [\n            {\n                label: \"Step\",\n                disabled: true,\n                errored: true\n            },\n            {\n                label: \"Step In Progress\",\n                state: ProgressItemState.IN_PROGRESS,\n                disabled: true,\n                errored: true\n            },\n            {\n                label: \"Step Completed\",\n                state: ProgressItemState.COMPLETED,\n                disabled: true,\n                errored: true\n            },\n            {\n                label: \"Completed Affirmative\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE,\n                disabled: true,\n                errored: true\n            }\n        ]\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/SteppedProgress/SteppedProgressItem.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { type ProgressItemFormatted } from "./domains";
+type SteppedProgressItemProps = React.HTMLAttributes<HTMLDivElement> & ProgressItemFormatted;
+declare const SteppedProgressItem: (({ label, state, errored, disabled, className, ...props }: SteppedProgressItemProps) => React.JSX.Element) & {
+    original: ({ label, state, errored, disabled, className, ...props }: SteppedProgressItemProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ label, state, errored, disabled, className, ...props }: SteppedProgressItemProps) => React.JSX.Element) & {
+        original: ({ label, state, errored, disabled, className, ...props }: SteppedProgressItemProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ label, state, errored, disabled, className, ...props }: SteppedProgressItemProps) => React.JSX.Element) & {
+        original: ({ label, state, errored, disabled, className, ...props }: SteppedProgressItemProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { SteppedProgressItem, type SteppedProgressItemProps };

package/SteppedProgress/SteppedProgressItem.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { cn, makeDecoratable } from "../utils";
+import { SteppedProgressIcon, SteppedProgressIndicator, SteppedProgressLabel } from "./components";
+const DecoratableSteppedProgressItem = ({
+  label,
+  state,
+  errored,
+  disabled,
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: cn("wby-flex wby-justify-start wby-items-center wby-gap-sm-extra wby-py-sm", className)
+  }), /*#__PURE__*/React.createElement(SteppedProgressIndicator, {
+    state: state,
+    errored: errored,
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(SteppedProgressIcon, {
+    state: state,
+    errored: errored,
+    disabled: disabled
+  })), /*#__PURE__*/React.createElement(SteppedProgressLabel, {
+    state: state,
+    disabled: disabled,
+    label: label
+  }));
+};
+const SteppedProgressItem = makeDecoratable("SteppedProgressItem", DecoratableSteppedProgressItem);
+export { SteppedProgressItem };
+
+//# sourceMappingURL=SteppedProgressItem.js.map

package/SteppedProgress/SteppedProgressItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","makeDecoratable","SteppedProgressIcon","SteppedProgressIndicator","SteppedProgressLabel","DecoratableSteppedProgressItem","label","state","errored","disabled","className","props","createElement","Object","assign","SteppedProgressItem"],"sources":["SteppedProgressItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils\";\nimport { type ProgressItemFormatted } from \"./domains\";\nimport { SteppedProgressIcon, SteppedProgressIndicator, SteppedProgressLabel } from \"./components\";\n\ntype SteppedProgressItemProps = React.HTMLAttributes<HTMLDivElement> & ProgressItemFormatted;\n\nconst DecoratableSteppedProgressItem = ({\n    label,\n    state,\n    errored,\n    disabled,\n    className,\n    ...props\n}: SteppedProgressItemProps) => {\n    return (\n        <div\n            {...props}\n            className={cn(\n                \"wby-flex wby-justify-start wby-items-center wby-gap-sm-extra wby-py-sm\",\n                className\n            )}\n        >\n            <SteppedProgressIndicator state={state} errored={errored} disabled={disabled}>\n                <SteppedProgressIcon state={state} errored={errored} disabled={disabled} />\n            </SteppedProgressIndicator>\n            <SteppedProgressLabel state={state} disabled={disabled} label={label} />\n        </div>\n    );\n};\n\nconst SteppedProgressItem = makeDecoratable(\"SteppedProgressItem\", DecoratableSteppedProgressItem);\n\nexport { SteppedProgressItem, type SteppedProgressItemProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,eAAe;AAE5B,SAASC,mBAAmB,EAAEC,wBAAwB,EAAEC,oBAAoB;AAI5E,MAAMC,8BAA8B,GAAGA,CAAC;EACpCC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC,SAAS;EACT,GAAGC;AACmB,CAAC,KAAK;EAC5B,oBACIZ,KAAA,CAAAa,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;IACTD,SAAS,EAAEV,EAAE,CACT,wEAAwE,EACxEU,SACJ;EAAE,iBAEFX,KAAA,CAAAa,aAAA,CAACT,wBAAwB;IAACI,KAAK,EAAEA,KAAM;IAACC,OAAO,EAAEA,OAAQ;IAACC,QAAQ,EAAEA;EAAS,gBACzEV,KAAA,CAAAa,aAAA,CAACV,mBAAmB;IAACK,KAAK,EAAEA,KAAM;IAACC,OAAO,EAAEA,OAAQ;IAACC,QAAQ,EAAEA;EAAS,CAAE,CACpD,CAAC,eAC3BV,KAAA,CAAAa,aAAA,CAACR,oBAAoB;IAACG,KAAK,EAAEA,KAAM;IAACE,QAAQ,EAAEA,QAAS;IAACH,KAAK,EAAEA;EAAM,CAAE,CACtE,CAAC;AAEd,CAAC;AAED,MAAMS,mBAAmB,GAAGd,eAAe,CAAC,qBAAqB,EAAEI,8BAA8B,CAAC;AAElG,SAASU,mBAAmB","ignoreList":[]}

package/SteppedProgress/components/SteppedProgressIcon.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { type VariantProps } from "../../utils";
+import { ProgressItemState } from "../domains";
+declare const steppedProgressIconVariants: (props?: ({
+    state?: ProgressItemState | null | undefined;
+    disabled?: boolean | null | undefined;
+    errored?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface SteppedProgressIconProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof steppedProgressIconVariants> {
+}
+declare const SteppedProgressIcon: ({ state, errored, disabled, className, ...props }: SteppedProgressIconProps) => React.JSX.Element;
+export { SteppedProgressIcon, type SteppedProgressIconProps };

package/SteppedProgress/components/SteppedProgressIcon.js

@@ -0,0 +1,85 @@
+import React from "react";
+import { ReactComponent as CheckIcon } from "@webiny/icons/check.svg";
+import { ReactComponent as ErrorIcon } from "@webiny/icons/error_outline.svg";
+import { cn, cva } from "../../utils";
+import { ProgressItemState } from "../domains";
+import { Icon } from "../../Icon";
+const steppedProgressIconVariants = cva(["wby-absolute wby-top-1/2 wby-left-1/2 -wby-translate-x-1/2 -wby-translate-y-1/2"], {
+  variants: {
+    state: {
+      [ProgressItemState.IDLE]: "wby-hidden",
+      [ProgressItemState.IN_PROGRESS]: "wby-size-sm-extra wby-rounded-full wby-bg-primary-default",
+      [ProgressItemState.COMPLETED]: "wby-fill-neutral-base",
+      [ProgressItemState.COMPLETED_AFFIRMATIVE]: "wby-fill-neutral-base"
+    },
+    disabled: {
+      true: "!wby-fill-neutral-base"
+    },
+    errored: {
+      true: "wby-fill-destructive"
+    }
+  },
+  compoundVariants: [
+  // disabled
+  {
+    state: ProgressItemState.IN_PROGRESS,
+    disabled: true,
+    className: "wby-bg-neutral-strong"
+  },
+  // errored
+  {
+    state: ProgressItemState.IDLE,
+    errored: true,
+    className: "wby-block"
+  }, {
+    state: ProgressItemState.IN_PROGRESS,
+    errored: true,
+    className: "wby-size-auto wby-rounded-none wby-bg-transparent"
+  }, {
+    state: ProgressItemState.COMPLETED,
+    errored: true,
+    className: "wby-fill-neutral-base"
+  }, {
+    state: ProgressItemState.COMPLETED_AFFIRMATIVE,
+    errored: true,
+    className: "wby-fill-neutral-base"
+  }],
+  defaultVariants: {
+    state: ProgressItemState.IDLE
+  }
+});
+const SteppedProgressIcon = ({
+  state,
+  errored,
+  disabled,
+  className,
+  ...props
+}) => {
+  const icon = React.useMemo(() => {
+    if (errored) {
+      return /*#__PURE__*/React.createElement(Icon, {
+        icon: /*#__PURE__*/React.createElement(ErrorIcon, null),
+        label: "Error",
+        size: "sm"
+      });
+    }
+    if (state === ProgressItemState.COMPLETED || state === ProgressItemState.COMPLETED_AFFIRMATIVE) {
+      return /*#__PURE__*/React.createElement(Icon, {
+        icon: /*#__PURE__*/React.createElement(CheckIcon, null),
+        label: "Completed",
+        size: "sm"
+      });
+    }
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }, [state, errored]);
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: cn(steppedProgressIconVariants({
+      state,
+      disabled,
+      errored
+    }), className)
+  }), icon);
+};
+export { SteppedProgressIcon };
+
+//# sourceMappingURL=SteppedProgressIcon.js.map

package/SteppedProgress/components/SteppedProgressIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","CheckIcon","ErrorIcon","cn","cva","ProgressItemState","Icon","steppedProgressIconVariants","variants","state","IDLE","IN_PROGRESS","COMPLETED","COMPLETED_AFFIRMATIVE","disabled","true","errored","compoundVariants","className","defaultVariants","SteppedProgressIcon","props","icon","useMemo","createElement","label","size","Fragment","Object","assign"],"sources":["SteppedProgressIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as CheckIcon } from \"@webiny/icons/check.svg\";\nimport { ReactComponent as ErrorIcon } from \"@webiny/icons/error_outline.svg\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\nimport { ProgressItemState } from \"~/SteppedProgress/domains\";\nimport { Icon } from \"~/Icon\";\n\nconst steppedProgressIconVariants = cva(\n    [\"wby-absolute wby-top-1/2 wby-left-1/2 -wby-translate-x-1/2 -wby-translate-y-1/2\"],\n    {\n        variants: {\n            state: {\n                [ProgressItemState.IDLE]: \"wby-hidden\",\n                [ProgressItemState.IN_PROGRESS]:\n                    \"wby-size-sm-extra wby-rounded-full wby-bg-primary-default\",\n                [ProgressItemState.COMPLETED]: \"wby-fill-neutral-base\",\n                [ProgressItemState.COMPLETED_AFFIRMATIVE]: \"wby-fill-neutral-base\"\n            },\n            disabled: {\n                true: \"!wby-fill-neutral-base\"\n            },\n            errored: {\n                true: \"wby-fill-destructive\"\n            }\n        },\n        compoundVariants: [\n            // disabled\n            {\n                state: ProgressItemState.IN_PROGRESS,\n                disabled: true,\n                className: \"wby-bg-neutral-strong\"\n            },\n            // errored\n            {\n                state: ProgressItemState.IDLE,\n                errored: true,\n                className: \"wby-block\"\n            },\n            {\n                state: ProgressItemState.IN_PROGRESS,\n                errored: true,\n                className: \"wby-size-auto wby-rounded-none wby-bg-transparent\"\n            },\n            {\n                state: ProgressItemState.COMPLETED,\n                errored: true,\n                className: \"wby-fill-neutral-base\"\n            },\n            {\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE,\n                errored: true,\n                className: \"wby-fill-neutral-base\"\n            }\n        ],\n        defaultVariants: {\n            state: ProgressItemState.IDLE\n        }\n    }\n);\n\ninterface SteppedProgressIconProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof steppedProgressIconVariants> {}\n\nconst SteppedProgressIcon = ({\n    state,\n    errored,\n    disabled,\n    className,\n    ...props\n}: SteppedProgressIconProps) => {\n    const icon = React.useMemo(() => {\n        if (errored) {\n            return <Icon icon={<ErrorIcon />} label={\"Error\"} size={\"sm\"} />;\n        }\n\n        if (\n            state === ProgressItemState.COMPLETED ||\n            state === ProgressItemState.COMPLETED_AFFIRMATIVE\n        ) {\n            return <Icon icon={<CheckIcon />} label={\"Completed\"} size={\"sm\"} />;\n        }\n\n        return <></>;\n    }, [state, errored]);\n\n    return (\n        <div\n            {...props}\n            className={cn(steppedProgressIconVariants({ state, disabled, errored }), className)}\n        >\n            {icon}\n        </div>\n    );\n};\n\nexport { SteppedProgressIcon, type SteppedProgressIconProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AACrE,SAASD,cAAc,IAAIE,SAAS,QAAQ,iCAAiC;AAC7E,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,iBAAiB;AAC1B,SAASC,IAAI;AAEb,MAAMC,2BAA2B,GAAGH,GAAG,CACnC,CAAC,iFAAiF,CAAC,EACnF;EACII,QAAQ,EAAE;IACNC,KAAK,EAAE;MACH,CAACJ,iBAAiB,CAACK,IAAI,GAAG,YAAY;MACtC,CAACL,iBAAiB,CAACM,WAAW,GAC1B,2DAA2D;MAC/D,CAACN,iBAAiB,CAACO,SAAS,GAAG,uBAAuB;MACtD,CAACP,iBAAiB,CAACQ,qBAAqB,GAAG;IAC/C,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV,CAAC;IACDC,OAAO,EAAE;MACLD,IAAI,EAAE;IACV;EACJ,CAAC;EACDE,gBAAgB,EAAE;EACd;EACA;IACIR,KAAK,EAAEJ,iBAAiB,CAACM,WAAW;IACpCG,QAAQ,EAAE,IAAI;IACdI,SAAS,EAAE;EACf,CAAC;EACD;EACA;IACIT,KAAK,EAAEJ,iBAAiB,CAACK,IAAI;IAC7BM,OAAO,EAAE,IAAI;IACbE,SAAS,EAAE;EACf,CAAC,EACD;IACIT,KAAK,EAAEJ,iBAAiB,CAACM,WAAW;IACpCK,OAAO,EAAE,IAAI;IACbE,SAAS,EAAE;EACf,CAAC,EACD;IACIT,KAAK,EAAEJ,iBAAiB,CAACO,SAAS;IAClCI,OAAO,EAAE,IAAI;IACbE,SAAS,EAAE;EACf,CAAC,EACD;IACIT,KAAK,EAAEJ,iBAAiB,CAACQ,qBAAqB;IAC9CG,OAAO,EAAE,IAAI;IACbE,SAAS,EAAE;EACf,CAAC,CACJ;EACDC,eAAe,EAAE;IACbV,KAAK,EAAEJ,iBAAiB,CAACK;EAC7B;AACJ,CACJ,CAAC;AAMD,MAAMU,mBAAmB,GAAGA,CAAC;EACzBX,KAAK;EACLO,OAAO;EACPF,QAAQ;EACRI,SAAS;EACT,GAAGG;AACmB,CAAC,KAAK;EAC5B,MAAMC,IAAI,GAAGvB,KAAK,CAACwB,OAAO,CAAC,MAAM;IAC7B,IAAIP,OAAO,EAAE;MACT,oBAAOjB,KAAA,CAAAyB,aAAA,CAAClB,IAAI;QAACgB,IAAI,eAAEvB,KAAA,CAAAyB,aAAA,CAACtB,SAAS,MAAE,CAAE;QAACuB,KAAK,EAAE,OAAQ;QAACC,IAAI,EAAE;MAAK,CAAE,CAAC;IACpE;IAEA,IACIjB,KAAK,KAAKJ,iBAAiB,CAACO,SAAS,IACrCH,KAAK,KAAKJ,iBAAiB,CAACQ,qBAAqB,EACnD;MACE,oBAAOd,KAAA,CAAAyB,aAAA,CAAClB,IAAI;QAACgB,IAAI,eAAEvB,KAAA,CAAAyB,aAAA,CAACvB,SAAS,MAAE,CAAE;QAACwB,KAAK,EAAE,WAAY;QAACC,IAAI,EAAE;MAAK,CAAE,CAAC;IACxE;IAEA,oBAAO3B,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA4B,QAAA,MAAI,CAAC;EAChB,CAAC,EAAE,CAAClB,KAAK,EAAEO,OAAO,CAAC,CAAC;EAEpB,oBACIjB,KAAA,CAAAyB,aAAA,QAAAI,MAAA,CAAAC,MAAA,KACQR,KAAK;IACTH,SAAS,EAAEf,EAAE,CAACI,2BAA2B,CAAC;MAAEE,KAAK;MAAEK,QAAQ;MAAEE;IAAQ,CAAC,CAAC,EAAEE,SAAS;EAAE,IAEnFI,IACA,CAAC;AAEd,CAAC;AAED,SAASF,mBAAmB","ignoreList":[]}

package/SteppedProgress/components/SteppedProgressIndicator.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { type VariantProps } from "../../utils";
+import { ProgressItemState } from "../domains";
+declare const steppedProgressIndicatorVariants: (props?: ({
+    state?: ProgressItemState | null | undefined;
+    disabled?: boolean | null | undefined;
+    errored?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface SteppedProgressIndicatorProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof steppedProgressIndicatorVariants> {
+}
+declare const SteppedProgressIndicator: ({ state, disabled, errored, className, children, ...props }: SteppedProgressIndicatorProps) => React.JSX.Element;
+export { SteppedProgressIndicator, type SteppedProgressIndicatorProps };

package/SteppedProgress/components/SteppedProgressIndicator.js

@@ -0,0 +1,46 @@
+import React from "react";
+import { cn, cva } from "../../utils";
+import { ProgressItemState } from "../domains";
+const steppedProgressIndicatorVariants = cva(["wby-size-lg wby-rounded-full wby-relative wby-shrink-0 wby-basis-auto"], {
+  variants: {
+    state: {
+      [ProgressItemState.IDLE]: "wby-bg-neutral-base wby-border-sm wby-border-solid wby-border-neutral-muted",
+      [ProgressItemState.IN_PROGRESS]: ["wby-bg-primary-base wby-border-sm wby-border-solid wby-border-neutral-muted"],
+      [ProgressItemState.COMPLETED]: "wby-bg-primary-default",
+      [ProgressItemState.COMPLETED_AFFIRMATIVE]: "wby-bg-success-default"
+    },
+    disabled: {
+      true: "!wby-bg-neutral-dimmed !wby-border-none"
+    },
+    errored: {
+      true: ""
+    }
+  },
+  compoundVariants: [{
+    state: ProgressItemState.COMPLETED,
+    errored: true,
+    className: "wby-bg-destructive-default"
+  }],
+  defaultVariants: {
+    state: ProgressItemState.IDLE
+  }
+});
+const SteppedProgressIndicator = ({
+  state,
+  disabled,
+  errored,
+  className,
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: cn(steppedProgressIndicatorVariants({
+      state,
+      disabled,
+      errored
+    }), className)
+  }), children);
+};
+export { SteppedProgressIndicator };
+
+//# sourceMappingURL=SteppedProgressIndicator.js.map

package/SteppedProgress/components/SteppedProgressIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","cva","ProgressItemState","steppedProgressIndicatorVariants","variants","state","IDLE","IN_PROGRESS","COMPLETED","COMPLETED_AFFIRMATIVE","disabled","true","errored","compoundVariants","className","defaultVariants","SteppedProgressIndicator","children","props","createElement","Object","assign"],"sources":["SteppedProgressIndicator.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\nimport { ProgressItemState } from \"~/SteppedProgress/domains\";\n\nconst steppedProgressIndicatorVariants = cva(\n    [\"wby-size-lg wby-rounded-full wby-relative wby-shrink-0 wby-basis-auto\"],\n    {\n        variants: {\n            state: {\n                [ProgressItemState.IDLE]:\n                    \"wby-bg-neutral-base wby-border-sm wby-border-solid wby-border-neutral-muted\",\n                [ProgressItemState.IN_PROGRESS]: [\n                    \"wby-bg-primary-base wby-border-sm wby-border-solid wby-border-neutral-muted\"\n                ],\n                [ProgressItemState.COMPLETED]: \"wby-bg-primary-default\",\n                [ProgressItemState.COMPLETED_AFFIRMATIVE]: \"wby-bg-success-default\"\n            },\n            disabled: {\n                true: \"!wby-bg-neutral-dimmed !wby-border-none\"\n            },\n            errored: {\n                true: \"\"\n            }\n        },\n        compoundVariants: [\n            {\n                state: ProgressItemState.COMPLETED,\n                errored: true,\n                className: \"wby-bg-destructive-default\"\n            }\n        ],\n        defaultVariants: {\n            state: ProgressItemState.IDLE\n        }\n    }\n);\n\ninterface SteppedProgressIndicatorProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof steppedProgressIndicatorVariants> {}\n\nconst SteppedProgressIndicator = ({\n    state,\n    disabled,\n    errored,\n    className,\n    children,\n    ...props\n}: SteppedProgressIndicatorProps) => {\n    return (\n        <div\n            {...props}\n            className={cn(\n                steppedProgressIndicatorVariants({ state, disabled, errored }),\n                className\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport { SteppedProgressIndicator, type SteppedProgressIndicatorProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,iBAAiB;AAE1B,MAAMC,gCAAgC,GAAGF,GAAG,CACxC,CAAC,uEAAuE,CAAC,EACzE;EACIG,QAAQ,EAAE;IACNC,KAAK,EAAE;MACH,CAACH,iBAAiB,CAACI,IAAI,GACnB,6EAA6E;MACjF,CAACJ,iBAAiB,CAACK,WAAW,GAAG,CAC7B,6EAA6E,CAChF;MACD,CAACL,iBAAiB,CAACM,SAAS,GAAG,wBAAwB;MACvD,CAACN,iBAAiB,CAACO,qBAAqB,GAAG;IAC/C,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV,CAAC;IACDC,OAAO,EAAE;MACLD,IAAI,EAAE;IACV;EACJ,CAAC;EACDE,gBAAgB,EAAE,CACd;IACIR,KAAK,EAAEH,iBAAiB,CAACM,SAAS;IAClCI,OAAO,EAAE,IAAI;IACbE,SAAS,EAAE;EACf,CAAC,CACJ;EACDC,eAAe,EAAE;IACbV,KAAK,EAAEH,iBAAiB,CAACI;EAC7B;AACJ,CACJ,CAAC;AAMD,MAAMU,wBAAwB,GAAGA,CAAC;EAC9BX,KAAK;EACLK,QAAQ;EACRE,OAAO;EACPE,SAAS;EACTG,QAAQ;EACR,GAAGC;AACwB,CAAC,KAAK;EACjC,oBACInB,KAAA,CAAAoB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;IACTJ,SAAS,EAAEd,EAAE,CACTG,gCAAgC,CAAC;MAAEE,KAAK;MAAEK,QAAQ;MAAEE;IAAQ,CAAC,CAAC,EAC9DE,SACJ;EAAE,IAEDG,QACA,CAAC;AAEd,CAAC;AAED,SAASD,wBAAwB","ignoreList":[]}

package/SteppedProgress/components/SteppedProgressLabel.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { ProgressItemState } from "../domains";
+interface SteppedProgressLabelProps extends React.HTMLAttributes<HTMLSpanElement> {
+    label: string;
+    state: ProgressItemState;
+    disabled: boolean;
+}
+declare const SteppedProgressLabel: ({ label, state, disabled, className, ...props }: SteppedProgressLabelProps) => React.JSX.Element;
+export { SteppedProgressLabel, type SteppedProgressLabelProps };

package/SteppedProgress/components/SteppedProgressLabel.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { Text } from "../../Text";
+import { cn } from "../../utils";
+import { ProgressItemState } from "../domains";
+const SteppedProgressLabel = ({
+  label,
+  state,
+  disabled,
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(Text, Object.assign({}, props, {
+    className: cn(state === ProgressItemState.IN_PROGRESS ? "wby-font-semibold" : "wby-font-regular", disabled ? "wby-text-neutral-disabled" : "wby-text-neutral-primary", className)
+  }), label);
+};
+export { SteppedProgressLabel };
+
+//# sourceMappingURL=SteppedProgressLabel.js.map

package/SteppedProgress/components/SteppedProgressLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","cn","ProgressItemState","SteppedProgressLabel","label","state","disabled","className","props","createElement","Object","assign","IN_PROGRESS"],"sources":["SteppedProgressLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"~/Text\";\nimport { cn } from \"~/utils\";\nimport { ProgressItemState } from \"~/SteppedProgress/domains\";\n\ninterface SteppedProgressLabelProps extends React.HTMLAttributes<HTMLSpanElement> {\n    label: string;\n    state: ProgressItemState;\n    disabled: boolean;\n}\n\nconst SteppedProgressLabel = ({\n    label,\n    state,\n    disabled,\n    className,\n    ...props\n}: SteppedProgressLabelProps) => {\n    return (\n        <Text\n            {...props}\n            className={cn(\n                state === ProgressItemState.IN_PROGRESS ? \"wby-font-semibold\" : \"wby-font-regular\",\n                disabled ? \"wby-text-neutral-disabled\" : \"wby-text-neutral-primary\",\n                className\n            )}\n        >\n            {label}\n        </Text>\n    );\n};\n\nexport { SteppedProgressLabel, type SteppedProgressLabelProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI;AACb,SAASC,EAAE;AACX,SAASC,iBAAiB;AAQ1B,MAAMC,oBAAoB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACT,GAAGC;AACoB,CAAC,KAAK;EAC7B,oBACIT,KAAA,CAAAU,aAAA,CAACT,IAAI,EAAAU,MAAA,CAAAC,MAAA,KACGH,KAAK;IACTD,SAAS,EAAEN,EAAE,CACTI,KAAK,KAAKH,iBAAiB,CAACU,WAAW,GAAG,mBAAmB,GAAG,kBAAkB,EAClFN,QAAQ,GAAG,2BAA2B,GAAG,0BAA0B,EACnEC,SACJ;EAAE,IAEDH,KACC,CAAC;AAEf,CAAC;AAED,SAASD,oBAAoB","ignoreList":[]}

package/SteppedProgress/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SteppedProgressIcon";
+export * from "./SteppedProgressIndicator";
+export * from "./SteppedProgressLabel";

package/SteppedProgress/components/index.js

@@ -0,0 +1,5 @@
+export * from "./SteppedProgressIcon";
+export * from "./SteppedProgressIndicator";
+export * from "./SteppedProgressLabel";
+
+//# sourceMappingURL=index.js.map

package/SteppedProgress/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SteppedProgressIcon\";\nexport * from \"./SteppedProgressIndicator\";\nexport * from \"./SteppedProgressLabel\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}

package/SteppedProgress/domains/ProgressItem.d.ts

@@ -0,0 +1,22 @@
+import { ProgressItemState } from "./ProgressItemState";
+export interface ProgressItemParams {
+    label: string;
+    id?: string;
+    disabled?: boolean;
+    errored?: boolean;
+    state?: ProgressItemState;
+}
+export declare class ProgressItem {
+    private readonly _label;
+    private readonly _id;
+    private readonly _disabled;
+    private readonly _errored;
+    private readonly _state;
+    protected constructor(params: ProgressItemParams);
+    static create(data: ProgressItemParams): ProgressItem;
+    get id(): string;
+    get label(): string;
+    get disabled(): boolean;
+    get errored(): boolean;
+    get state(): ProgressItemState;
+}

package/SteppedProgress/domains/ProgressItem.js

@@ -0,0 +1,31 @@
+import { ProgressItemState } from "./ProgressItemState";
+import { generateId } from "../../utils";
+export class ProgressItem {
+  constructor(params) {
+    this._label = params.label;
+    this._id = generateId(params.id);
+    this._disabled = params.disabled || false;
+    this._errored = params.errored || false;
+    this._state = params.state || ProgressItemState.IDLE;
+  }
+  static create(data) {
+    return new ProgressItem(data);
+  }
+  get id() {
+    return this._id;
+  }
+  get label() {
+    return this._label;
+  }
+  get disabled() {
+    return this._disabled;
+  }
+  get errored() {
+    return this._errored;
+  }
+  get state() {
+    return this._state;
+  }
+}
+
+//# sourceMappingURL=ProgressItem.js.map

package/SteppedProgress/domains/ProgressItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ProgressItemState","generateId","ProgressItem","constructor","params","_label","label","_id","id","_disabled","disabled","_errored","errored","_state","state","IDLE","create","data"],"sources":["ProgressItem.ts"],"sourcesContent":["import { ProgressItemState } from \"./ProgressItemState\";\nimport { generateId } from \"~/utils\";\n\nexport interface ProgressItemParams {\n    label: string;\n    id?: string;\n    disabled?: boolean;\n    errored?: boolean;\n    state?: ProgressItemState;\n}\n\nexport class ProgressItem {\n    private readonly _label: string;\n    private readonly _id: string;\n    private readonly _disabled: boolean;\n    private readonly _errored: boolean;\n    private readonly _state: ProgressItemState;\n\n    protected constructor(params: ProgressItemParams) {\n        this._label = params.label;\n        this._id = generateId(params.id);\n        this._disabled = params.disabled || false;\n        this._errored = params.errored || false;\n        this._state = params.state || ProgressItemState.IDLE;\n    }\n\n    static create(data: ProgressItemParams) {\n        return new ProgressItem(data);\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n\n    get errored() {\n        return this._errored;\n    }\n\n    get state() {\n        return this._state;\n    }\n}\n"],"mappings":"AAAA,SAASA,iBAAiB;AAC1B,SAASC,UAAU;AAUnB,OAAO,MAAMC,YAAY,CAAC;EAOZC,WAAWA,CAACC,MAA0B,EAAE;IAC9C,IAAI,CAACC,MAAM,GAAGD,MAAM,CAACE,KAAK;IAC1B,IAAI,CAACC,GAAG,GAAGN,UAAU,CAACG,MAAM,CAACI,EAAE,CAAC;IAChC,IAAI,CAACC,SAAS,GAAGL,MAAM,CAACM,QAAQ,IAAI,KAAK;IACzC,IAAI,CAACC,QAAQ,GAAGP,MAAM,CAACQ,OAAO,IAAI,KAAK;IACvC,IAAI,CAACC,MAAM,GAAGT,MAAM,CAACU,KAAK,IAAId,iBAAiB,CAACe,IAAI;EACxD;EAEA,OAAOC,MAAMA,CAACC,IAAwB,EAAE;IACpC,OAAO,IAAIf,YAAY,CAACe,IAAI,CAAC;EACjC;EAEA,IAAIT,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAID,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIK,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;EAEA,IAAIG,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;AACJ","ignoreList":[]}

package/SteppedProgress/domains/ProgressItemDto.d.ts

@@ -0,0 +1,8 @@
+import type { ProgressItemState } from "./ProgressItemState";
+export interface ProgressItemDto {
+    id?: string;
+    label: string;
+    disabled?: boolean;
+    errored?: boolean;
+    state?: ProgressItemState;
+}

package/SteppedProgress/domains/ProgressItemDto.js

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=ProgressItemDto.js.map

package/SteppedProgress/domains/ProgressItemDto.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["ProgressItemDto.ts"],"sourcesContent":["import type { ProgressItemState } from \"./ProgressItemState\";\n\nexport interface ProgressItemDto {\n    id?: string;\n    label: string;\n    disabled?: boolean;\n    errored?: boolean;\n    state?: ProgressItemState;\n}\n"],"mappings":"","ignoreList":[]}

package/SteppedProgress/domains/ProgressItemFormatted.d.ts

@@ -0,0 +1,8 @@
+import type { ProgressItemState } from "./ProgressItemState";
+export interface ProgressItemFormatted {
+    id: string;
+    label: string;
+    disabled: boolean;
+    errored: boolean;
+    state: ProgressItemState;
+}

package/SteppedProgress/domains/ProgressItemFormatted.js

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=ProgressItemFormatted.js.map

package/SteppedProgress/domains/ProgressItemFormatted.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["ProgressItemFormatted.ts"],"sourcesContent":["import type { ProgressItemState } from \"./ProgressItemState\";\n\nexport interface ProgressItemFormatted {\n    id: string;\n    label: string;\n    disabled: boolean;\n    errored: boolean;\n    state: ProgressItemState;\n}\n"],"mappings":"","ignoreList":[]}

package/SteppedProgress/domains/ProgressItemFormatter.d.ts

@@ -0,0 +1,5 @@
+import type { ProgressItem } from "./ProgressItem";
+import type { ProgressItemFormatted } from "./ProgressItemFormatted";
+export declare class ProgressItemFormatter {
+    static format(item: ProgressItem): ProgressItemFormatted;
+}