impact-ui 4.0.2-alpha.1 → 4.0.2-alpha.2
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/_virtual/index15.js +2 -2
- package/dist/_virtual/index16.js +2 -2
- package/dist/_virtual/index2.js +2 -2
- package/dist/_virtual/index3.js +2 -4
- package/dist/_virtual/index4.js +3 -3
- package/dist/_virtual/index5.js +4 -2
- package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts +4 -10
- package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts.map +1 -1
- package/dist/components/CreateItemFlow/index.d.ts +15 -3
- package/dist/components/CreateItemFlow/index.d.ts.map +1 -1
- package/dist/components/CreateItemFlow/index.js +52 -132
- package/dist/components/DynamicLayout/index.d.ts +12 -9
- package/dist/components/DynamicLayout/index.d.ts.map +1 -1
- package/dist/components/DynamicLayout/index.js +29 -37
- package/dist/components/Stepper/index.js +1 -1
- package/dist/mcp-component-registry.json +1 -1
- package/dist/node_modules/@mui/system/colorManipulator.js +2 -2
- package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/is-symbol/index.js +1 -1
- package/dist/node_modules/prop-types/index.js +1 -1
- package/dist/node_modules/react-is/index.js +1 -1
- package/package.json +1 -1
package/dist/_virtual/index15.js
CHANGED
package/dist/_virtual/index16.js
CHANGED
package/dist/_virtual/index2.js
CHANGED
package/dist/_virtual/index3.js
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js";
|
|
3
|
-
const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
|
|
1
|
+
var propTypes = { exports: {} };
|
|
4
2
|
export {
|
|
5
|
-
|
|
3
|
+
propTypes as __module
|
|
6
4
|
};
|
package/dist/_virtual/index4.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { getAugmentedNamespace } from "./_commonjsHelpers.js";
|
|
2
|
-
import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/
|
|
3
|
-
const require$$
|
|
2
|
+
import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js";
|
|
3
|
+
const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
|
|
4
4
|
export {
|
|
5
|
-
require$$
|
|
5
|
+
require$$1 as default
|
|
6
6
|
};
|
package/dist/_virtual/index5.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import { getAugmentedNamespace } from "./_commonjsHelpers.js";
|
|
2
|
+
import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js";
|
|
3
|
+
const require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
|
|
2
4
|
export {
|
|
3
|
-
|
|
5
|
+
require$$2 as default
|
|
4
6
|
};
|
|
@@ -1,33 +1,25 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { ReactNode, RefObject } from 'react';
|
|
2
2
|
import { BaseComponentProps } from '../../types';
|
|
3
|
-
import { InjectedLayoutProps } from '../DynamicLayout';
|
|
4
3
|
import { StepperStep } from '../Stepper/Stepper.types';
|
|
5
4
|
|
|
6
5
|
export interface CreateItemFlowProps extends BaseComponentProps {
|
|
7
|
-
/** Current step (1-based) */
|
|
8
6
|
step?: number;
|
|
9
7
|
totalSteps?: number;
|
|
10
|
-
/** Width of the left panel (e.g. "375px") */
|
|
11
8
|
leftPanelWidth?: string | number;
|
|
12
|
-
/** Headings for each step section in the right content */
|
|
13
9
|
headings?: string[];
|
|
14
|
-
/** One React node per step (matched with headings by index) */
|
|
15
10
|
children?: ReactNode | ReactNode[];
|
|
16
11
|
onCancel?: () => void;
|
|
17
12
|
onNext?: () => void;
|
|
18
13
|
onPrev?: () => void;
|
|
19
14
|
onStepClick?: (step: number) => void;
|
|
20
|
-
/** Stepper variant: default (MUI) or progress */
|
|
21
15
|
stepperVariant?: 'default' | 'progress' | 'mui';
|
|
22
16
|
leftPanelTitle?: string;
|
|
23
17
|
leftPanelDescription?: string;
|
|
24
|
-
/** Custom left panel image (overrides default) */
|
|
25
18
|
leftPanelImage?: ReactNode | null;
|
|
26
|
-
/** Custom actions (overrides default Prev/Next buttons) */
|
|
27
19
|
actionsChildren?: ReactNode | null;
|
|
28
20
|
showStepper?: boolean;
|
|
29
21
|
}
|
|
30
|
-
export interface RightContentPanelProps
|
|
22
|
+
export interface RightContentPanelProps {
|
|
31
23
|
showStepper: boolean;
|
|
32
24
|
steps: StepperStep[];
|
|
33
25
|
step: number;
|
|
@@ -40,5 +32,7 @@ export interface RightContentPanelProps extends Partial<InjectedLayoutProps> {
|
|
|
40
32
|
onPrev?: () => void;
|
|
41
33
|
onNext?: () => void;
|
|
42
34
|
totalSteps: number;
|
|
35
|
+
contentRef?: RefObject<HTMLDivElement>;
|
|
36
|
+
hasScroll?: boolean;
|
|
43
37
|
}
|
|
44
38
|
//# sourceMappingURL=CreateItemFlow.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateItemFlow.types.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/CreateItemFlow.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CreateItemFlow.types.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/CreateItemFlow.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAClC,eAAe,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC;IAC/C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,eAAe,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
|
|
@@ -1,6 +1,18 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { CreateItemFlowProps } from './CreateItemFlow.types';
|
|
3
2
|
|
|
4
|
-
export
|
|
5
|
-
|
|
3
|
+
export interface CreateItemFlowProps {
|
|
4
|
+
leftPanelWidth?: string | number;
|
|
5
|
+
leftPanelContent?: React.ReactNode;
|
|
6
|
+
leftPanelImage?: React.ReactNode;
|
|
7
|
+
rightContent?: React.ReactNode;
|
|
8
|
+
title?: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
onPrev?: () => void;
|
|
11
|
+
onNext?: () => void;
|
|
12
|
+
prevLabel?: string;
|
|
13
|
+
nextLabel?: string;
|
|
14
|
+
showPrevIcon?: boolean;
|
|
15
|
+
showNextIcon?: boolean;
|
|
16
|
+
}
|
|
17
|
+
export declare const CreateItemFlow: React.MemoExoticComponent<({ leftPanelWidth, leftPanelContent, leftPanelImage, rightContent, title, description, onPrev, onNext, prevLabel, nextLabel, showPrevIcon, showNextIcon, }: CreateItemFlowProps) => import("react/jsx-runtime").JSX.Element>;
|
|
6
18
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAMpC,OAAO,8BAA8B,CAAC;AA+BtC,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,wLActB,mBAAmB,6CA6BvB,CAAC"}
|
|
@@ -1,143 +1,63 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".
|
|
2
|
-
import { jsx, jsxs
|
|
3
|
-
import React__default, { memo
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.form-section{width:100%}.form-section .form-section-title{color:#0d152c;font-size:16px;font-weight:600;margin-bottom:12px}.form-section .form-filter-block{background:#f7f9fd;border-radius:8px;margin-top:20px;padding:12px}.form-section .form-filter-block .form-filter-title{color:#0d152c;font-size:14px;font-weight:600;margin-bottom:16px}.form-section .form-filter-block .form-filter-fields{display:flex;flex-wrap:wrap;gap:24px}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React__default, { memo } from "react";
|
|
4
|
+
import default_1 from "../../node_modules/@mui/icons-material/ChevronLeft.js";
|
|
5
|
+
import default_1$1 from "../../node_modules/@mui/icons-material/ChevronRight.js";
|
|
4
6
|
import { getAssetUrl } from "../../utils/assetBase.js";
|
|
5
7
|
import { Button } from "../Button/index.js";
|
|
6
8
|
import { DynamicLayout } from "../DynamicLayout/index.js";
|
|
7
|
-
import { Stepper } from "../Stepper/index.js";
|
|
8
9
|
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
] });
|
|
31
|
-
}
|
|
32
|
-
function RightContentPanel({
|
|
33
|
-
showStepper,
|
|
34
|
-
steps,
|
|
35
|
-
step,
|
|
36
|
-
stepperVariant,
|
|
37
|
-
onStepClick,
|
|
38
|
-
headings,
|
|
39
|
-
children,
|
|
40
|
-
contentRef,
|
|
41
|
-
hasScroll,
|
|
42
|
-
actionsChildren,
|
|
43
|
-
onCancel,
|
|
44
|
-
onPrev,
|
|
45
|
-
onNext,
|
|
46
|
-
totalSteps
|
|
47
|
-
}) {
|
|
48
|
-
const { t } = useTranslation();
|
|
49
|
-
const childArray = React__default.Children.toArray(children ?? []);
|
|
50
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
51
|
-
showStepper && /* @__PURE__ */ jsx(
|
|
52
|
-
Stepper,
|
|
53
|
-
{
|
|
54
|
-
activeStep: step - 1,
|
|
55
|
-
handleStep: (index) => onStepClick == null ? void 0 : onStepClick(index + 1),
|
|
56
|
-
orientation: "horizontal",
|
|
57
|
-
steps,
|
|
58
|
-
variant: stepperVariant
|
|
59
|
-
}
|
|
60
|
-
),
|
|
61
|
-
/* @__PURE__ */ jsx(
|
|
62
|
-
"div",
|
|
63
|
-
{
|
|
64
|
-
ref: contentRef,
|
|
65
|
-
className: `content-wrapper ${hasScroll === false ? "no-scroll" : ""}`,
|
|
66
|
-
children: headings.map((heading, index) => /* @__PURE__ */ jsxs("div", { className: "heading", children: [
|
|
67
|
-
/* @__PURE__ */ jsx("h2", { children: heading }),
|
|
68
|
-
childArray[index]
|
|
69
|
-
] }, index))
|
|
70
|
-
}
|
|
71
|
-
),
|
|
72
|
-
actionsChildren != null ? /* @__PURE__ */ jsx("div", { className: "actions", children: actionsChildren }) : /* @__PURE__ */ jsxs("div", { className: "actions", children: [
|
|
73
|
-
step === 1 ? /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onCancel, children: t("common.cancel") }) : /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onPrev, children: t("common.previous") }),
|
|
74
|
-
/* @__PURE__ */ jsx(Button, { variant: "primary", onClick: onNext, children: step === totalSteps ? t("common.submit") : t("common.next") })
|
|
75
|
-
] })
|
|
76
|
-
] });
|
|
77
|
-
}
|
|
78
|
-
const CreateItemFlow = memo(function CreateItemFlow2({
|
|
79
|
-
step = 1,
|
|
80
|
-
totalSteps = 3,
|
|
81
|
-
leftPanelWidth,
|
|
82
|
-
headings = [],
|
|
83
|
-
children,
|
|
84
|
-
onCancel,
|
|
85
|
-
onNext,
|
|
86
|
-
onPrev,
|
|
87
|
-
onStepClick,
|
|
88
|
-
stepperVariant = "progress",
|
|
89
|
-
leftPanelTitle,
|
|
90
|
-
leftPanelDescription = "",
|
|
91
|
-
leftPanelImage = null,
|
|
92
|
-
actionsChildren = null,
|
|
93
|
-
showStepper = true
|
|
94
|
-
}) {
|
|
95
|
-
const { t } = useTranslation();
|
|
96
|
-
const resolvedLeftPanelTitle = leftPanelTitle ?? t("createItemFlow.defaultTitle");
|
|
97
|
-
const steps = useMemo(
|
|
98
|
-
() => Array.from({ length: totalSteps }, (_, idx) => ({
|
|
99
|
-
label: t("createItemFlow.stepLabel", { number: idx + 1 }),
|
|
100
|
-
description: t("createItemFlow.stepDescription", {
|
|
101
|
-
number: idx + 1,
|
|
102
|
-
total: totalSteps
|
|
103
|
-
})
|
|
104
|
-
})),
|
|
105
|
-
[totalSteps, t]
|
|
106
|
-
);
|
|
107
|
-
const rightContent = /* @__PURE__ */ jsx(
|
|
108
|
-
RightContentPanel,
|
|
109
|
-
{
|
|
110
|
-
actionsChildren,
|
|
111
|
-
headings,
|
|
112
|
-
showStepper,
|
|
113
|
-
step,
|
|
114
|
-
stepperVariant,
|
|
115
|
-
steps,
|
|
116
|
-
totalSteps,
|
|
117
|
-
onCancel,
|
|
118
|
-
onNext,
|
|
119
|
-
onPrev,
|
|
120
|
-
onStepClick,
|
|
121
|
-
children
|
|
122
|
-
}
|
|
123
|
-
);
|
|
124
|
-
return /* @__PURE__ */ jsx(
|
|
10
|
+
const createFlowImage = getAssetUrl("icons/create-item-flow-img.webp");
|
|
11
|
+
const LeftPanelContent = ({ leftPanelContent, leftPanelImage }) => /* @__PURE__ */ jsxs("div", { className: "left-panel-content", children: [
|
|
12
|
+
leftPanelContent,
|
|
13
|
+
leftPanelImage ? leftPanelImage : /* @__PURE__ */ jsx("img", { alt: "Create Item Flow", className: "left-panel-image", src: createFlowImage })
|
|
14
|
+
] });
|
|
15
|
+
const RightContentPanel = ({ contentRef, children }) => /* @__PURE__ */ jsx("div", { ref: contentRef, className: "content-wrapper", children });
|
|
16
|
+
const CreateItemFlow = memo(
|
|
17
|
+
({
|
|
18
|
+
leftPanelWidth,
|
|
19
|
+
leftPanelContent = null,
|
|
20
|
+
leftPanelImage = null,
|
|
21
|
+
rightContent,
|
|
22
|
+
title = "Create item",
|
|
23
|
+
description = "",
|
|
24
|
+
onPrev,
|
|
25
|
+
onNext,
|
|
26
|
+
prevLabel = "Back",
|
|
27
|
+
nextLabel = "Next",
|
|
28
|
+
showPrevIcon = true,
|
|
29
|
+
showNextIcon = true
|
|
30
|
+
}) => /* @__PURE__ */ jsx(
|
|
125
31
|
DynamicLayout,
|
|
126
32
|
{
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
33
|
+
description,
|
|
34
|
+
footer: /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
|
|
35
|
+
/* @__PURE__ */ jsx(
|
|
36
|
+
Button,
|
|
37
|
+
{
|
|
38
|
+
variant: "tertiary",
|
|
39
|
+
onClick: onPrev,
|
|
40
|
+
...showPrevIcon && { icon: /* @__PURE__ */ jsx(default_1, {}) },
|
|
41
|
+
children: prevLabel
|
|
42
|
+
}
|
|
43
|
+
),
|
|
44
|
+
/* @__PURE__ */ jsx(
|
|
45
|
+
Button,
|
|
46
|
+
{
|
|
47
|
+
variant: "primary",
|
|
48
|
+
onClick: onNext,
|
|
49
|
+
...showNextIcon && { icon: /* @__PURE__ */ jsx(default_1$1, {}), iconPlacement: "right" },
|
|
50
|
+
children: nextLabel
|
|
51
|
+
}
|
|
52
|
+
)
|
|
53
|
+
] }),
|
|
54
|
+
leftPanel: /* @__PURE__ */ jsx(LeftPanelContent, { leftPanelContent, leftPanelImage }),
|
|
135
55
|
leftPanelWidth,
|
|
136
|
-
rightContent,
|
|
137
|
-
|
|
56
|
+
rightContent: /* @__PURE__ */ jsx(RightContentPanel, { children: rightContent }),
|
|
57
|
+
title
|
|
138
58
|
}
|
|
139
|
-
)
|
|
140
|
-
|
|
59
|
+
)
|
|
60
|
+
);
|
|
141
61
|
export {
|
|
142
62
|
CreateItemFlow
|
|
143
63
|
};
|
|
@@ -1,12 +1,15 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { default as React } from 'react';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
interface DynamicLayoutProps {
|
|
4
|
+
title?: React.ReactNode;
|
|
5
|
+
description?: React.ReactNode;
|
|
6
|
+
leftPanel?: React.ReactNode;
|
|
7
|
+
rightContent: React.ReactElement;
|
|
8
|
+
leftPanelWidth?: string | number;
|
|
9
|
+
className?: string;
|
|
10
|
+
footer?: React.ReactNode;
|
|
11
|
+
[key: string]: unknown;
|
|
11
12
|
}
|
|
13
|
+
export declare const DynamicLayout: ({ title, description, leftPanel, rightContent, leftPanelWidth, className, footer, ...props }: DynamicLayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
12
15
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicLayout/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,6BAA6B,CAAC;AAErC,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,GAAI,8FAS3B,kBAAkB,4CA0BpB,CAAC"}
|
|
@@ -1,48 +1,40 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.dynamic-layout-container{background-color:#fff;border-radius:24px;box-shadow:0 0 4px #ababab40;display:flex;flex-direction:column;top:90px;right:230px;bottom:90px;left:230px;position:absolute}.dynamic-layout-container .dynamic-layout-header{border-bottom:1px solid #d9dde7;display:flex;flex-direction:column;gap:8px;padding:24px}.dynamic-layout-container .dynamic-layout-header h1{color:#0d152c;font-size:24px;font-weight:800;line-height:36px}.dynamic-layout-container .dynamic-layout-header p{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.dynamic-layout-container .dynamic-layout-body{display:flex;flex:1;min-height:0;overflow:hidden;padding:24px}.dynamic-layout-container .dynamic-layout-body .left-panel{border-right:1px solid #d9dde7;padding-right:24px;width:220px}.dynamic-layout-container .dynamic-layout-body .left-panel .left-panel-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.dynamic-layout-container .dynamic-layout-body .left-panel .left-panel-image{height:130px;margin:0 auto;width:132px}.dynamic-layout-container .dynamic-layout-body .right-column{display:flex;flex-direction:column;justify-content:space-between;min-height:0;padding-left:24px;width:calc(100% - 220px)}.dynamic-layout-container .dynamic-layout-body .right-column .right-content{display:flex;flex-direction:column;overflow:hidden}.dynamic-layout-container .dynamic-layout-body .right-column .dynamic-layout-footer{border-top:1px solid #d9dde7;display:flex;justify-content:space-between;padding-top:24px}@media screen and (min-width:1400px) and (max-width:1600px){.dynamic-layout-container{top:90px;right:150px;bottom:90px;left:150px}.dynamic-layout-container .dynamic-layout-body{padding:20px}.dynamic-layout-container .right-column{padding:40px 70px}.dynamic-layout-container .left-panel-image{width:100%}}@media screen and (max-width:1399px){.dynamic-layout-container{top:90px;right:100px;bottom:90px;left:100px}.dynamic-layout-container .dynamic-layout-body{padding:16px}.dynamic-layout-container .left-panel{flex-shrink:0;padding-right:16px;width:fit-content}.dynamic-layout-container .right-column{flex:1;padding-left:16px;width:auto}.dynamic-layout-container .left-panel-image{height:auto;max-width:132px;width:100%}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
|
-
import React__default, { useRef
|
|
3
|
+
import React__default, { useRef } from "react";
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
import Box from "../../node_modules/@mui/material/Box/Box.js";
|
|
6
|
+
const DynamicLayout = ({
|
|
7
|
+
title,
|
|
8
|
+
description,
|
|
6
9
|
leftPanel,
|
|
7
10
|
rightContent,
|
|
8
11
|
leftPanelWidth,
|
|
9
|
-
className
|
|
10
|
-
|
|
12
|
+
className,
|
|
13
|
+
footer,
|
|
11
14
|
...props
|
|
12
|
-
}) {
|
|
15
|
+
}) => {
|
|
13
16
|
const contentRef = useRef(null);
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
return () => {
|
|
35
|
-
window.removeEventListener("resize", checkScroll);
|
|
36
|
-
resizeObserver == null ? void 0 : resizeObserver.disconnect();
|
|
37
|
-
mutationObserver == null ? void 0 : mutationObserver.disconnect();
|
|
38
|
-
};
|
|
39
|
-
}, [rightContent]);
|
|
40
|
-
return /* @__PURE__ */ jsxs("div", { className: `dynamic-layout-container ${className}`.trim(), ...props, children: [
|
|
41
|
-
/* @__PURE__ */ jsx("div", { className: "left-panel", style: { width: leftPanelWidth }, children: leftPanel }),
|
|
42
|
-
/* @__PURE__ */ jsx("div", { className: `right-content ${showStepper ? "with-stepper" : ""}`, children: React__default.cloneElement(rightContent, { contentRef, hasScroll }) })
|
|
17
|
+
return /* @__PURE__ */ jsxs(Box, { className: `dynamic-layout-container ${className || ""}`, ...props, children: [
|
|
18
|
+
/* @__PURE__ */ jsxs(Box, { className: "dynamic-layout-header", children: [
|
|
19
|
+
/* @__PURE__ */ jsx("h1", { children: title }),
|
|
20
|
+
description && /* @__PURE__ */ jsx("p", { children: description })
|
|
21
|
+
] }),
|
|
22
|
+
/* @__PURE__ */ jsxs(Box, { className: "dynamic-layout-body", children: [
|
|
23
|
+
/* @__PURE__ */ jsx(
|
|
24
|
+
Box,
|
|
25
|
+
{
|
|
26
|
+
className: "left-panel",
|
|
27
|
+
style: leftPanelWidth ? { "--left-panel-width": leftPanelWidth } : void 0,
|
|
28
|
+
children: leftPanel
|
|
29
|
+
}
|
|
30
|
+
),
|
|
31
|
+
/* @__PURE__ */ jsxs(Box, { className: "right-column", children: [
|
|
32
|
+
/* @__PURE__ */ jsx(Box, { className: "right-content", children: React__default.cloneElement(rightContent, { contentRef }) }),
|
|
33
|
+
footer && /* @__PURE__ */ jsx(Box, { className: "dynamic-layout-footer", children: footer })
|
|
34
|
+
] })
|
|
35
|
+
] })
|
|
43
36
|
] });
|
|
44
|
-
}
|
|
45
|
-
DynamicLayout.displayName = "DynamicLayout";
|
|
37
|
+
};
|
|
46
38
|
export {
|
|
47
39
|
DynamicLayout
|
|
48
40
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-styles.ia-stepper{font-family:Manrope,sans-serif!important}.ia-styles.ia-stepper.MuiStepContent-root{border-left:none;bottom:0;margin-left:12px;padding-left:20px;padding-right:8px;position:absolute}.ia-styles.ia-stepper.MuiBox-root{max-width:none}.ia-styles.ia-stepper.ia-stepper{font-family:Manrope,sans-serif}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal{align-items:center;background:#fff;border-radius:8px;cursor:pointer;display:flex;height:44px;padding-left:12px;padding-right:12px;position:relative;width:100%}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active{background:#4259ee;border-radius:8px;color:#4259ee;height:24px;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active .MuiStepIcon-text{fill:#fff;font-family:Manrope,sans-serif}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root{background:#d9dde7;border-radius:8px;color:#d9dde7;height:24px;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root .MuiStepIcon-text{fill:#7a8294;font-family:Manrope,sans-serif;font-weight:800}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-completed{background:#3bb273 url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkmark.svg) no-repeat;background-position:50%;background-size:16px;border-radius:8px;color:#3bb273;height:24px;position:relative;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active{background:#4259ee;color:#4259ee;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active .MuiStepIcon-text{fill:#fff}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root{background:#7a8294;color:#7a8294;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root .MuiStepIcon-text{fill:#fff;font-weight:700}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-completed{background:#3bb273;background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkmark.svg);background-position:50%;background-repeat:no-repeat;background-size:12px;color:#3bb273;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-labelContainer .MuiStepLabel-label{font-family:Manrope,sans-serif;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-labelContainer .MuiStepLabel-label.Mui-completed{color:#3bb273}.ia-styles.ia-stepper .MuiTypography-caption{font-family:Manrope,sans-serif}.ia-styles.ia-stepper .MuiStepLabel-label.Mui-completed+.MuiTypography-root.MuiTypography-caption{color:#3bb273}.ia-styles.ia-stepper .MuiStepConnector-line{border-color:#b4bac7;border-style:dashed;width:23px}.ia-styles.ia-stepper .MuiStep-horizontal:has(.Mui-active){border-bottom:2px solid #4259ee!important}.ia-styles.ia-stepper .MuiStep-horizontal:has(.Mui-active):before{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/stepper-triangle.svg) no-repeat;background-size:13px;bottom:-10px;content:" ";height:10px;left:18px;position:absolute;width:13px}.ia-styles.ia-stepper .MuiStep-root:has(.Mui-completed){border-bottom:2px solid #108431!important}.ia-styles.ia-stepper .MuiStep-vertical{border-radius:3px;padding:10px 15px 10px 12px;position:relative}.ia-styles.ia-stepper .MuiStep-vertical.Mui-completed{background:#ebf7f1;border:1px solid #ebf7f1!important}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-active){background:#eceefd;border:1px solid #eceefd!important}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-active):before{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/stepper-vertical.svg) no-repeat;background-size:contain;content:" ";height:25px;margin-left:-20px;position:absolute;top:50%;transform:translateY(-50%);width:5px}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-disabled){background:#eff2fa;border:1px solid #eff2fa!important}.ia-styles.ia-stepper .css-14sza3e-MuiStepLabel-root{padding:0!important}.ia-styles.ia-stepper.progress .progress-steps{display:flex;gap:8px;margin-bottom:0}.ia-styles.ia-stepper.progress .progress-steps .step{background-color:#eceefd;border-radius:4px;height:8px;transition:background-color .3s ease;width:132px}.ia-styles.ia-stepper.progress .progress-steps .step.active,.ia-styles.ia-stepper.progress .progress-steps .step.completed{background-color:#4259ee}.ia-styles.ia-stepper.progress .step-labels{display:flex;justify-content:space-between}.ia-styles.ia-stepper.progress .step-labels .step-label{color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;transition:color .3s ease}.ia-styles.ia-stepper.progress .step-labels .step-label.active,.ia-styles.ia-stepper.progress .step-labels .step-label.completed{color:#3649c6}.ia-styles.ia-stepper.numbered .numbered-steps{align-items:center;display:flex;gap:16px;margin-bottom:32px}.ia-styles.ia-stepper.numbered .numbered-steps .step{align-items:center;background-color:#e8e8e8;border-radius:50%;color:#666;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.ia-styles.ia-stepper.numbered .numbered-steps .step.active{background-color:#3649c6;color:#fff}.ia-styles.ia-stepper.numbered .numbered-steps .step:not(:last-child):after{background-color:#e8e8e8;content:"";height:2px;position:absolute;right:-16px;width:16px}.ia-styles.ia-stepper.labeled .labeled-steps{align-items:center;display:flex;gap:24px;margin-bottom:32px}.ia-styles.ia-stepper.labeled .labeled-steps .step{align-items:center;display:flex;gap:8px}.ia-styles.ia-stepper.labeled .labeled-steps .step .step-number{align-items:center;background-color:#e8e8e8;border-radius:50%;color:#666;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;transition:all .3s ease;width:24px}.ia-styles.ia-stepper.labeled .labeled-steps .step .step-label{color:#666;font-size:14px;transition:color .3s ease}.ia-styles.ia-stepper.labeled .labeled-steps .step.active .step-number{background-color:#3649c6;color:#fff}.ia-styles.ia-stepper.labeled .labeled-steps .step.active .step-label{color:#1a1a1a;font-weight:600}.ia-styles.ia-stepper.labeled .labeled-steps .step:not(:last-child):after{background-color:#e8e8e8;content:"";display:block;height:1px;margin-left:8px;width:24px}.ia-styles.ia-stepper .status-config{flex:1}.ia-styles.ia-stepper .status-config .MuiStepLabel-label{align-items:center;display:flex;justify-content:space-between;max-width:none!important}.ia-stepper.MuiStepper-horizontal .MuiStepLabel-label.Mui-active,.ia-stepper.MuiStepper-horizontal .MuiStepLabel-label.Mui-active+.MuiTypography-root.MuiTypography-caption{color:#0d152c}.ia-stepper.MuiStepper-vertical .MuiStepLabel-label.Mui-active,.ia-stepper.MuiStepper-vertical .MuiStepLabel-label.Mui-active+.MuiTypography-root.MuiTypography-caption{color:#4259ee}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-styles.ia-stepper{font-family:Manrope,sans-serif!important}.ia-styles.ia-stepper.MuiStepContent-root{border-left:none;bottom:0;margin-left:12px;padding-left:20px;padding-right:8px;position:absolute}.ia-styles.ia-stepper.MuiBox-root{max-width:none}.ia-styles.ia-stepper.ia-stepper{font-family:Manrope,sans-serif}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal{align-items:center;background:#fff;border-radius:8px;cursor:pointer;display:flex;height:44px;padding-left:12px;padding-right:12px;position:relative;width:100%}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active{background:#4259ee;border-radius:8px;color:#4259ee;height:22px!important;width:22px!important}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active .MuiStepIcon-text{fill:#fff;font-family:Manrope,sans-serif}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root{background:#d9dde7;border-radius:8px;color:#d9dde7;height:24px;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root .MuiStepIcon-text{fill:#7a8294;font-family:Manrope,sans-serif;font-weight:800}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-completed{background:#3bb273 url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkmark.svg) no-repeat;background-position:50%;background-size:16px;border-radius:6px;color:#3bb273;position:relative}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active{background:#4259ee;color:#4259ee;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active .MuiStepIcon-text{fill:#fff}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root{background:#7a8294;color:#7a8294;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root .MuiStepIcon-text{fill:#fff;font-weight:700}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-completed{background:#3bb273;background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkmark.svg);background-position:50%;background-repeat:no-repeat;background-size:12px;color:#3bb273;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-labelContainer .MuiStepLabel-label{font-family:Manrope,sans-serif;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-labelContainer .MuiStepLabel-label.Mui-completed{color:#3bb273}.ia-styles.ia-stepper .MuiTypography-caption{font-family:Manrope,sans-serif}.ia-styles.ia-stepper .MuiStepLabel-label.Mui-completed+.MuiTypography-root.MuiTypography-caption{color:#3bb273}.ia-styles.ia-stepper .MuiStepConnector-root{margin-left:20px}.ia-styles.ia-stepper .MuiStepConnector-root .MuiStepConnector-line{border-color:#b4bac7;border-style:dashed;width:23px}.ia-styles.ia-stepper .MuiStep-horizontal:has(.Mui-active){border-bottom:2px solid #4259ee!important}.ia-styles.ia-stepper .MuiStep-horizontal:has(.Mui-active):before{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/stepper-triangle.svg) no-repeat;background-size:13px;bottom:-10px;content:" ";height:10px;left:18px;position:absolute;width:13px}.ia-styles.ia-stepper .MuiStep-root:has(.Mui-completed){border-bottom:2px solid #108431!important}.ia-styles.ia-stepper .MuiStep-vertical{border-radius:8px;padding:8px;position:relative}.ia-styles.ia-stepper .MuiStep-vertical.Mui-completed{background:#ebf7f1;border:1px solid #ebf7f1!important}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-active){background:#eceefd;border:1px solid #eceefd!important}.ia-styles.ia-stepper .css-14sza3e-MuiStepLabel-root{padding:0!important}.ia-styles.ia-stepper.progress .progress-steps{display:flex;gap:8px;margin-bottom:0}.ia-styles.ia-stepper.progress .progress-steps .step{background-color:#eceefd;border-radius:4px;height:8px;transition:background-color .3s ease;width:132px}.ia-styles.ia-stepper.progress .progress-steps .step.active,.ia-styles.ia-stepper.progress .progress-steps .step.completed{background-color:#4259ee}.ia-styles.ia-stepper.progress .step-labels{display:flex;justify-content:space-between}.ia-styles.ia-stepper.progress .step-labels .step-label{color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;transition:color .3s ease}.ia-styles.ia-stepper.progress .step-labels .step-label.active,.ia-styles.ia-stepper.progress .step-labels .step-label.completed{color:#3649c6}.ia-styles.ia-stepper.numbered .numbered-steps{align-items:center;display:flex;gap:16px;margin-bottom:32px}.ia-styles.ia-stepper.numbered .numbered-steps .step{align-items:center;background-color:#e8e8e8;border-radius:50%;color:#666;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.ia-styles.ia-stepper.numbered .numbered-steps .step.active{background-color:#3649c6;color:#fff}.ia-styles.ia-stepper.numbered .numbered-steps .step:not(:last-child):after{background-color:#e8e8e8;content:"";height:2px;position:absolute;right:-16px;width:16px}.ia-styles.ia-stepper.labeled .labeled-steps{align-items:center;display:flex;gap:24px;margin-bottom:32px}.ia-styles.ia-stepper.labeled .labeled-steps .step{align-items:center;display:flex;gap:8px}.ia-styles.ia-stepper.labeled .labeled-steps .step .step-number{align-items:center;background-color:#e8e8e8;border-radius:50%;color:#666;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;transition:all .3s ease;width:24px}.ia-styles.ia-stepper.labeled .labeled-steps .step .step-label{color:#666;font-size:14px;transition:color .3s ease}.ia-styles.ia-stepper.labeled .labeled-steps .step.active .step-number{background-color:#3649c6;color:#fff}.ia-styles.ia-stepper.labeled .labeled-steps .step.active .step-label{color:#1a1a1a;font-weight:600}.ia-styles.ia-stepper.labeled .labeled-steps .step:not(:last-child):after{background-color:#e8e8e8;content:"";display:block;height:1px;margin-left:8px;width:24px}.ia-styles.ia-stepper .status-config{flex:1}.ia-styles.ia-stepper .status-config .MuiStepLabel-label{align-items:center;display:flex;justify-content:space-between;max-width:none!important}.ia-stepper.MuiStepper-horizontal .MuiStepLabel-label.Mui-active,.ia-stepper.MuiStepper-horizontal .MuiStepLabel-label.Mui-active+.MuiTypography-root.MuiTypography-caption{color:#0d152c}.ia-stepper.MuiStepper-vertical .MuiStepLabel-label.Mui-active,.ia-stepper.MuiStepper-vertical .MuiStepLabel-label.Mui-active+.MuiTypography-root.MuiTypography-caption{color:#4259ee}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Badge } from "../Badge/index.js";
|
|
4
4
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __exports as colorManipulator } from "../../../_virtual/colorManipulator.js";
|
|
2
2
|
import require$$0 from "@babel/runtime/helpers/interopRequireDefault";
|
|
3
|
-
import require$$1 from "../../../_virtual/
|
|
4
|
-
import require$$2 from "../../../_virtual/
|
|
3
|
+
import require$$1 from "../../../_virtual/index4.js";
|
|
4
|
+
import require$$2 from "../../../_virtual/index5.js";
|
|
5
5
|
var _interopRequireDefault = require$$0;
|
|
6
6
|
Object.defineProperty(colorManipulator, "__esModule", {
|
|
7
7
|
value: true
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __module as reactIs } from "../../../../_virtual/
|
|
1
|
+
import { __module as reactIs } from "../../../../_virtual/index15.js";
|
|
2
2
|
import { __require as requireReactIs_production_min } from "./cjs/react-is.production.min.js";
|
|
3
3
|
import { __require as requireReactIs_development } from "./cjs/react-is.development.js";
|
|
4
4
|
if (process.env.NODE_ENV === "production") {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __module as isSymbol } from "../../_virtual/
|
|
1
|
+
import { __module as isSymbol } from "../../_virtual/index16.js";
|
|
2
2
|
import { __require as requireCallBound } from "../call-bound/index.js";
|
|
3
3
|
import { __require as requireHasSymbols } from "../has-symbols/index.js";
|
|
4
4
|
import { __require as requireSafeRegexTest } from "../safe-regex-test/index.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getDefaultExportFromCjs } from "../../_virtual/_commonjsHelpers.js";
|
|
2
|
-
import { __module as propTypes } from "../../_virtual/
|
|
2
|
+
import { __module as propTypes } from "../../_virtual/index3.js";
|
|
3
3
|
import { __require as requireReactIs } from "./node_modules/react-is/index.js";
|
|
4
4
|
import { __require as requireFactoryWithTypeCheckers } from "./factoryWithTypeCheckers.js";
|
|
5
5
|
import { __require as requireFactoryWithThrowingShims } from "./factoryWithThrowingShims.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __module as reactIs } from "../../_virtual/
|
|
1
|
+
import { __module as reactIs } from "../../_virtual/index2.js";
|
|
2
2
|
import { __require as requireReactIs_production } from "./cjs/react-is.production.js";
|
|
3
3
|
import { __require as requireReactIs_development } from "./cjs/react-is.development.js";
|
|
4
4
|
if (process.env.NODE_ENV === "production") {
|