@codeleap/web 5.4.3 → 5.4.5
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/components/ActionIcon/types.d.ts +1 -1
- package/dist/components/Checkbox/index.js +14 -10
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Checkbox/types.d.ts +4 -2
- package/dist/components/DatePicker/components/DayContent.d.ts +11 -0
- package/dist/components/DatePicker/components/DayContent.js +43 -0
- package/dist/components/DatePicker/components/DayContent.js.map +1 -0
- package/dist/components/DatePicker/components/OuterInput.js +2 -2
- package/dist/components/DatePicker/components/OuterInput.js.map +1 -1
- package/dist/components/DatePicker/components/YearContent.d.ts +9 -0
- package/dist/components/DatePicker/components/YearContent.js +33 -0
- package/dist/components/DatePicker/components/YearContent.js.map +1 -0
- package/dist/components/DatePicker/components/index.d.ts +2 -0
- package/dist/components/DatePicker/components/index.js +2 -0
- package/dist/components/DatePicker/components/index.js.map +1 -1
- package/dist/components/DatePicker/index.js +10 -33
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/DatePicker/types.d.ts +5 -6
- package/dist/components/InputBase/index.d.ts +2 -5
- package/dist/components/InputBase/index.js +19 -11
- package/dist/components/InputBase/index.js.map +1 -1
- package/dist/components/InputBase/types.d.ts +2 -1
- package/dist/components/InputBase/useInputBase.d.ts +60 -0
- package/dist/components/InputBase/useInputBase.js +55 -0
- package/dist/components/InputBase/useInputBase.js.map +1 -0
- package/dist/components/InputBase/useInputBasePartialStyles.d.ts +2 -0
- package/dist/components/InputBase/useInputBasePartialStyles.js +40 -0
- package/dist/components/InputBase/useInputBasePartialStyles.js.map +1 -0
- package/dist/components/Modal/index.d.ts +0 -3
- package/dist/components/Modal/index.js +35 -52
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Modal/types.d.ts +0 -4
- package/dist/components/NumberIncrement/index.js +18 -124
- package/dist/components/NumberIncrement/index.js.map +1 -1
- package/dist/components/NumberIncrement/types.d.ts +5 -6
- package/dist/components/NumberIncrement/useNumberIncrement.d.ts +60 -0
- package/dist/components/NumberIncrement/useNumberIncrement.js +115 -0
- package/dist/components/NumberIncrement/useNumberIncrement.js.map +1 -0
- package/dist/components/RadioInput/index.js +14 -14
- package/dist/components/RadioInput/index.js.map +1 -1
- package/dist/components/RadioInput/types.d.ts +9 -9
- package/dist/components/SearchInput/index.js +1 -1
- package/dist/components/SearchInput/index.js.map +1 -1
- package/dist/components/Select/index.js +5 -7
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/styles.d.ts +2 -8
- package/dist/components/Select/styles.js.map +1 -1
- package/dist/components/Select/types.d.ts +10 -9
- package/dist/components/Slider/index.js +16 -46
- package/dist/components/Slider/index.js.map +1 -1
- package/dist/components/Slider/types.d.ts +4 -2
- package/dist/components/Switch/index.js +13 -11
- package/dist/components/Switch/index.js.map +1 -1
- package/dist/components/Switch/types.d.ts +4 -2
- package/dist/components/TextEditor/index.js +7 -14
- package/dist/components/TextEditor/index.js.map +1 -1
- package/dist/components/TextEditor/types.d.ts +2 -3
- package/dist/components/TextInput/index.js +31 -92
- package/dist/components/TextInput/index.js.map +1 -1
- package/dist/components/TextInput/types.d.ts +8 -7
- package/dist/components/TextInput/useTextInput.d.ts +90 -0
- package/dist/components/TextInput/useTextInput.js +74 -0
- package/dist/components/TextInput/useTextInput.js.map +1 -0
- package/dist/lib/tools/index.d.ts +0 -1
- package/dist/lib/tools/index.js +0 -1
- package/dist/lib/tools/index.js.map +1 -1
- package/dist/lib/tools/modal.d.ts +2 -2
- package/dist/lib/tools/modal.js +5 -4
- package/dist/lib/tools/modal.js.map +1 -1
- package/dist/types/utility.d.ts +1 -1
- package/package.json +17 -19
- package/package.json.bak +1 -3
- package/src/components/ActionIcon/types.ts +1 -1
- package/src/components/Checkbox/index.tsx +23 -9
- package/src/components/Checkbox/types.ts +4 -2
- package/src/components/DatePicker/components/DayContent.tsx +52 -0
- package/src/components/DatePicker/components/OuterInput.tsx +1 -2
- package/src/components/DatePicker/components/YearContent.tsx +39 -0
- package/src/components/DatePicker/components/index.tsx +2 -0
- package/src/components/DatePicker/index.tsx +33 -84
- package/src/components/DatePicker/types.ts +5 -6
- package/src/components/InputBase/index.tsx +9 -8
- package/src/components/InputBase/types.ts +2 -1
- package/src/components/InputBase/useInputBase.ts +56 -0
- package/src/components/InputBase/useInputBasePartialStyles.ts +37 -0
- package/src/components/Modal/index.tsx +64 -64
- package/src/components/Modal/types.ts +0 -4
- package/src/components/NumberIncrement/index.tsx +44 -141
- package/src/components/NumberIncrement/types.ts +5 -6
- package/src/components/NumberIncrement/useNumberIncrement.ts +149 -0
- package/src/components/RadioInput/index.tsx +32 -17
- package/src/components/RadioInput/types.ts +16 -15
- package/src/components/SearchInput/index.tsx +1 -1
- package/src/components/Select/index.tsx +6 -11
- package/src/components/Select/styles.ts +2 -2
- package/src/components/Select/types.ts +10 -9
- package/src/components/Slider/index.tsx +28 -52
- package/src/components/Slider/types.ts +4 -2
- package/src/components/Switch/index.tsx +19 -8
- package/src/components/Switch/types.ts +4 -2
- package/src/components/TextEditor/index.tsx +6 -14
- package/src/components/TextEditor/types.ts +2 -3
- package/src/components/TextInput/index.tsx +54 -103
- package/src/components/TextInput/types.ts +8 -7
- package/src/components/TextInput/useTextInput.ts +101 -0
- package/src/lib/tools/index.ts +0 -1
- package/src/lib/tools/modal.ts +3 -3
- package/src/types/utility.ts +1 -1
- package/dist/lib/tools/navigation/index.d.ts +0 -58
- package/dist/lib/tools/navigation/index.js +0 -235
- package/dist/lib/tools/navigation/index.js.map +0 -1
- package/dist/lib/tools/navigation/types.d.ts +0 -32
- package/dist/lib/tools/navigation/types.js +0 -3
- package/dist/lib/tools/navigation/types.js.map +0 -1
- package/src/lib/tools/navigation/index.tsx +0 -282
- package/src/lib/tools/navigation/types.ts +0 -53
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.useInputBase = void 0;
|
|
15
|
+
var react_1 = require("react");
|
|
16
|
+
// import { useWrappingScrollable } from ''
|
|
17
|
+
var form_1 = require("@codeleap/form");
|
|
18
|
+
var types_1 = require("@codeleap/types");
|
|
19
|
+
function useInputBase(field, defaultField, internalState, params, deps) {
|
|
20
|
+
if (defaultField === void 0) { defaultField = form_1.fields.text; }
|
|
21
|
+
if (params === void 0) { params = {}; }
|
|
22
|
+
if (deps === void 0) { deps = []; }
|
|
23
|
+
var value = internalState.value, onValueChange = internalState.onValueChange;
|
|
24
|
+
var hasInternalState = (0, react_1.useMemo)(function () { return types_1.TypeGuards.isFunction(onValueChange) && !types_1.TypeGuards.isNil(value); }, []);
|
|
25
|
+
var wrapperRef = (0, react_1.useRef)();
|
|
26
|
+
var innerInputRef = (0, react_1.useRef)(null);
|
|
27
|
+
// const scrollable = useWrappingScrollable()
|
|
28
|
+
var fieldHandle = hasInternalState ? {} : (0, form_1.useField)(field, [
|
|
29
|
+
__assign({ blur: function () {
|
|
30
|
+
innerInputRef.current.blur();
|
|
31
|
+
}, focus: function () {
|
|
32
|
+
innerInputRef.current.focus();
|
|
33
|
+
}, getValue: function () {
|
|
34
|
+
return innerInputRef.current.value;
|
|
35
|
+
}, scrollIntoView: function () {
|
|
36
|
+
// @todo implement
|
|
37
|
+
return;
|
|
38
|
+
// return field.measurePosition(wrapperRef).then((measureResult) => {
|
|
39
|
+
// field.scrollTo(scrollable, measureResult)
|
|
40
|
+
// })
|
|
41
|
+
} }, params),
|
|
42
|
+
deps
|
|
43
|
+
], defaultField);
|
|
44
|
+
var validation = fieldHandle === null || fieldHandle === void 0 ? void 0 : fieldHandle.validation;
|
|
45
|
+
return {
|
|
46
|
+
fieldHandle: fieldHandle,
|
|
47
|
+
validation: validation,
|
|
48
|
+
wrapperRef: wrapperRef,
|
|
49
|
+
innerInputRef: innerInputRef,
|
|
50
|
+
inputValue: (hasInternalState ? value : fieldHandle === null || fieldHandle === void 0 ? void 0 : fieldHandle.value),
|
|
51
|
+
onInputValueChange: hasInternalState ? onValueChange : fieldHandle === null || fieldHandle === void 0 ? void 0 : fieldHandle.setValue,
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
exports.useInputBase = useInputBase;
|
|
55
|
+
//# sourceMappingURL=useInputBase.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useInputBase.js","sourceRoot":"","sources":["../../../src/components/InputBase/useInputBase.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+BAAuC;AACvC,2CAA2C;AAC3C,uCAAmE;AACnE,yCAAuD;AAEvD,SAAgB,YAAY,CAC1B,KAAQ,EACR,YAAiE,EACjE,aAA8D,EAC9D,MAAkC,EAClC,IAAgB;IAHhB,6BAAA,EAAA,eAA2C,aAAM,CAAC,IAAe;IAEjE,uBAAA,EAAA,WAAkC;IAClC,qBAAA,EAAA,SAAgB;IAER,IAAA,KAAK,GAAoB,aAAa,MAAjC,EAAE,aAAa,GAAK,aAAa,cAAlB,CAAkB;IAE9C,IAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,kBAAU,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,kBAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAhE,CAAgE,EAAE,EAAE,CAAC,CAAA;IAE5G,IAAM,UAAU,GAAG,IAAA,cAAM,GAAkB,CAAA;IAE3C,IAAM,aAAa,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAEpD,6CAA6C;IAE7C,IAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAA0C,CAAC,CAAC,CAAC,IAAA,eAAQ,EAAO,KAAU,EAAE;mBAE3G,IAAI;gBACF,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;YAC9B,CAAC,EACD,KAAK;gBACH,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;YAC/B,CAAC,EACD,QAAQ;gBACN,OAAO,aAAa,CAAC,OAAO,CAAC,KAAU,CAAA;YACzC,CAAC,EACD,cAAc;gBACZ,kBAAkB;gBAClB,OAAM;gBACN,qEAAqE;gBACrE,8CAA8C;gBAC9C,KAAK;YACP,CAAC,IACE,MAAM;QAEX,IAAI;KAC8B,EAAE,YAAY,CAAC,CAAA;IAEnD,IAAM,UAAU,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,UAAU,CAAA;IAE1C,OAAO;QACL,WAAW,aAAA;QACX,UAAU,YAAA;QACV,UAAU,YAAA;QACV,aAAa,eAAA;QACb,UAAU,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAM;QAChE,kBAAkB,EAAE,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ;KAC7E,CAAA;AACH,CAAC;AAlDD,oCAkDC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.useInputBasePartialStyles = void 0;
|
|
15
|
+
var react_1 = require("react");
|
|
16
|
+
function useInputBasePartialStyles(styles, styleKeys, states) {
|
|
17
|
+
return (0, react_1.useMemo)(function () {
|
|
18
|
+
return styleKeys.reduce(function (acc, value) {
|
|
19
|
+
var _a = Array.isArray(value) ? value : [value, true], key = _a[0], overrideWithDefault = _a[1];
|
|
20
|
+
var result = Object.entries(states).reduce(function (acc, _a) {
|
|
21
|
+
var state = _a[0], is = _a[1];
|
|
22
|
+
if (!is)
|
|
23
|
+
return acc;
|
|
24
|
+
var style = styles === null || styles === void 0 ? void 0 : styles["".concat(key, ":").concat(state)];
|
|
25
|
+
if (!style)
|
|
26
|
+
return acc;
|
|
27
|
+
return __assign(__assign({}, acc), styles["".concat(key, ":").concat(state)]);
|
|
28
|
+
}, {});
|
|
29
|
+
if (overrideWithDefault && !!(styles === null || styles === void 0 ? void 0 : styles[key])) {
|
|
30
|
+
acc[key] = __assign(__assign({}, styles[key]), result);
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
acc[key] = result;
|
|
34
|
+
}
|
|
35
|
+
return acc;
|
|
36
|
+
}, {});
|
|
37
|
+
}, [states]);
|
|
38
|
+
}
|
|
39
|
+
exports.useInputBasePartialStyles = useInputBasePartialStyles;
|
|
40
|
+
//# sourceMappingURL=useInputBasePartialStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useInputBasePartialStyles.js","sourceRoot":"","sources":["../../../src/components/InputBase/useInputBasePartialStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+BAA8C;AAE9C,SAAgB,yBAAyB,CACvC,MAAgC,EAChC,SAAkC,EAClC,MAAS;IAET,OAAO,IAAA,eAAO,EAAC;QACb,OAAO,SAAS,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,KAAK;YAC3B,IAAA,KAA6B,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAxE,GAAG,QAAA,EAAE,mBAAmB,QAAgD,CAAA;YAE/E,IAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,EAAW;oBAAV,KAAK,QAAA,EAAE,EAAE,QAAA;gBAC3D,IAAI,CAAC,EAAE;oBAAE,OAAO,GAAG,CAAA;gBAEnB,IAAM,KAAK,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,UAAG,GAAG,cAAI,KAAK,CAAO,CAAC,CAAA;gBAE9C,IAAI,CAAC,KAAK;oBAAE,OAAO,GAAG,CAAA;gBAEtB,6BACK,GAAG,GACH,MAAM,CAAC,UAAG,GAAG,cAAI,KAAK,CAAO,CAAC,EAClC;YACH,CAAC,EAAE,EAAE,CAAC,CAAA;YAEN,IAAI,mBAAmB,IAAI,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,GAAG,CAAC,CAAA,EAAE;gBAC1C,GAAG,CAAC,GAAG,CAAC,yBACH,MAAM,CAAC,GAAG,CAAC,GACX,MAAM,CACV,CAAA;aACF;iBAAM;gBACL,GAAG,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA;aAClB;YAED,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,EAA8B,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;AACd,CAAC;AAlCD,8DAkCC"}
|
|
@@ -2,9 +2,6 @@ import { ModalProps } from './types';
|
|
|
2
2
|
import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
|
|
3
3
|
export * from './styles';
|
|
4
4
|
export * from './types';
|
|
5
|
-
export declare const ModalContent: (modalProps: ModalProps & {
|
|
6
|
-
id: string;
|
|
7
|
-
}) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
8
5
|
export declare const Modal: {
|
|
9
6
|
(props: ModalProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
10
7
|
styleRegistryName: string;
|
|
@@ -21,18 +21,6 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
|
|
|
21
21
|
if (k2 === undefined) k2 = k;
|
|
22
22
|
o[k2] = m[k];
|
|
23
23
|
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
24
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
37
25
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
38
26
|
};
|
|
@@ -51,11 +39,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
51
39
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
52
40
|
};
|
|
53
41
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
|
-
exports.Modal =
|
|
42
|
+
exports.Modal = void 0;
|
|
55
43
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
56
44
|
var types_1 = require("@codeleap/types");
|
|
57
45
|
var hooks_1 = require("@codeleap/hooks");
|
|
58
|
-
var react_1 =
|
|
46
|
+
var react_1 = require("react");
|
|
59
47
|
var react_dom_1 = __importDefault(require("react-dom"));
|
|
60
48
|
var uuid_1 = require("uuid");
|
|
61
49
|
var View_1 = require("../View");
|
|
@@ -85,28 +73,11 @@ var ModalDefaultHeader = function (props) {
|
|
|
85
73
|
return null;
|
|
86
74
|
return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ id: "".concat(id, "-header"), component: 'header', style: styles.header, className: 'modal-header header' }, { children: [(0, jsx_runtime_1.jsxs)(View_1.View, __assign({ id: "".concat(id, "-title"), style: styles.titleWrapper }, { children: [types_1.TypeGuards.isString(title) ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { debugName: debugName, text: title, style: styles.title })) : title, showCloseButton ? ((0, jsx_runtime_1.jsx)(ActionIcon_1.ActionIcon, __assign({ debugName: debugName, icon: closeIconName, onPress: onPressClose }, closeButtonProps, { style: closeButtonStyles }))) : null] })), types_1.TypeGuards.isString(description) ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { debugName: debugName, text: description, style: styles.description })) : description] })));
|
|
87
75
|
};
|
|
88
|
-
var
|
|
89
|
-
var
|
|
90
|
-
var styles = (0, useStylesFor_1.useStylesFor)(exports.Modal.styleRegistryName, style);
|
|
76
|
+
var ModalWrapper = function (_a) {
|
|
77
|
+
var styles = _a.styles, visible = _a.visible, modalId = _a.modalId, autoIndex = _a.autoIndex, children = _a.children, closeOnEscPress = _a.closeOnEscPress;
|
|
91
78
|
var index = modal_1.modalsState.use(function (state) { var _a, _b; return (_b = (_a = state.indexes) === null || _a === void 0 ? void 0 : _a[modalId]) !== null && _b !== void 0 ? _b : 0; });
|
|
92
|
-
var id = (0, react_1.useId)();
|
|
93
79
|
var modalRef = (0, react_1.useRef)(null);
|
|
94
|
-
var
|
|
95
|
-
toggle === null || toggle === void 0 ? void 0 : toggle();
|
|
96
|
-
if (alterHistory) {
|
|
97
|
-
window.history.back();
|
|
98
|
-
}
|
|
99
|
-
if (types_1.TypeGuards.isFunction(onClose))
|
|
100
|
-
onClose();
|
|
101
|
-
};
|
|
102
|
-
function closeOnEscPress(e) {
|
|
103
|
-
if (!closeOnEscape)
|
|
104
|
-
return null;
|
|
105
|
-
if ((e === null || e === void 0 ? void 0 : e.key) === 'Escape' || (e === null || e === void 0 ? void 0 : e.keyCode) === 27) {
|
|
106
|
-
toggleAndReturn();
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
var handleTabKeyPress = function (e, _a) {
|
|
80
|
+
var handleTabKeyPress = (0, react_1.useCallback)(function (e, _a) {
|
|
110
81
|
var firstElement = _a.firstElement, lastElement = _a.lastElement;
|
|
111
82
|
if (e.key === 'Tab' || (e === null || e === void 0 ? void 0 : e.keyCode) === 9) {
|
|
112
83
|
if (e.shiftKey && document.activeElement === firstElement) {
|
|
@@ -119,7 +90,7 @@ var ModalContent = function (modalProps) {
|
|
|
119
90
|
firstElement.focus();
|
|
120
91
|
}
|
|
121
92
|
}
|
|
122
|
-
};
|
|
93
|
+
}, []);
|
|
123
94
|
(0, hooks_1.onUpdate)(function () {
|
|
124
95
|
if (visible) {
|
|
125
96
|
var modalElement_1 = modalRef.current;
|
|
@@ -134,22 +105,38 @@ var ModalContent = function (modalProps) {
|
|
|
134
105
|
};
|
|
135
106
|
}
|
|
136
107
|
}, [visible]);
|
|
108
|
+
return (0, jsx_runtime_1.jsx)(View_1.View, __assign({ ref: modalRef, "aria-hidden": !visible, style: [
|
|
109
|
+
styles.wrapper,
|
|
110
|
+
visible ? styles['wrapper:visible'] : styles['wrapper:hidden'],
|
|
111
|
+
autoIndex ? { zIndex: index } : null,
|
|
112
|
+
] }, { children: children }));
|
|
113
|
+
};
|
|
114
|
+
var ModalContent = function (modalProps) {
|
|
115
|
+
var children = modalProps.children, visible = modalProps.visible, title = modalProps.title, toggle = modalProps.toggle, footer = modalProps.footer, style = modalProps.style, ModalHeader = modalProps.renderHeader, closable = modalProps.closable, withOverlay = modalProps.withOverlay, showClose = modalProps.showClose, closeIconName = modalProps.closeIconName, ModalBody = modalProps.renderModalBody, closeOnEscape = modalProps.closeOnEscape, onClose = modalProps.onClose, overlayProps = modalProps.overlayProps, dismissOnBackdrop = modalProps.dismissOnBackdrop, debugName = modalProps.debugName, backdropProps = modalProps.backdropProps, alterHistory = modalProps.alterHistory, modalId = modalProps.id, autoIndex = modalProps.autoIndex, props = __rest(modalProps, ["children", "visible", "title", "toggle", "footer", "style", "renderHeader", "closable", "withOverlay", "showClose", "closeIconName", "renderModalBody", "closeOnEscape", "onClose", "overlayProps", "dismissOnBackdrop", "debugName", "backdropProps", "alterHistory", "id", "autoIndex"]);
|
|
116
|
+
var styles = (0, useStylesFor_1.useStylesFor)(exports.Modal.styleRegistryName, style);
|
|
117
|
+
var id = (0, react_1.useId)();
|
|
118
|
+
var toggleAndReturn = function () {
|
|
119
|
+
toggle === null || toggle === void 0 ? void 0 : toggle();
|
|
120
|
+
if (alterHistory) {
|
|
121
|
+
window.history.back();
|
|
122
|
+
}
|
|
123
|
+
if (types_1.TypeGuards.isFunction(onClose))
|
|
124
|
+
onClose();
|
|
125
|
+
};
|
|
126
|
+
var closeOnEscPress = function (e) {
|
|
127
|
+
if (!closeOnEscape)
|
|
128
|
+
return null;
|
|
129
|
+
if ((e === null || e === void 0 ? void 0 : e.key) === 'Escape' || (e === null || e === void 0 ? void 0 : e.keyCode) === 27) {
|
|
130
|
+
toggleAndReturn();
|
|
131
|
+
}
|
|
132
|
+
};
|
|
133
|
+
var close = (closable && dismissOnBackdrop) ? toggleAndReturn : function () { return null; };
|
|
137
134
|
(0, lib_1.useIsomorphicEffect)(function () {
|
|
138
135
|
var modal = document.getElementById(id);
|
|
139
136
|
if (modal)
|
|
140
137
|
modal.focus();
|
|
141
138
|
}, [id]);
|
|
142
|
-
|
|
143
|
-
var ModalBody = renderModalBody || View_1.View;
|
|
144
|
-
var _zIndex = react_1.default.useMemo(function () {
|
|
145
|
-
return types_1.TypeGuards.isNumber(zIndex) ? { zIndex: zIndex } : {};
|
|
146
|
-
}, [zIndex]);
|
|
147
|
-
return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ ref: modalRef, "aria-hidden": !visible, style: [
|
|
148
|
-
styles.wrapper,
|
|
149
|
-
visible ? styles['wrapper:visible'] : styles['wrapper:hidden'],
|
|
150
|
-
autoIndex ? { zIndex: index } : null,
|
|
151
|
-
_zIndex,
|
|
152
|
-
] }, { children: [(0, jsx_runtime_1.jsx)(Overlay_1.Overlay, __assign({ debugName: debugName, visible: withOverlay ? visible : false }, overlayProps, { style: [
|
|
139
|
+
return ((0, jsx_runtime_1.jsxs)(ModalWrapper, __assign({ styles: styles, modalId: modalId, autoIndex: autoIndex, visible: visible, closeOnEscPress: closeOnEscPress }, { children: [(0, jsx_runtime_1.jsx)(Overlay_1.Overlay, __assign({ debugName: debugName, visible: withOverlay ? visible : false }, overlayProps, { style: [
|
|
153
140
|
styles.backdrop,
|
|
154
141
|
visible ? styles['backdrop:visible'] : styles['backdrop:hidden'],
|
|
155
142
|
] })), (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ style: styles.innerWrapper }, { children: [(0, jsx_runtime_1.jsx)(Touchable_1.Touchable, __assign({ onPress: close, debounce: 1000, debugName: 'modal backdrop' }, backdropProps, { style: styles.backdropPressable })), (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ component: 'section', className: 'content', tabIndex: 0, id: id, "aria-modal": true, role: 'dialog', "aria-describedby": "".concat(id, "-title"), "aria-label": 'Close the modal by pressing Escape key' }, props, { style: [
|
|
@@ -157,7 +144,6 @@ var ModalContent = function (modalProps) {
|
|
|
157
144
|
visible ? styles['box:visible'] : styles['box:hidden'],
|
|
158
145
|
] }, { children: [(0, jsx_runtime_1.jsx)(ModalHeader, __assign({}, modalProps, { styles: styles, id: id, onPressClose: toggleAndReturn, debugName: debugName })), (0, jsx_runtime_1.jsx)(ModalBody, __assign({ style: styles.body, id: id }, { children: children })), footer ? ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ component: 'footer', style: styles.footer }, { children: footer }))) : null] }))] }))] })));
|
|
159
146
|
};
|
|
160
|
-
exports.ModalContent = ModalContent;
|
|
161
147
|
var Modal = function (props) {
|
|
162
148
|
var allProps = __assign(__assign({}, exports.Modal.defaultProps), props);
|
|
163
149
|
var accessible = allProps.accessible, visible = allProps.visible, scrollLock = allProps.scrollLock, _modalId = allProps.modalId, autoIndex = allProps.autoIndex, toggle = allProps.toggle;
|
|
@@ -187,7 +173,7 @@ var Modal = function (props) {
|
|
|
187
173
|
(0, modal_1.modalScrollLock)(false, modalId.current);
|
|
188
174
|
};
|
|
189
175
|
}, [visible]);
|
|
190
|
-
var content = (0, jsx_runtime_1.jsx)(
|
|
176
|
+
var content = (0, jsx_runtime_1.jsx)(ModalContent, __assign({}, allProps, { visible: visible, toggle: toggle, id: modalId.current }));
|
|
191
177
|
if (typeof window === 'undefined')
|
|
192
178
|
return content;
|
|
193
179
|
return react_dom_1.default.createPortal(content, document.body);
|
|
@@ -218,14 +204,11 @@ exports.Modal.defaultProps = {
|
|
|
218
204
|
closable: true,
|
|
219
205
|
withOverlay: true,
|
|
220
206
|
showClose: true,
|
|
221
|
-
scroll: false,
|
|
222
207
|
closeOnEscape: true,
|
|
223
208
|
renderHeader: ModalDefaultHeader,
|
|
224
|
-
|
|
209
|
+
renderModalBody: View_1.View,
|
|
225
210
|
dismissOnBackdrop: true,
|
|
226
|
-
zIndex: null,
|
|
227
211
|
description: null,
|
|
228
|
-
withScrollContainer: false,
|
|
229
212
|
scrollLock: false,
|
|
230
213
|
autoIndex: false,
|
|
231
214
|
alterHistory: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,20 +17,16 @@ export type ModalProps = {
|
|
|
17
17
|
showClose?: boolean;
|
|
18
18
|
closable?: boolean;
|
|
19
19
|
dismissOnBackdrop?: boolean;
|
|
20
|
-
scroll?: boolean;
|
|
21
20
|
header?: React.ReactElement;
|
|
22
21
|
footer?: React.ReactNode;
|
|
23
22
|
withOverlay?: boolean;
|
|
24
23
|
closeIconName?: AppIcon;
|
|
25
|
-
keepMounted?: boolean;
|
|
26
24
|
renderHeader?: (props: ModalHeaderProps) => React.ReactElement;
|
|
27
25
|
debugName?: string;
|
|
28
26
|
closeButtonProps?: Partial<ActionIconProps>;
|
|
29
27
|
closeOnEscape?: boolean;
|
|
30
28
|
onClose?: () => void;
|
|
31
29
|
overlayProps?: Partial<OverlayProps>;
|
|
32
|
-
zIndex?: number;
|
|
33
|
-
withScrollContainer?: boolean;
|
|
34
30
|
scrollLock?: boolean;
|
|
35
31
|
backdropProps?: Partial<TouchableProps>;
|
|
36
32
|
alterHistory?: boolean;
|
|
@@ -21,18 +21,6 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
|
|
|
21
21
|
if (k2 === undefined) k2 = k;
|
|
22
22
|
o[k2] = m[k];
|
|
23
23
|
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
24
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
37
25
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
38
26
|
};
|
|
@@ -48,135 +36,41 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
48
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
49
37
|
exports.NumberIncrement = void 0;
|
|
50
38
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
51
|
-
var React = __importStar(require("react"));
|
|
52
39
|
var types_1 = require("@codeleap/types");
|
|
53
|
-
var hooks_1 = require("@codeleap/hooks");
|
|
54
|
-
var deprecated_1 = require("@codeleap/deprecated");
|
|
55
40
|
var InputBase_1 = require("../InputBase");
|
|
56
41
|
var Text_1 = require("../Text");
|
|
57
42
|
var react_number_format_1 = require("react-number-format");
|
|
58
43
|
var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
|
|
59
44
|
var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
|
|
45
|
+
var useInputBasePartialStyles_1 = require("../InputBase/useInputBasePartialStyles");
|
|
46
|
+
var useNumberIncrement_1 = require("./useNumberIncrement");
|
|
60
47
|
__exportStar(require("./types"), exports);
|
|
61
48
|
__exportStar(require("./styles"), exports);
|
|
62
49
|
var NumberIncrement = function (props) {
|
|
63
|
-
var
|
|
64
|
-
var
|
|
50
|
+
var allProps = __assign(__assign({}, exports.NumberIncrement.defaultProps), props);
|
|
51
|
+
var _a = (0, InputBase_1.selectInputBaseProps)(allProps), inputBaseProps = _a.inputBaseProps, others = _a.others;
|
|
52
|
+
var style = others.style, disabled = others.disabled, editable = others.editable, hasSeparator = others.hasSeparator, format = others.format, mask = others.mask, suffix = others.suffix, separator = others.separator, prefix = others.prefix, formatter = others.formatter, placeholder = others.placeholder;
|
|
65
53
|
var styles = (0, useStylesFor_1.useStylesFor)(exports.NumberIncrement.styleRegistryName, style);
|
|
66
|
-
var _b = (0,
|
|
67
|
-
var
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
if (types_1.TypeGuards.isNumber(max) && (Number(value) >= max)) {
|
|
74
|
-
return true;
|
|
75
|
-
}
|
|
76
|
-
return false;
|
|
77
|
-
}, [value]);
|
|
78
|
-
var decrementDisabled = React.useMemo(function () {
|
|
79
|
-
if (types_1.TypeGuards.isNumber(min) && (Number(value) <= min)) {
|
|
80
|
-
return true;
|
|
81
|
-
}
|
|
82
|
-
return false;
|
|
83
|
-
}, [value]);
|
|
84
|
-
var onChange = function (newValue) {
|
|
85
|
-
if (onValueChange)
|
|
86
|
-
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newValue);
|
|
87
|
-
if (onChangeText)
|
|
88
|
-
onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(newValue);
|
|
89
|
-
};
|
|
90
|
-
var handleChange = React.useCallback(function (action) {
|
|
91
|
-
validation === null || validation === void 0 ? void 0 : validation.onInputFocused();
|
|
92
|
-
if (action === 'increment' && !incrementDisabled) {
|
|
93
|
-
var newValue = Number(value) + step;
|
|
94
|
-
onChange(newValue);
|
|
95
|
-
return;
|
|
96
|
-
}
|
|
97
|
-
else if (action === 'decrement' && !decrementDisabled) {
|
|
98
|
-
var newValue = Number(value) - step;
|
|
99
|
-
onChange(newValue);
|
|
100
|
-
return;
|
|
101
|
-
}
|
|
102
|
-
validation === null || validation === void 0 ? void 0 : validation.onInputBlurred();
|
|
103
|
-
}, [validation === null || validation === void 0 ? void 0 : validation.onInputBlurred, validation === null || validation === void 0 ? void 0 : validation.onInputFocused, value]);
|
|
104
|
-
var inputTextStyle = React.useMemo(function () {
|
|
105
|
-
return [
|
|
106
|
-
styles.input,
|
|
107
|
-
isFocused ? styles['input:focus'] : null,
|
|
108
|
-
hasError ? styles['input:error'] : null,
|
|
109
|
-
disabled ? styles['input:disabled'] : null,
|
|
110
|
-
].filter(Boolean);
|
|
111
|
-
}, [disabled, isFocused, hasError]);
|
|
112
|
-
var placeholderStyles = [
|
|
113
|
-
styles.placeholder,
|
|
114
|
-
isFocused ? styles['placeholder:focus'] : null,
|
|
115
|
-
hasError ? styles['placeholder:error'] : null,
|
|
116
|
-
disabled ? styles['placeholder:disabled'] : null,
|
|
117
|
-
].filter(Boolean);
|
|
118
|
-
var handleBlur = React.useCallback(function () {
|
|
119
|
-
if (types_1.TypeGuards.isNumber(max) && (value >= max)) {
|
|
120
|
-
onChange(max);
|
|
121
|
-
return;
|
|
122
|
-
}
|
|
123
|
-
else if (types_1.TypeGuards.isNumber(min) && (value <= min) || !value) {
|
|
124
|
-
onChange(min);
|
|
125
|
-
return;
|
|
126
|
-
}
|
|
127
|
-
validation === null || validation === void 0 ? void 0 : validation.onInputBlurred();
|
|
128
|
-
}, [validation === null || validation === void 0 ? void 0 : validation.onInputBlurred, value]);
|
|
129
|
-
var handleFocus = React.useCallback(function () {
|
|
130
|
-
validation === null || validation === void 0 ? void 0 : validation.onInputFocused();
|
|
131
|
-
setIsFocused(true);
|
|
132
|
-
}, [validation === null || validation === void 0 ? void 0 : validation.onInputFocused]);
|
|
133
|
-
(0, hooks_1.onUpdate)(function () {
|
|
134
|
-
function handleKeyboardEvent(event) {
|
|
135
|
-
if (!isFocused)
|
|
136
|
-
return;
|
|
137
|
-
if (event.keyCode === 39 || event.key === 'ArrowRight') {
|
|
138
|
-
handleChange('increment');
|
|
139
|
-
}
|
|
140
|
-
else if (event.keyCode === 37 || event.key === 'ArrowLeft') {
|
|
141
|
-
handleChange('decrement');
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
document.addEventListener('keydown', handleKeyboardEvent);
|
|
145
|
-
return function () {
|
|
146
|
-
document.removeEventListener('keydown', handleKeyboardEvent);
|
|
147
|
-
};
|
|
148
|
-
}, [handleChange, isFocused]);
|
|
149
|
-
(0, hooks_1.onUpdate)(function () {
|
|
150
|
-
function handleClickOutside(event) {
|
|
151
|
-
if (innerWrapperRef.current && !innerWrapperRef.current.contains(event.target)) {
|
|
152
|
-
setIsFocused(false);
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
document.addEventListener('mousedown', handleClickOutside);
|
|
156
|
-
return function () {
|
|
157
|
-
document.removeEventListener('mousedown', handleClickOutside);
|
|
158
|
-
};
|
|
159
|
-
}, [innerWrapperRef]);
|
|
160
|
-
var handleChangeInput = function (values) {
|
|
161
|
-
var floatValue = values.floatValue;
|
|
162
|
-
onChange(Number(floatValue));
|
|
163
|
-
};
|
|
54
|
+
var _b = (0, useNumberIncrement_1.useNumberIncrement)(allProps), isFocused = _b.isFocused, hasError = _b.hasError, hasValue = _b.hasValue, errorMessage = _b.errorMessage, incrementDisabled = _b.incrementDisabled, decrementDisabled = _b.decrementDisabled, innerInputRef = _b.innerInputRef, innerWrapperRef = _b.innerWrapperRef, wrapperRef = _b.wrapperRef, handleBlur = _b.handleBlur, handleFocus = _b.handleFocus, handleChange = _b.handleChange, handleChangeInput = _b.handleChangeInput, onPressInnerWrapper = _b.onPressInnerWrapper, inputValue = _b.inputValue;
|
|
55
|
+
var partialStyles = (0, useInputBasePartialStyles_1.useInputBasePartialStyles)(styles, ['input', 'placeholder'], {
|
|
56
|
+
disabled: disabled,
|
|
57
|
+
error: hasError,
|
|
58
|
+
focus: isFocused,
|
|
59
|
+
typed: hasValue,
|
|
60
|
+
});
|
|
164
61
|
var InputFormat = types_1.TypeGuards.isString(format) || types_1.TypeGuards.isString(mask)
|
|
165
62
|
? react_number_format_1.PatternFormat
|
|
166
63
|
: react_number_format_1.NumericFormat;
|
|
167
64
|
var Input = types_1.TypeGuards.isFunction(formatter)
|
|
168
65
|
? react_number_format_1.NumberFormatBase
|
|
169
66
|
: InputFormat;
|
|
170
|
-
return ((0, jsx_runtime_1.jsx)(InputBase_1.InputBase, __assign({}, inputBaseProps, { error: hasError ? errorMessage : null, style: __assign(__assign({}, styles), { innerWrapper: __assign(__assign({}, styles.innerWrapper), (editable ? styles['innerWrapper:cursor'] : {})) }), rightIcon: __assign({ name: 'plus', disabled: disabled || incrementDisabled, onPress: function () { return handleChange('increment'); }, component: 'button' }, inputBaseProps.rightIcon), leftIcon: __assign({ name: 'minus', disabled: disabled || decrementDisabled, onPress: function () { return handleChange('decrement'); }, component: 'button' }, inputBaseProps.leftIcon), disabled: disabled, focused: isFocused, innerWrapperProps: __assign(__assign({}, (inputBaseProps.innerWrapperProps || {})), { onClick:
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
} }), innerWrapperRef: innerWrapperRef }, { children: editable && !disabled ? ((0, jsx_runtime_1.jsx)(Input, { displayType: 'input', css: __spreadArray(__spreadArray([], inputTextStyle, true), [
|
|
175
|
-
// @ts-expect-error
|
|
67
|
+
return ((0, jsx_runtime_1.jsx)(InputBase_1.InputBase, __assign({}, inputBaseProps, { ref: wrapperRef, error: hasError ? errorMessage : null, style: __assign(__assign({}, styles), { innerWrapper: __assign(__assign({}, styles.innerWrapper), (editable ? styles['innerWrapper:cursor'] : {})) }), rightIcon: __assign({ name: 'plus', disabled: disabled || incrementDisabled, onPress: function () { return handleChange('increment'); }, component: 'button' }, inputBaseProps.rightIcon), leftIcon: __assign({ name: 'minus', disabled: disabled || decrementDisabled, onPress: function () { return handleChange('decrement'); }, component: 'button' }, inputBaseProps.leftIcon), disabled: disabled, focused: isFocused, innerWrapperProps: __assign(__assign({}, (inputBaseProps.innerWrapperProps || {})), { onClick: onPressInnerWrapper }), innerWrapperRef: innerWrapperRef }, { children: editable && !disabled ? ((0, jsx_runtime_1.jsx)(Input, { displayType: 'input', css: [
|
|
68
|
+
// @ts-ignore
|
|
69
|
+
partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.input,
|
|
70
|
+
// @ts-ignore
|
|
176
71
|
{
|
|
177
|
-
'&::placeholder':
|
|
72
|
+
'&::placeholder': partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.placeholder,
|
|
178
73
|
},
|
|
179
|
-
// @ts-expect-error
|
|
180
74
|
{
|
|
181
75
|
'&:focus': [
|
|
182
76
|
{
|
|
@@ -186,7 +80,7 @@ var NumberIncrement = function (props) {
|
|
|
186
80
|
},
|
|
187
81
|
],
|
|
188
82
|
},
|
|
189
|
-
],
|
|
83
|
+
], inputMode: 'numeric', onValueChange: handleChangeInput, onBlur: handleBlur, onFocus: handleFocus, value: inputValue, thousandSeparator: separator, thousandsGroupStyle: hasSeparator || types_1.TypeGuards.isString(separator) ? 'thousand' : 'none', suffix: suffix, prefix: prefix, format: types_1.TypeGuards.isFunction(formatter) ? formatter : format, mask: mask, placeholder: placeholder, getInputRef: innerInputRef })) : (0, jsx_runtime_1.jsx)(Text_1.Text, { text: String(inputValue), style: partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.input }) })));
|
|
190
84
|
};
|
|
191
85
|
exports.NumberIncrement = NumberIncrement;
|
|
192
86
|
exports.NumberIncrement.styleRegistryName = 'NumberIncrement';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NumberIncrement/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NumberIncrement/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,10 @@
|
|
|
1
|
-
import { yup, FormTypes } from '@codeleap/deprecated';
|
|
2
1
|
import { NumberIncrementComposition } from './styles';
|
|
3
2
|
import { InputBaseProps } from '../InputBase';
|
|
4
3
|
import { PatternFormatProps as PFProps, NumericFormatProps as NFProps } from 'react-number-format';
|
|
5
4
|
import { FormatInputValueFunction } from 'react-number-format/types/types';
|
|
6
5
|
import { StyledProp } from '@codeleap/styles';
|
|
6
|
+
import { NumberField } from '@codeleap/form';
|
|
7
7
|
export type NumberIncrementProps = Pick<InputBaseProps, 'debugName' | 'disabled' | 'label'> & {
|
|
8
|
-
value: number;
|
|
9
|
-
onValueChange: (value: number) => void;
|
|
10
|
-
onChangeText?: (value: number) => void;
|
|
11
|
-
validate?: FormTypes.ValidatorWithoutForm<string> | yup.Schema<string>;
|
|
12
8
|
style?: StyledProp<NumberIncrementComposition>;
|
|
13
9
|
max?: number;
|
|
14
10
|
min?: number;
|
|
@@ -20,7 +16,10 @@ export type NumberIncrementProps = Pick<InputBaseProps, 'debugName' | 'disabled'
|
|
|
20
16
|
format?: PFProps['format'];
|
|
21
17
|
mask?: PFProps['mask'];
|
|
22
18
|
hasSeparator?: boolean;
|
|
23
|
-
|
|
19
|
+
forceError?: string;
|
|
24
20
|
formatter?: FormatInputValueFunction;
|
|
25
21
|
placeholder?: string;
|
|
22
|
+
field?: NumberField<any>;
|
|
23
|
+
value?: number;
|
|
24
|
+
onValueChange?: (value: number) => void;
|
|
26
25
|
};
|