@activecollab/components 1.0.184 → 1.0.186
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/cjs/components/EditableContent/EditableContent.js +10 -1
- package/dist/cjs/components/EditableContent/EditableContent.js.map +1 -1
- package/dist/cjs/components/Wizard/Wizard.js +12 -13
- package/dist/cjs/components/Wizard/Wizard.js.map +1 -1
- package/dist/esm/components/EditableContent/EditableContent.d.ts.map +1 -1
- package/dist/esm/components/EditableContent/EditableContent.js +11 -2
- package/dist/esm/components/EditableContent/EditableContent.js.map +1 -1
- package/dist/esm/components/Wizard/Wizard.d.ts.map +1 -1
- package/dist/esm/components/Wizard/Wizard.js +12 -5
- package/dist/esm/components/Wizard/Wizard.js.map +1 -1
- package/dist/index.js +22 -6
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -50,9 +50,16 @@ var EditableContent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
50
50
|
innerValue = _useState2[0],
|
|
51
51
|
setInnerValue = _useState2[1];
|
|
52
52
|
|
|
53
|
+
var intInputRef = (0, _react.useRef)(null);
|
|
53
54
|
var handleChange = (0, _react.useCallback)(function (evt) {
|
|
54
55
|
setInnerValue(evt.target.value);
|
|
55
56
|
}, []);
|
|
57
|
+
var handleBlur = (0, _react.useCallback)(function (evt) {
|
|
58
|
+
var _intInputRef$current;
|
|
59
|
+
|
|
60
|
+
intInputRef === null || intInputRef === void 0 ? void 0 : (_intInputRef$current = intInputRef.current) === null || _intInputRef$current === void 0 ? void 0 : _intInputRef$current.setSelectionRange(0, 0);
|
|
61
|
+
typeof (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur) === "function" && (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur(evt));
|
|
62
|
+
}, [inputProps]);
|
|
56
63
|
return /*#__PURE__*/_react.default.createElement(_Styles.StyledDiv, _extends({
|
|
57
64
|
className: className,
|
|
58
65
|
ref: ref
|
|
@@ -61,11 +68,13 @@ var EditableContent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
61
68
|
forwardedAs: "span",
|
|
62
69
|
weight: weight
|
|
63
70
|
}, innerValue), /*#__PURE__*/_react.default.createElement(_Styles.StyledInput, _extends({}, inputProps, {
|
|
71
|
+
ref: intInputRef,
|
|
64
72
|
forwardedAs: "input",
|
|
65
73
|
variant: variant,
|
|
66
74
|
weight: weight,
|
|
67
75
|
onChange: handleChange,
|
|
68
|
-
value: innerValue
|
|
76
|
+
value: innerValue,
|
|
77
|
+
onBlur: handleBlur
|
|
69
78
|
})));
|
|
70
79
|
});
|
|
71
80
|
exports.EditableContent = EditableContent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"names":["EditableContent","ref","className","variant","weight","inputProps","props","value","innerValue","setInnerValue","handleChange","evt","target","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,IAAMA,eAAe,gBAAG,uBAI7B,gBAAkEC,GAAlE,EAA0E;AAAA,MAAvEC,SAAuE,QAAvEA,SAAuE;AAAA,0BAA5DC,OAA4D;AAAA,MAA5DA,OAA4D,6BAAlD,QAAkD;AAAA,MAAxCC,MAAwC,QAAxCA,MAAwC;AAAA,MAAhCC,UAAgC,QAAhCA,UAAgC;AAAA,MAAjBC,KAAiB;;AAC1E,kBAAoC,qBAAS;AAAA,WAAMD,UAAN,aAAMA,UAAN,uBAAMA,UAAU,CAAEE,KAAlB;AAAA,GAAT,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,MAAMC,YAAY,GAAG,wBAAY,UAACC,GAAD,EAAS;
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"names":["EditableContent","ref","className","variant","weight","inputProps","props","value","innerValue","setInnerValue","intInputRef","handleChange","evt","target","handleBlur","current","setSelectionRange","onBlur","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,IAAMA,eAAe,gBAAG,uBAI7B,gBAAkEC,GAAlE,EAA0E;AAAA,MAAvEC,SAAuE,QAAvEA,SAAuE;AAAA,0BAA5DC,OAA4D;AAAA,MAA5DA,OAA4D,6BAAlD,QAAkD;AAAA,MAAxCC,MAAwC,QAAxCA,MAAwC;AAAA,MAAhCC,UAAgC,QAAhCA,UAAgC;AAAA,MAAjBC,KAAiB;;AAC1E,kBAAoC,qBAAS;AAAA,WAAMD,UAAN,aAAMA,UAAN,uBAAMA,UAAU,CAAEE,KAAlB;AAAA,GAAT,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,WAAW,GAAG,mBAAyB,IAAzB,CAApB;AAEA,MAAMC,YAAY,GAAG,wBAAY,UAACC,GAAD,EAAS;AACxCH,IAAAA,aAAa,CAACG,GAAG,CAACC,MAAJ,CAAWN,KAAZ,CAAb;AACD,GAFoB,EAElB,EAFkB,CAArB;AAIA,MAAMO,UAAU,GAAG,wBACjB,UAACF,GAAD,EAAS;AAAA;;AACPF,IAAAA,WAAW,SAAX,IAAAA,WAAW,WAAX,oCAAAA,WAAW,CAAEK,OAAb,8EAAsBC,iBAAtB,CAAwC,CAAxC,EAA2C,CAA3C;AACA,YAAOX,UAAP,aAAOA,UAAP,uBAAOA,UAAU,CAAEY,MAAnB,qBAA4CZ,UAA5C,aAA4CA,UAA5C,uBAA4CA,UAAU,CAAEY,MAAZ,CAAmBL,GAAnB,CAA5C;AACD,GAJgB,EAKjB,CAACP,UAAD,CALiB,CAAnB;AAQA,sBACE,6BAAC,iBAAD;AAAW,IAAA,SAAS,EAAEH,SAAtB;AAAiC,IAAA,GAAG,EAAED;AAAtC,KAA+CK,KAA/C,gBACE,6BAAC,kBAAD;AAAY,IAAA,OAAO,EAAEH,OAArB;AAA8B,IAAA,WAAW,EAAC,MAA1C;AAAiD,IAAA,MAAM,EAAEC;AAAzD,KACGI,UADH,CADF,eAIE,6BAAC,mBAAD,eACMH,UADN;AAEE,IAAA,GAAG,EAAEK,WAFP;AAGE,IAAA,WAAW,EAAC,OAHd;AAIE,IAAA,OAAO,EAAEP,OAJX;AAKE,IAAA,MAAM,EAAEC,MALV;AAME,IAAA,QAAQ,EAAEO,YANZ;AAOE,IAAA,KAAK,EAAEH,UAPT;AAQE,IAAA,MAAM,EAAEM;AARV,KAJF,CADF;AAiBD,CArC8B,CAAxB;;AAuCPd,eAAe,CAACkB,WAAhB,GAA8B,iBAA9B","sourcesContent":["import React, { forwardRef, useRef, useCallback, useState } from \"react\";\nimport { Variant } from \"../Typography/Typography\";\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\n\nexport interface EditableContentInterface {\n /** Typography variant. */\n variant?: Variant;\n /** Typography weight. */\n weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n /** Input props. */\n inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n}\n\nexport const EditableContent = forwardRef<\n HTMLDivElement,\n EditableContentInterface &\n Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(({ className, variant = \"Body 2\", weight, inputProps, ...props }, ref) => {\n const [innerValue, setInnerValue] = useState(() => inputProps?.value);\n const intInputRef = useRef<HTMLInputElement>(null);\n\n const handleChange = useCallback((evt) => {\n setInnerValue(evt.target.value);\n }, []);\n\n const handleBlur = useCallback(\n (evt) => {\n intInputRef?.current?.setSelectionRange(0, 0);\n typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n },\n [inputProps]\n );\n\n return (\n <StyledDiv className={className} ref={ref} {...props}>\n <StyledSpan variant={variant} forwardedAs=\"span\" weight={weight}>\n {innerValue}\n </StyledSpan>\n <StyledInput\n {...inputProps}\n ref={intInputRef}\n forwardedAs=\"input\"\n variant={variant}\n weight={weight}\n onChange={handleChange}\n value={innerValue}\n onBlur={handleBlur}\n />\n </StyledDiv>\n );\n});\n\nEditableContent.displayName = \"EditableContent\";\n"],"file":"EditableContent.js"}
|
|
@@ -19,14 +19,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
19
19
|
|
|
20
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
21
|
|
|
22
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
23
|
-
|
|
24
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
25
|
-
|
|
26
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
27
|
-
|
|
28
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
29
|
-
|
|
30
22
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
31
23
|
|
|
32
24
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -73,12 +65,19 @@ var Wizard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
73
65
|
setActiveStep(index);
|
|
74
66
|
}, [activeStep, childrenCollection]);
|
|
75
67
|
var goPrevious = (0, _react.useCallback)(function () {
|
|
76
|
-
var index =
|
|
77
|
-
|
|
68
|
+
var index = 0;
|
|
69
|
+
|
|
70
|
+
for (var i = childrenCollection.length - 1; i >= 0; i--) {
|
|
71
|
+
var _step$props;
|
|
72
|
+
|
|
73
|
+
var step = childrenCollection[i];
|
|
74
|
+
|
|
75
|
+
if (!(step !== null && step !== void 0 && (_step$props = step.props) !== null && _step$props !== void 0 && _step$props.skip) && i < activeStep) {
|
|
76
|
+
index = i;
|
|
77
|
+
break;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
78
80
|
|
|
79
|
-
var stepEl = step;
|
|
80
|
-
return !(stepEl !== null && stepEl !== void 0 && (_stepEl$props2 = stepEl.props) !== null && _stepEl$props2 !== void 0 && _stepEl$props2.skip) && index < activeStep;
|
|
81
|
-
});
|
|
82
81
|
setActiveStep(index);
|
|
83
82
|
}, [activeStep, childrenCollection]);
|
|
84
83
|
var renderActiveStep = (0, _react.useMemo)(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":["Wizard","ref","title","open","onClose","children","childrenCollection","React","Children","toArray","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","goNext","index","findIndex","step","stepEl","props","skip","goPrevious","
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":["Wizard","ref","title","open","onClose","children","childrenCollection","React","Children","toArray","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","goNext","index","findIndex","step","stepEl","props","skip","goPrevious","i","length","renderActiveStep","element","type","Step","cloneElement","isLast","onNextButtonClick","onPreviousButtonClick","close","displayName"],"mappings":"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","sourcesContent":["import React, {\n forwardRef,\n ReactChild,\n ReactElement,\n ReactFragment,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\nimport { Dialog } from \"../Dialog\";\nimport { WizardContextProvider } from \"./context\";\nimport { Step } from \"./Step\";\n\nexport interface IWizard {\n title: string;\n open: boolean;\n onClose: () => void;\n children: ReactNode;\n}\n\nexport const Wizard = forwardRef<HTMLDivElement, IWizard>(\n ({ title, open, onClose, children }, ref) => {\n const childrenCollection = useMemo(\n () => React.Children.toArray(children),\n [children]\n );\n\n const [activeStep, setActiveStep] = useState(0);\n const [changingStepInProgress, setChangingStepInProgress] = useState(false);\n\n useEffect(() => {\n if (open) {\n setActiveStep(0);\n }\n }, [open]);\n\n const goNext = useCallback(() => {\n const index = childrenCollection.findIndex(\n (step: ReactChild | ReactFragment, index) => {\n const stepEl = step as ReactElement;\n return !stepEl?.props?.skip && index > activeStep;\n }\n );\n setActiveStep(index);\n }, [activeStep, childrenCollection]);\n\n const goPrevious = useCallback(() => {\n let index = 0;\n for (let i = childrenCollection.length - 1; i >= 0; i--) {\n const step = childrenCollection[i] as ReactElement;\n if (!step?.props?.skip && i < activeStep) {\n index = i;\n break;\n }\n }\n setActiveStep(index);\n }, [activeStep, childrenCollection]);\n\n const renderActiveStep = useMemo(() => {\n const element = childrenCollection[activeStep] as ReactElement;\n\n if (element?.type === Step) {\n return React.cloneElement(element, {\n index: activeStep,\n isLast: childrenCollection.length - 1 === activeStep,\n title: title,\n onNextButtonClick: goNext,\n onPreviousButtonClick: goPrevious,\n onClose,\n changingStepInProgress: changingStepInProgress,\n });\n }\n\n return null;\n }, [\n activeStep,\n changingStepInProgress,\n childrenCollection,\n goNext,\n goPrevious,\n onClose,\n title,\n ]);\n\n return (\n <WizardContextProvider\n value={{\n activeStep,\n setActiveStep,\n goNext,\n goPrevious,\n close: onClose,\n setChangingStepInProgress,\n }}\n >\n <Dialog ref={ref} open={open} onClose={onClose}>\n {renderActiveStep}\n </Dialog>\n </WizardContextProvider>\n );\n }\n);\n\nWizard.displayName = \"Wizard\";\n"],"file":"Wizard.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"EditableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAGnD,MAAM,WAAW,wBAAwB;IAEvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEjD,UAAU,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC;CAC/D;AAED,eAAO,MAAM,eAAe,yuJAqC1B,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
3
|
var _excluded = ["className", "variant", "weight", "inputProps"];
|
|
4
|
-
import React, { forwardRef, useCallback, useState } from "react";
|
|
4
|
+
import React, { forwardRef, useRef, useCallback, useState } from "react";
|
|
5
5
|
import { StyledDiv, StyledInput, StyledSpan } from "./Styles";
|
|
6
6
|
export var EditableContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
7
7
|
var className = _ref.className,
|
|
@@ -17,9 +17,16 @@ export var EditableContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
17
17
|
innerValue = _useState[0],
|
|
18
18
|
setInnerValue = _useState[1];
|
|
19
19
|
|
|
20
|
+
var intInputRef = useRef(null);
|
|
20
21
|
var handleChange = useCallback(function (evt) {
|
|
21
22
|
setInnerValue(evt.target.value);
|
|
22
23
|
}, []);
|
|
24
|
+
var handleBlur = useCallback(function (evt) {
|
|
25
|
+
var _intInputRef$current;
|
|
26
|
+
|
|
27
|
+
intInputRef == null ? void 0 : (_intInputRef$current = intInputRef.current) == null ? void 0 : _intInputRef$current.setSelectionRange(0, 0);
|
|
28
|
+
typeof (inputProps == null ? void 0 : inputProps.onBlur) === "function" && (inputProps == null ? void 0 : inputProps.onBlur(evt));
|
|
29
|
+
}, [inputProps]);
|
|
23
30
|
return /*#__PURE__*/React.createElement(StyledDiv, _extends({
|
|
24
31
|
className: className,
|
|
25
32
|
ref: ref
|
|
@@ -28,11 +35,13 @@ export var EditableContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
28
35
|
forwardedAs: "span",
|
|
29
36
|
weight: weight
|
|
30
37
|
}, innerValue), /*#__PURE__*/React.createElement(StyledInput, _extends({}, inputProps, {
|
|
38
|
+
ref: intInputRef,
|
|
31
39
|
forwardedAs: "input",
|
|
32
40
|
variant: variant,
|
|
33
41
|
weight: weight,
|
|
34
42
|
onChange: handleChange,
|
|
35
|
-
value: innerValue
|
|
43
|
+
value: innerValue,
|
|
44
|
+
onBlur: handleBlur
|
|
36
45
|
})));
|
|
37
46
|
});
|
|
38
47
|
EditableContent.displayName = "EditableContent";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"names":["React","forwardRef","useCallback","useState","StyledDiv","StyledInput","StyledSpan","EditableContent","ref","className","variant","weight","inputProps","props","value","innerValue","setInnerValue","handleChange","evt","target","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"names":["React","forwardRef","useRef","useCallback","useState","StyledDiv","StyledInput","StyledSpan","EditableContent","ref","className","variant","weight","inputProps","props","value","innerValue","setInnerValue","intInputRef","handleChange","evt","target","handleBlur","current","setSelectionRange","onBlur","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,MAA5B,EAAoCC,WAApC,EAAiDC,QAAjD,QAAiE,OAAjE;AAEA,SAASC,SAAT,EAAoBC,WAApB,EAAiCC,UAAjC,QAAmD,UAAnD;AAWA,OAAO,IAAMC,eAAe,gBAAGP,UAAU,CAIvC,gBAAkEQ,GAAlE,EAA0E;AAAA,MAAvEC,SAAuE,QAAvEA,SAAuE;AAAA,0BAA5DC,OAA4D;AAAA,MAA5DA,OAA4D,6BAAlD,QAAkD;AAAA,MAAxCC,MAAwC,QAAxCA,MAAwC;AAAA,MAAhCC,UAAgC,QAAhCA,UAAgC;AAAA,MAAjBC,KAAiB;;AAC1E,kBAAoCV,QAAQ,CAAC;AAAA,WAAMS,UAAN,oBAAMA,UAAU,CAAEE,KAAlB;AAAA,GAAD,CAA5C;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,WAAW,GAAGhB,MAAM,CAAmB,IAAnB,CAA1B;AAEA,MAAMiB,YAAY,GAAGhB,WAAW,CAAC,UAACiB,GAAD,EAAS;AACxCH,IAAAA,aAAa,CAACG,GAAG,CAACC,MAAJ,CAAWN,KAAZ,CAAb;AACD,GAF+B,EAE7B,EAF6B,CAAhC;AAIA,MAAMO,UAAU,GAAGnB,WAAW,CAC5B,UAACiB,GAAD,EAAS;AAAA;;AACPF,IAAAA,WAAW,QAAX,oCAAAA,WAAW,CAAEK,OAAb,0CAAsBC,iBAAtB,CAAwC,CAAxC,EAA2C,CAA3C;AACA,YAAOX,UAAP,oBAAOA,UAAU,CAAEY,MAAnB,qBAA4CZ,UAA5C,oBAA4CA,UAAU,CAAEY,MAAZ,CAAmBL,GAAnB,CAA5C;AACD,GAJ2B,EAK5B,CAACP,UAAD,CAL4B,CAA9B;AAQA,sBACE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEH,SAAtB;AAAiC,IAAA,GAAG,EAAED;AAAtC,KAA+CK,KAA/C,gBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAEH,OAArB;AAA8B,IAAA,WAAW,EAAC,MAA1C;AAAiD,IAAA,MAAM,EAAEC;AAAzD,KACGI,UADH,CADF,eAIE,oBAAC,WAAD,eACMH,UADN;AAEE,IAAA,GAAG,EAAEK,WAFP;AAGE,IAAA,WAAW,EAAC,OAHd;AAIE,IAAA,OAAO,EAAEP,OAJX;AAKE,IAAA,MAAM,EAAEC,MALV;AAME,IAAA,QAAQ,EAAEO,YANZ;AAOE,IAAA,KAAK,EAAEH,UAPT;AAQE,IAAA,MAAM,EAAEM;AARV,KAJF,CADF;AAiBD,CArCwC,CAAlC;AAuCPd,eAAe,CAACkB,WAAhB,GAA8B,iBAA9B","sourcesContent":["import React, { forwardRef, useRef, useCallback, useState } from \"react\";\nimport { Variant } from \"../Typography/Typography\";\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\n\nexport interface EditableContentInterface {\n /** Typography variant. */\n variant?: Variant;\n /** Typography weight. */\n weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n /** Input props. */\n inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n}\n\nexport const EditableContent = forwardRef<\n HTMLDivElement,\n EditableContentInterface &\n Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(({ className, variant = \"Body 2\", weight, inputProps, ...props }, ref) => {\n const [innerValue, setInnerValue] = useState(() => inputProps?.value);\n const intInputRef = useRef<HTMLInputElement>(null);\n\n const handleChange = useCallback((evt) => {\n setInnerValue(evt.target.value);\n }, []);\n\n const handleBlur = useCallback(\n (evt) => {\n intInputRef?.current?.setSelectionRange(0, 0);\n typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n },\n [inputProps]\n );\n\n return (\n <StyledDiv className={className} ref={ref} {...props}>\n <StyledSpan variant={variant} forwardedAs=\"span\" weight={weight}>\n {innerValue}\n </StyledSpan>\n <StyledInput\n {...inputProps}\n ref={intInputRef}\n forwardedAs=\"input\"\n variant={variant}\n weight={weight}\n onChange={handleChange}\n value={innerValue}\n onBlur={handleBlur}\n />\n </StyledDiv>\n );\n});\n\nEditableContent.displayName = \"EditableContent\";\n"],"file":"EditableContent.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Wizard.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Wizard.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,gFAiFlB,CAAC"}
|
|
@@ -34,12 +34,19 @@ export var Wizard = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
34
34
|
setActiveStep(index);
|
|
35
35
|
}, [activeStep, childrenCollection]);
|
|
36
36
|
var goPrevious = useCallback(function () {
|
|
37
|
-
var index =
|
|
38
|
-
|
|
37
|
+
var index = 0;
|
|
38
|
+
|
|
39
|
+
for (var i = childrenCollection.length - 1; i >= 0; i--) {
|
|
40
|
+
var _step$props;
|
|
41
|
+
|
|
42
|
+
var step = childrenCollection[i];
|
|
43
|
+
|
|
44
|
+
if (!(step != null && (_step$props = step.props) != null && _step$props.skip) && i < activeStep) {
|
|
45
|
+
index = i;
|
|
46
|
+
break;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
39
49
|
|
|
40
|
-
var stepEl = step;
|
|
41
|
-
return !(stepEl != null && (_stepEl$props2 = stepEl.props) != null && _stepEl$props2.skip) && index < activeStep;
|
|
42
|
-
});
|
|
43
50
|
setActiveStep(index);
|
|
44
51
|
}, [activeStep, childrenCollection]);
|
|
45
52
|
var renderActiveStep = useMemo(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":["React","forwardRef","useCallback","useEffect","useMemo","useState","Dialog","WizardContextProvider","Step","Wizard","ref","title","open","onClose","children","childrenCollection","Children","toArray","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","goNext","index","findIndex","step","stepEl","props","skip","goPrevious","
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":["React","forwardRef","useCallback","useEffect","useMemo","useState","Dialog","WizardContextProvider","Step","Wizard","ref","title","open","onClose","children","childrenCollection","Children","toArray","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","goNext","index","findIndex","step","stepEl","props","skip","goPrevious","i","length","renderActiveStep","element","type","cloneElement","isLast","onNextButtonClick","onPreviousButtonClick","close","displayName"],"mappings":"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","sourcesContent":["import React, {\n forwardRef,\n ReactChild,\n ReactElement,\n ReactFragment,\n ReactNode,\n useCallback,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\nimport { Dialog } from \"../Dialog\";\nimport { WizardContextProvider } from \"./context\";\nimport { Step } from \"./Step\";\n\nexport interface IWizard {\n title: string;\n open: boolean;\n onClose: () => void;\n children: ReactNode;\n}\n\nexport const Wizard = forwardRef<HTMLDivElement, IWizard>(\n ({ title, open, onClose, children }, ref) => {\n const childrenCollection = useMemo(\n () => React.Children.toArray(children),\n [children]\n );\n\n const [activeStep, setActiveStep] = useState(0);\n const [changingStepInProgress, setChangingStepInProgress] = useState(false);\n\n useEffect(() => {\n if (open) {\n setActiveStep(0);\n }\n }, [open]);\n\n const goNext = useCallback(() => {\n const index = childrenCollection.findIndex(\n (step: ReactChild | ReactFragment, index) => {\n const stepEl = step as ReactElement;\n return !stepEl?.props?.skip && index > activeStep;\n }\n );\n setActiveStep(index);\n }, [activeStep, childrenCollection]);\n\n const goPrevious = useCallback(() => {\n let index = 0;\n for (let i = childrenCollection.length - 1; i >= 0; i--) {\n const step = childrenCollection[i] as ReactElement;\n if (!step?.props?.skip && i < activeStep) {\n index = i;\n break;\n }\n }\n setActiveStep(index);\n }, [activeStep, childrenCollection]);\n\n const renderActiveStep = useMemo(() => {\n const element = childrenCollection[activeStep] as ReactElement;\n\n if (element?.type === Step) {\n return React.cloneElement(element, {\n index: activeStep,\n isLast: childrenCollection.length - 1 === activeStep,\n title: title,\n onNextButtonClick: goNext,\n onPreviousButtonClick: goPrevious,\n onClose,\n changingStepInProgress: changingStepInProgress,\n });\n }\n\n return null;\n }, [\n activeStep,\n changingStepInProgress,\n childrenCollection,\n goNext,\n goPrevious,\n onClose,\n title,\n ]);\n\n return (\n <WizardContextProvider\n value={{\n activeStep,\n setActiveStep,\n goNext,\n goPrevious,\n close: onClose,\n setChangingStepInProgress,\n }}\n >\n <Dialog ref={ref} open={open} onClose={onClose}>\n {renderActiveStep}\n </Dialog>\n </WizardContextProvider>\n );\n }\n);\n\nWizard.displayName = \"Wizard\";\n"],"file":"Wizard.js"}
|
package/dist/index.js
CHANGED
|
@@ -11997,9 +11997,16 @@
|
|
|
11997
11997
|
innerValue = _useState2[0],
|
|
11998
11998
|
setInnerValue = _useState2[1];
|
|
11999
11999
|
|
|
12000
|
+
var intInputRef = React.useRef(null);
|
|
12000
12001
|
var handleChange = React.useCallback(function (evt) {
|
|
12001
12002
|
setInnerValue(evt.target.value);
|
|
12002
12003
|
}, []);
|
|
12004
|
+
var handleBlur = React.useCallback(function (evt) {
|
|
12005
|
+
var _intInputRef$current;
|
|
12006
|
+
|
|
12007
|
+
intInputRef === null || intInputRef === void 0 ? void 0 : (_intInputRef$current = intInputRef.current) === null || _intInputRef$current === void 0 ? void 0 : _intInputRef$current.setSelectionRange(0, 0);
|
|
12008
|
+
typeof (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur) === "function" && (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur(evt));
|
|
12009
|
+
}, [inputProps]);
|
|
12003
12010
|
return /*#__PURE__*/React__default["default"].createElement(StyledDiv, _extends({
|
|
12004
12011
|
className: className,
|
|
12005
12012
|
ref: ref
|
|
@@ -12008,11 +12015,13 @@
|
|
|
12008
12015
|
forwardedAs: "span",
|
|
12009
12016
|
weight: weight
|
|
12010
12017
|
}, innerValue), /*#__PURE__*/React__default["default"].createElement(StyledInput, _extends({}, inputProps, {
|
|
12018
|
+
ref: intInputRef,
|
|
12011
12019
|
forwardedAs: "input",
|
|
12012
12020
|
variant: variant,
|
|
12013
12021
|
weight: weight,
|
|
12014
12022
|
onChange: handleChange,
|
|
12015
|
-
value: innerValue
|
|
12023
|
+
value: innerValue,
|
|
12024
|
+
onBlur: handleBlur
|
|
12016
12025
|
})));
|
|
12017
12026
|
});
|
|
12018
12027
|
EditableContent.displayName = "EditableContent";
|
|
@@ -12685,12 +12694,19 @@
|
|
|
12685
12694
|
setActiveStep(index);
|
|
12686
12695
|
}, [activeStep, childrenCollection]);
|
|
12687
12696
|
var goPrevious = React.useCallback(function () {
|
|
12688
|
-
var index =
|
|
12689
|
-
|
|
12697
|
+
var index = 0;
|
|
12698
|
+
|
|
12699
|
+
for (var i = childrenCollection.length - 1; i >= 0; i--) {
|
|
12700
|
+
var _step$props;
|
|
12701
|
+
|
|
12702
|
+
var step = childrenCollection[i];
|
|
12703
|
+
|
|
12704
|
+
if (!(step !== null && step !== void 0 && (_step$props = step.props) !== null && _step$props !== void 0 && _step$props.skip) && i < activeStep) {
|
|
12705
|
+
index = i;
|
|
12706
|
+
break;
|
|
12707
|
+
}
|
|
12708
|
+
}
|
|
12690
12709
|
|
|
12691
|
-
var stepEl = step;
|
|
12692
|
-
return !(stepEl !== null && stepEl !== void 0 && (_stepEl$props2 = stepEl.props) !== null && _stepEl$props2 !== void 0 && _stepEl$props2.skip) && index < activeStep;
|
|
12693
|
-
});
|
|
12694
12710
|
setActiveStep(index);
|
|
12695
12711
|
}, [activeStep, childrenCollection]);
|
|
12696
12712
|
var renderActiveStep = React.useMemo(function () {
|