@codeleap/web 4.2.18 → 4.3.1
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/index.js +2 -2
- package/dist/components/ActionIcon/index.js.map +1 -1
- package/dist/components/ActivityIndicator/index.js +2 -2
- package/dist/components/ActivityIndicator/index.js.map +1 -1
- package/dist/components/Badge/index.js +5 -5
- package/dist/components/Badge/index.js.map +1 -1
- package/dist/components/Button/index.js +2 -2
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Button/types.d.ts +1 -1
- package/dist/components/Checkbox/index.js +2 -2
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/ColorPicker/index.js +5 -4
- package/dist/components/ColorPicker/index.js.map +1 -1
- package/dist/components/DatePicker/components/Header.js +2 -2
- package/dist/components/DatePicker/components/Header.js.map +1 -1
- package/dist/components/DatePicker/index.js +8 -7
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/DatePicker/types.d.ts +2 -1
- package/dist/components/Drawer/index.js +5 -4
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Drawer/types.d.ts +1 -1
- package/dist/components/Dropzone/index.js +7 -6
- package/dist/components/Dropzone/index.js.map +1 -1
- package/dist/components/Dropzone/types.d.ts +1 -1
- package/dist/components/EmptyPlaceholder/index.js +7 -7
- package/dist/components/EmptyPlaceholder/index.js.map +1 -1
- package/dist/components/EmptyPlaceholder/types.d.ts +1 -1
- package/dist/components/FileInput/index.d.ts +1 -1
- package/dist/components/FileInput/index.js +4 -3
- package/dist/components/FileInput/index.js.map +1 -1
- package/dist/components/FileInput/types.d.ts +1 -1
- package/dist/components/InputBase/index.js +7 -6
- package/dist/components/InputBase/index.js.map +1 -1
- package/dist/components/InputBase/styles.js +2 -2
- package/dist/components/InputBase/styles.js.map +1 -1
- package/dist/components/InputBase/types.d.ts +1 -1
- package/dist/components/List/ListLayout.js +2 -2
- package/dist/components/List/ListLayout.js.map +1 -1
- package/dist/components/List/types.d.ts +1 -1
- package/dist/components/Modal/index.js +10 -9
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Modal/types.d.ts +1 -1
- package/dist/components/NumberIncrement/index.js +16 -14
- package/dist/components/NumberIncrement/index.js.map +1 -1
- package/dist/components/NumberIncrement/types.d.ts +1 -1
- package/dist/components/Overlay/types.d.ts +1 -1
- package/dist/components/Pager/index.js +2 -2
- package/dist/components/Pager/index.js.map +1 -1
- package/dist/components/Pager/types.d.ts +1 -1
- package/dist/components/PaginationButtons/index.js +2 -2
- package/dist/components/PaginationButtons/index.js.map +1 -1
- package/dist/components/PaginationButtons/types.d.ts +1 -1
- package/dist/components/PaginationIndicator/index.js +2 -2
- package/dist/components/PaginationIndicator/index.js.map +1 -1
- package/dist/components/Progress/Bar/index.js +3 -3
- package/dist/components/Progress/Bar/index.js.map +1 -1
- package/dist/components/Progress/Circle/index.js +5 -5
- package/dist/components/Progress/Circle/index.js.map +1 -1
- package/dist/components/Progress/Circle/types.d.ts +1 -1
- package/dist/components/RadioInput/index.js +2 -2
- package/dist/components/RadioInput/index.js.map +1 -1
- package/dist/components/RadioInput/types.d.ts +2 -1
- package/dist/components/SearchInput/index.d.ts +1 -1
- package/dist/components/SearchInput/index.js +5 -5
- package/dist/components/SearchInput/index.js.map +1 -1
- package/dist/components/SectionFilters/index.js +13 -12
- package/dist/components/SectionFilters/index.js.map +1 -1
- package/dist/components/SectionFilters/types.d.ts +1 -1
- package/dist/components/SegmentedControl/index.js +5 -4
- package/dist/components/SegmentedControl/index.js.map +1 -1
- package/dist/components/SegmentedControl/types.d.ts +1 -1
- package/dist/components/Select/index.js +22 -20
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/styles.d.ts +1 -1
- package/dist/components/Select/styles.js +2 -2
- package/dist/components/Select/styles.js.map +1 -1
- package/dist/components/Select/types.d.ts +1 -1
- package/dist/components/Slider/index.js +13 -12
- package/dist/components/Slider/index.js.map +1 -1
- package/dist/components/Tag/index.js +3 -3
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Text/index.js +3 -3
- package/dist/components/Text/index.js.map +1 -1
- package/dist/components/TextEditor/index.js +7 -6
- package/dist/components/TextEditor/index.js.map +1 -1
- package/dist/components/TextEditor/types.d.ts +2 -1
- package/dist/components/TextInput/index.js +7 -5
- package/dist/components/TextInput/index.js.map +1 -1
- package/dist/components/TextInput/mask.js +2 -2
- package/dist/components/TextInput/mask.js.map +1 -1
- package/dist/components/TextInput/types.d.ts +1 -1
- package/dist/components/Tooltip/index.js +7 -6
- package/dist/components/Tooltip/index.js.map +1 -1
- package/dist/components/Tooltip/types.d.ts +1 -1
- package/dist/components/Touchable/index.js +6 -4
- package/dist/components/Touchable/index.js.map +1 -1
- package/dist/components/Touchable/types.d.ts +1 -1
- package/dist/components/View/index.js +6 -5
- package/dist/components/View/index.js.map +1 -1
- package/dist/lib/ListMasonry.js +2 -2
- package/dist/lib/ListMasonry.js.map +1 -1
- package/dist/lib/deprecated/OSAlert.d.ts +1 -1
- package/dist/lib/deprecated/OSAlert.js +5 -5
- package/dist/lib/deprecated/OSAlert.js.map +1 -1
- package/dist/lib/hooks/useBreakpointMatch.js +2 -2
- package/dist/lib/hooks/useBreakpointMatch.js.map +1 -1
- package/dist/lib/hooks/useClick.js +2 -2
- package/dist/lib/hooks/useClick.js.map +1 -1
- package/dist/lib/hooks/useCropPicker.d.ts +1 -1
- package/dist/lib/hooks/useCropPicker.js +10 -10
- package/dist/lib/hooks/useCropPicker.js.map +1 -1
- package/dist/lib/hooks/useFileInput.d.ts +1 -1
- package/dist/lib/hooks/useInfiniteScroll.d.ts +1 -1
- package/dist/lib/hooks/useInfiniteScroll.js +2 -2
- package/dist/lib/hooks/useInfiniteScroll.js.map +1 -1
- package/dist/lib/hooks/useKeydown.js +3 -3
- package/dist/lib/hooks/useKeydown.js.map +1 -1
- package/dist/lib/hooks/usePagination.js +9 -8
- package/dist/lib/hooks/usePagination.js.map +1 -1
- package/dist/lib/hooks/usePopState.d.ts +1 -1
- package/dist/lib/hooks/usePopState.js +2 -2
- package/dist/lib/hooks/usePopState.js.map +1 -1
- package/dist/lib/hooks/useRefresh.d.ts +1 -1
- package/dist/lib/hooks/useRefresh.js +2 -2
- package/dist/lib/hooks/useRefresh.js.map +1 -1
- package/dist/lib/hooks/useSearchParams.js +2 -2
- package/dist/lib/hooks/useSearchParams.js.map +1 -1
- package/dist/lib/hooks/useWindowFocus.d.ts +1 -1
- package/dist/lib/hooks/useWindowFocus.js +3 -3
- package/dist/lib/hooks/useWindowFocus.js.map +1 -1
- package/dist/lib/logger.d.ts +1 -1
- package/dist/lib/logger.js +2 -2
- package/dist/lib/tools/localStorage.js +4 -4
- package/dist/lib/tools/localStorage.js.map +1 -1
- package/dist/lib/tools/modal.js +6 -6
- package/dist/lib/tools/modal.js.map +1 -1
- package/dist/lib/utils/test.js +2 -2
- package/dist/lib/utils/test.js.map +1 -1
- package/package.json +18 -7
- package/package.json.bak +16 -5
- package/src/components/ActionIcon/index.tsx +1 -1
- package/src/components/ActivityIndicator/index.tsx +1 -1
- package/src/components/Badge/index.tsx +1 -1
- package/src/components/Button/index.tsx +1 -1
- package/src/components/Button/types.ts +1 -1
- package/src/components/Checkbox/index.tsx +1 -1
- package/src/components/ColorPicker/index.tsx +2 -1
- package/src/components/DatePicker/components/Header.tsx +1 -1
- package/src/components/DatePicker/index.tsx +2 -5
- package/src/components/DatePicker/types.ts +2 -1
- package/src/components/Drawer/index.tsx +2 -1
- package/src/components/Drawer/types.ts +1 -1
- package/src/components/Dropzone/index.tsx +2 -1
- package/src/components/Dropzone/types.ts +1 -1
- package/src/components/EmptyPlaceholder/index.tsx +1 -1
- package/src/components/EmptyPlaceholder/types.ts +1 -1
- package/src/components/FileInput/index.tsx +2 -1
- package/src/components/FileInput/types.ts +1 -1
- package/src/components/InputBase/index.tsx +2 -3
- package/src/components/InputBase/styles.ts +1 -1
- package/src/components/InputBase/types.ts +1 -1
- package/src/components/List/ListLayout.tsx +1 -1
- package/src/components/List/types.ts +1 -1
- package/src/components/Modal/index.tsx +2 -1
- package/src/components/Modal/types.ts +1 -1
- package/src/components/NumberIncrement/index.tsx +3 -1
- package/src/components/NumberIncrement/types.ts +1 -1
- package/src/components/Overlay/types.ts +1 -1
- package/src/components/Pager/index.tsx +1 -1
- package/src/components/Pager/types.ts +1 -1
- package/src/components/PaginationButtons/index.tsx +1 -1
- package/src/components/PaginationButtons/types.ts +1 -1
- package/src/components/PaginationIndicator/index.tsx +1 -1
- package/src/components/Progress/Bar/index.tsx +1 -1
- package/src/components/Progress/Circle/index.tsx +2 -2
- package/src/components/Progress/Circle/types.ts +1 -1
- package/src/components/RadioInput/index.tsx +1 -1
- package/src/components/RadioInput/types.ts +2 -1
- package/src/components/SearchInput/index.tsx +1 -1
- package/src/components/SectionFilters/index.tsx +2 -1
- package/src/components/SectionFilters/types.ts +1 -1
- package/src/components/SegmentedControl/index.tsx +3 -1
- package/src/components/SegmentedControl/types.ts +1 -1
- package/src/components/Select/index.tsx +3 -1
- package/src/components/Select/styles.ts +2 -2
- package/src/components/Select/types.ts +1 -2
- package/src/components/Slider/index.tsx +3 -1
- package/src/components/Tag/index.tsx +1 -1
- package/src/components/Text/index.tsx +1 -1
- package/src/components/TextEditor/index.tsx +2 -1
- package/src/components/TextEditor/types.ts +2 -1
- package/src/components/TextInput/index.tsx +3 -1
- package/src/components/TextInput/mask.tsx +1 -1
- package/src/components/TextInput/types.ts +1 -1
- package/src/components/Tooltip/index.tsx +2 -1
- package/src/components/Tooltip/types.ts +1 -1
- package/src/components/Touchable/index.tsx +3 -1
- package/src/components/Touchable/types.ts +1 -1
- package/src/components/View/index.tsx +2 -1
- package/src/lib/ListMasonry.tsx +1 -1
- package/src/lib/deprecated/OSAlert.tsx +3 -1
- package/src/lib/hooks/useBreakpointMatch.ts +1 -1
- package/src/lib/hooks/useClick.ts +1 -1
- package/src/lib/hooks/useCropPicker.ts +2 -2
- package/src/lib/hooks/useInfiniteScroll.ts +1 -1
- package/src/lib/hooks/useKeydown.ts +1 -1
- package/src/lib/hooks/usePagination.ts +2 -1
- package/src/lib/hooks/usePopState.ts +2 -1
- package/src/lib/hooks/useRefresh.ts +2 -1
- package/src/lib/hooks/useSearchParams.ts +1 -1
- package/src/lib/hooks/useWindowFocus.ts +1 -1
- package/src/lib/logger.ts +1 -1
- package/src/lib/tools/localStorage.ts +1 -1
- package/src/lib/tools/modal.ts +1 -1
- package/src/lib/utils/stopPropagation.ts +1 -1
- package/src/lib/utils/test.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,yCAA4C;AAC5C,0DAAwD;AACxD,gCAA8B;AAC9B,gCAA8B;AAC9B,6DAA2D;AAE3D,+DAA6D;AAC7D,2CAA8F;AAE9F,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,mBAAmB,GAAG,UAAC,KAA+B;IAC3D,IAAA,2BASD,2BAAmB,CAAC,YAAY,GAChC,KAAK,CACT,EAVC,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,SAAS,eAIV,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,2BAAmB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEzE,IAAM,YAAY,GAAG,IAAA,6BAAoB,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAE3D,IAAI,UAAU,EAAE;QACd,OAAO,iBAAiB,IAAI,CAC1B,uBAAC,WAAI,aAAC,KAAK,EAAE,MAAM,CAAC,OAAO,gBACzB,uBAAC,qCAAiB,aAAC,SAAS,EAAE,SAAS,IAAM,cAAc,IAAE,KAAK,EAAE,YAAY,IAAI,IAC/E,CACR,CAAA;KACF;IAED,IAAI,CAAC,OAAO,EAAE;QACZ,IAAI,kBAAU,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,kBAAU,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;YAChF,OAAO,CACL,uBAAC,WAAI,aAAC,KAAK,EAAE,MAAM,CAAC,OAAO,gBACzB,uBAAC,WAAI,IACH,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,IAAI,EAAE,MAAM,CAAC,eAAe,CAAC,GAC7B,IACG,CACR,CAAA;SACF;QAED,OAAO,eAAe,CAAA;KACvB;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AA3CY,QAAA,mBAAmB,uBA2C/B;AAED,2BAAmB,CAAC,iBAAiB,GAAG,qBAAqB,CAAA;AAC7D,2BAAmB,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAA;AAC5D,2BAAmB,CAAC,WAAW,GAAG,SAAS,CAAA;AAE3C,2BAAmB,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IACpE,OAAO,2BAAqG,CAAA;AAC9G,CAAC,CAAA;AAED,2BAAmB,CAAC,YAAY,GAAG,EAAuC,CAAA;AAE1E,mCAAgB,CAAC,iBAAiB,CAAC,2BAAmB,CAAC,CAAA"}
|
|
@@ -38,7 +38,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
38
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
39
|
exports.ProgressBar = void 0;
|
|
40
40
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
41
|
-
var
|
|
41
|
+
var types_1 = require("@codeleap/types");
|
|
42
42
|
var react_progress_1 = require("@radix-ui/react-progress");
|
|
43
43
|
var components_1 = require("../../components");
|
|
44
44
|
var utils_1 = require("../utils");
|
|
@@ -54,11 +54,11 @@ var ProgressBar = function (props) {
|
|
|
54
54
|
var rightIconStyles = (0, styles_1.mergeStyles)([styles.icon, styles.rightIcon]);
|
|
55
55
|
var leftTextStyles = (0, styles_1.mergeStyles)([styles.text, styles.leftText]);
|
|
56
56
|
var rightTextStyles = (0, styles_1.mergeStyles)([styles.text, styles.rightText]);
|
|
57
|
-
return ((0, jsx_runtime_1.jsxs)(components_1.View, __assign({ debugName: debugName }, rest, { style: styles.wrapper }, { children: [!
|
|
57
|
+
return ((0, jsx_runtime_1.jsxs)(components_1.View, __assign({ debugName: debugName }, rest, { style: styles.wrapper }, { children: [!types_1.TypeGuards.isNil(leftIcon) ? ((0, jsx_runtime_1.jsx)(components_1.Icon, __assign({ name: leftIcon, debugName: "leftIcon-".concat(debugName) }, leftIconProps, { style: leftIconStyles }))) : null, types_1.TypeGuards.isString(leftText) ? ((0, jsx_runtime_1.jsx)(components_1.Text, __assign({ text: leftText }, leftTextProps, { style: leftTextStyles }))) : leftText, (0, jsx_runtime_1.jsx)(react_progress_1.Root
|
|
58
58
|
// @ts-expect-error
|
|
59
59
|
, __assign({
|
|
60
60
|
// @ts-expect-error
|
|
61
|
-
css: styles.progress, value: progress }, progressRootProps, { children: (0, jsx_runtime_1.jsx)(react_progress_1.Indicator, __assign({ css: __assign(__assign({}, styles.indicator), { transform: "translateX(-".concat(100 - progress, "%)") }) }, progressIndicatorProps)) })),
|
|
61
|
+
css: styles.progress, value: progress }, progressRootProps, { children: (0, jsx_runtime_1.jsx)(react_progress_1.Indicator, __assign({ css: __assign(__assign({}, styles.indicator), { transform: "translateX(-".concat(100 - progress, "%)") }) }, progressIndicatorProps)) })), types_1.TypeGuards.isString(text) || showProgress ? ((0, jsx_runtime_1.jsx)(components_1.Text, __assign({ text: showProgress ? formatProgress(progress) : text }, textProps, { style: styles.text }))) : text, !types_1.TypeGuards.isNil(rightIcon) ? ((0, jsx_runtime_1.jsx)(components_1.Icon, __assign({ name: rightIcon, debugName: "rightIcon-".concat(debugName) }, rightIconProps, { style: rightIconStyles }))) : null, types_1.TypeGuards.isString(rightText) ? ((0, jsx_runtime_1.jsx)(components_1.Text, __assign({ text: rightText }, rightTextProps, { style: rightTextStyles }))) : rightText] })));
|
|
62
62
|
};
|
|
63
63
|
exports.ProgressBar = ProgressBar;
|
|
64
64
|
exports.ProgressBar.styleRegistryName = 'ProgressBar';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Progress/Bar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Progress/Bar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,9 +39,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
39
39
|
exports.ProgressCircle = void 0;
|
|
40
40
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
41
41
|
var react_circular_progressbar_1 = require("react-circular-progressbar");
|
|
42
|
-
var
|
|
42
|
+
var types_1 = require("@codeleap/types");
|
|
43
43
|
var utils_1 = require("../utils");
|
|
44
|
-
var
|
|
44
|
+
var hooks_1 = require("@codeleap/hooks");
|
|
45
45
|
var useStylesFor_1 = require("../../../lib/hooks/useStylesFor");
|
|
46
46
|
var WebStyleRegistry_1 = require("../../../lib/WebStyleRegistry");
|
|
47
47
|
var Text_1 = require("../../Text");
|
|
@@ -52,9 +52,9 @@ __exportStar(require("./types"), exports);
|
|
|
52
52
|
var ProgressCircle = function (props) {
|
|
53
53
|
var _a = __assign(__assign({}, exports.ProgressCircle.defaultProps), props), text = _a.text, progress = _a.progress, icon = _a.icon, iconProps = _a.iconProps, debugName = _a.debugName, showProgress = _a.showProgress, circleProps = _a.circleProps, children = _a.children, formatProgress = _a.formatProgress, circleStyles = _a.circleStyles, style = _a.style, textProps = _a.textProps, propSize = _a.size, rest = __rest(_a, ["text", "progress", "icon", "iconProps", "debugName", "showProgress", "circleProps", "children", "formatProgress", "circleStyles", "style", "textProps", "size"]);
|
|
54
54
|
var styles = (0, useStylesFor_1.useStylesFor)(exports.ProgressCircle.styleRegistryName, style);
|
|
55
|
-
var wrapperSize = (0,
|
|
55
|
+
var wrapperSize = (0, hooks_1.useMemo)(function () {
|
|
56
56
|
var _a, _b, _c, _d, _e;
|
|
57
|
-
if (
|
|
57
|
+
if (types_1.TypeGuards.isNumber(propSize))
|
|
58
58
|
return propSize;
|
|
59
59
|
// @ts-expect-error icss type
|
|
60
60
|
var value = (_d = (_b = (_a = styles.circle) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : (_c = styles.circle) === null || _c === void 0 ? void 0 : _c.width) !== null && _d !== void 0 ? _d : (_e = styles.circle) === null || _e === void 0 ? void 0 : _e.height;
|
|
@@ -63,7 +63,7 @@ var ProgressCircle = function (props) {
|
|
|
63
63
|
var lineStyle = styles.line;
|
|
64
64
|
return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ debugName: debugName }, rest, { style: styles.wrapper }, { children: (0, jsx_runtime_1.jsxs)(react_circular_progressbar_1.CircularProgressbarWithChildren, __assign({ value: progress, styles: (0, react_circular_progressbar_1.buildStyles)(__assign({ pathColor: lineStyle === null || lineStyle === void 0 ? void 0 : lineStyle.borderColor, trailColor: lineStyle === null || lineStyle === void 0 ? void 0 : lineStyle.backgroundColor, strokeLinecap: 'butt' }, circleStyles)) }, circleProps, {
|
|
65
65
|
// @ts-expect-error
|
|
66
|
-
css: [styles.circle, { width: wrapperSize, height: wrapperSize }] }, { children: [children, !
|
|
66
|
+
css: [styles.circle, { width: wrapperSize, height: wrapperSize }] }, { children: [children, !types_1.TypeGuards.isNil(icon) ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({ name: icon, debugName: "innerIcon-".concat(debugName) }, iconProps, { style: styles.icon }))) : null, types_1.TypeGuards.isString(text) || showProgress ? ((0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ text: showProgress ? formatProgress(progress) : String(text) }, textProps, { style: styles.text }))) : text] })) })));
|
|
67
67
|
};
|
|
68
68
|
exports.ProgressCircle = ProgressCircle;
|
|
69
69
|
exports.ProgressCircle.styleRegistryName = 'ProgressCircle';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Progress/Circle/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yEAAyF;AACzF,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Progress/Circle/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { PropsOf } from '@codeleap/
|
|
2
|
+
import { PropsOf } from '@codeleap/types';
|
|
3
3
|
import { IconProps, ProgressCircleComposition, ViewProps, TextProps } from '../../components';
|
|
4
4
|
import { ProgressPropsRoot } from '..';
|
|
5
5
|
import { CircularProgressbarWithChildren, buildStyles } from 'react-circular-progressbar';
|
|
@@ -42,7 +42,7 @@ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
|
42
42
|
var react_1 = __importDefault(require("react"));
|
|
43
43
|
var Text_1 = require("../Text");
|
|
44
44
|
var Touchable_1 = require("../Touchable");
|
|
45
|
-
var
|
|
45
|
+
var types_1 = require("@codeleap/types");
|
|
46
46
|
var View_1 = require("../View");
|
|
47
47
|
var InputBase_1 = require("../InputBase");
|
|
48
48
|
var styles_1 = require("@codeleap/styles");
|
|
@@ -63,7 +63,7 @@ var Option = function (props) {
|
|
|
63
63
|
style = styles["".concat(key, ":selected")];
|
|
64
64
|
return (0, styles_1.mergeStyles)([styles[key], style]);
|
|
65
65
|
};
|
|
66
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ debugName: "".concat(debugName, " option ").concat(item.value), style: getStyle('optionWrapper'), onPress: onSelect, disabled: isDisabled }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, __assign({ style: getStyle('optionIndicator') }, { children: (0, jsx_runtime_1.jsx)(View_1.View, { style: getStyle('optionIndicatorInner') }) })),
|
|
66
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ debugName: "".concat(debugName, " option ").concat(item.value), style: getStyle('optionWrapper'), onPress: onSelect, disabled: isDisabled }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, __assign({ style: getStyle('optionIndicator') }, { children: (0, jsx_runtime_1.jsx)(View_1.View, { style: getStyle('optionIndicatorInner') }) })), types_1.TypeGuards.isString(item.label) ? (0, jsx_runtime_1.jsx)(Text_1.Text, { style: getStyle('optionLabel'), text: item.label }) : item.label] })), separator ? (0, jsx_runtime_1.jsx)(View_1.View, { style: styles.optionSeparator }) : null] }));
|
|
67
67
|
};
|
|
68
68
|
var RadioInput = function (props) {
|
|
69
69
|
var _a = (0, InputBase_1.selectInputBaseProps)(__assign(__assign({}, exports.RadioInput.defaultProps), props)), inputBaseProps = _a.inputBaseProps, radioInputProps = _a.others;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gCAA8B;AAC9B,0CAAwC;AACxC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { StylesOf } from '@codeleap/types';
|
|
2
|
+
import { FormTypes } from '@codeleap/form';
|
|
2
3
|
import { InputBaseProps } from '../InputBase';
|
|
3
4
|
import { ReactNode } from 'react';
|
|
4
5
|
import { StyledProp } from '@codeleap/styles';
|
|
@@ -49,20 +49,20 @@ exports.SearchInput = void 0;
|
|
|
49
49
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
50
50
|
var react_1 = __importStar(require("react"));
|
|
51
51
|
var TextInput_1 = require("../TextInput");
|
|
52
|
-
var
|
|
52
|
+
var types_1 = require("@codeleap/types");
|
|
53
53
|
var SearchInput = function (props) {
|
|
54
54
|
var _a;
|
|
55
55
|
var _b = __assign(__assign({}, exports.SearchInput.defaultProps), props), debugName = _b.debugName, onSearchChange = _b.onSearchChange, onTypingChange = _b.onTypingChange, onClear = _b.onClear, clearable = _b.clearable, placeholder = _b.placeholder, clearIcon = _b.clearIcon, searchIcon = _b.searchIcon, debounce = _b.debounce, value = _b.value, onValueChange = _b.onValueChange, defaultValue = _b.defaultValue, rest = __rest(_b, ["debugName", "onSearchChange", "onTypingChange", "onClear", "clearable", "placeholder", "clearIcon", "searchIcon", "debounce", "value", "onValueChange", "defaultValue"]);
|
|
56
|
-
var hasStateProps = !
|
|
56
|
+
var hasStateProps = !types_1.TypeGuards.isNil(value) && types_1.TypeGuards.isFunction(onValueChange);
|
|
57
57
|
var _c = hasStateProps ? [value, onValueChange] : (0, react_1.useState)(defaultValue), search = _c[0], setSearch = _c[1];
|
|
58
58
|
var setSearchTimeout = react_1.default.useRef(null);
|
|
59
59
|
var handleChangeSearch = function (value) {
|
|
60
60
|
setSearch(value);
|
|
61
|
-
if (
|
|
61
|
+
if (types_1.TypeGuards.isNil(debounce)) {
|
|
62
62
|
onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange(value);
|
|
63
63
|
}
|
|
64
64
|
else {
|
|
65
|
-
if (!
|
|
65
|
+
if (!types_1.TypeGuards.isNil(setSearchTimeout.current)) {
|
|
66
66
|
clearTimeout(setSearchTimeout.current);
|
|
67
67
|
}
|
|
68
68
|
setSearchTimeout.current = setTimeout(function () {
|
|
@@ -74,7 +74,7 @@ var SearchInput = function (props) {
|
|
|
74
74
|
var handleClear = function () {
|
|
75
75
|
setSearch('');
|
|
76
76
|
onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange('');
|
|
77
|
-
if (
|
|
77
|
+
if (types_1.TypeGuards.isFunction(onClear))
|
|
78
78
|
onClear === null || onClear === void 0 ? void 0 : onClear();
|
|
79
79
|
};
|
|
80
80
|
var showClearIcon = !!((_a = String(search)) === null || _a === void 0 ? void 0 : _a.trim()) && clearable;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,0CAAwD;AACxD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -36,7 +36,8 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
36
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
37
|
exports.SectionFilters = void 0;
|
|
38
38
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
39
|
-
var
|
|
39
|
+
var hooks_1 = require("@codeleap/hooks");
|
|
40
|
+
var types_1 = require("@codeleap/types");
|
|
40
41
|
var View_1 = require("../View");
|
|
41
42
|
var Text_1 = require("../Text");
|
|
42
43
|
var Button_1 = require("../Button");
|
|
@@ -48,11 +49,11 @@ __exportStar(require("./types"), exports);
|
|
|
48
49
|
var ItemOption = function (props) {
|
|
49
50
|
var option = props.option, item = props.item, selectedItems = props.selectedItems, styles = props.styles, onPress = props.onPress, canSelectMultiple = props.canSelectMultiple;
|
|
50
51
|
var buttonProps = __assign(__assign({}, item === null || item === void 0 ? void 0 : item.itemProps), option === null || option === void 0 ? void 0 : option.itemProps);
|
|
51
|
-
var isItemSelected = (0,
|
|
52
|
+
var isItemSelected = (0, hooks_1.useMemo)(function () {
|
|
52
53
|
var _a, _b;
|
|
53
54
|
if ((item === null || item === void 0 ? void 0 : item.options) && selectedItems) {
|
|
54
55
|
if (canSelectMultiple) {
|
|
55
|
-
return
|
|
56
|
+
return types_1.TypeGuards.isArray(selectedItems[item === null || item === void 0 ? void 0 : item.id]) && ((_b = (_a = selectedItems[item === null || item === void 0 ? void 0 : item.id]) === null || _a === void 0 ? void 0 : _a.find) === null || _b === void 0 ? void 0 : _b.call(_a, function (item) { return JSON.stringify(item) === JSON.stringify(option); }));
|
|
56
57
|
}
|
|
57
58
|
else {
|
|
58
59
|
return JSON.stringify(option) === JSON.stringify(selectedItems[item === null || item === void 0 ? void 0 : item.id]);
|
|
@@ -72,16 +73,16 @@ var SectionFilters = function (props) {
|
|
|
72
73
|
var _c = __assign(__assign({}, exports.SectionFilters.defaultProps), props), data = _c.data, onSelectItem = _c.onSelectItem, renderFooterComponent = _c.renderFooterComponent, style = _c.style, applyFilterButtonProps = _c.applyFilterButtonProps, clearFilterButtonProps = _c.clearFilterButtonProps, applyButtonText = _c.applyButtonText, clearButtonText = _c.clearButtonText, filterOnOptionPress = _c.filterOnOptionPress;
|
|
73
74
|
var styles = (0, useStylesFor_1.useStylesFor)(exports.SectionFilters.styleRegistryName, style);
|
|
74
75
|
var compositionStyles = (0, styles_1.useCompositionStyles)(['itemOptionButton', 'clearButton', 'applyButton'], styles);
|
|
75
|
-
var _d = (0,
|
|
76
|
-
var _e = (0,
|
|
76
|
+
var _d = (0, hooks_1.useConditionalState)(props === null || props === void 0 ? void 0 : props.selectedItems, props === null || props === void 0 ? void 0 : props.setSelectedItems, { initialValue: {} }), _selectedItems = _d[0], _setSelectedItems = _d[1];
|
|
77
|
+
var _e = (0, hooks_1.useConditionalState)(props === null || props === void 0 ? void 0 : props.draftItems, props === null || props === void 0 ? void 0 : props.setDraftItems, { initialValue: {} }), _draft = _e[0], _setDraft = _e[1];
|
|
77
78
|
var isEmpty = (data === null || data === void 0 ? void 0 : data.length) <= 0;
|
|
78
79
|
var shouldDisableActions = ((_a = Object.keys(_draft)) === null || _a === void 0 ? void 0 : _a.length) === 0 && ((_b = Object.keys(_selectedItems)) === null || _b === void 0 ? void 0 : _b.length) === 0;
|
|
79
|
-
var onPressOption = (0,
|
|
80
|
+
var onPressOption = (0, hooks_1.useCallback)(function (params) {
|
|
80
81
|
var item = params.item, option = params.option, canSelectMultiple = params.canSelectMultiple, hasMultipleOptions = params.hasMultipleOptions;
|
|
81
82
|
_setDraft(function (state) {
|
|
82
83
|
var _a, _b;
|
|
83
84
|
var items = __assign({}, state);
|
|
84
|
-
var multipleOptionsSelected =
|
|
85
|
+
var multipleOptionsSelected = types_1.TypeGuards.isArray(state === null || state === void 0 ? void 0 : state[item.id]) ? state[item.id] : [];
|
|
85
86
|
var isItemAlreadySelected = null;
|
|
86
87
|
if (canSelectMultiple) {
|
|
87
88
|
isItemAlreadySelected = multipleOptionsSelected === null || multipleOptionsSelected === void 0 ? void 0 : multipleOptionsSelected.find(function (item) { return JSON.stringify(item) === JSON.stringify(option); });
|
|
@@ -113,22 +114,22 @@ var SectionFilters = function (props) {
|
|
|
113
114
|
});
|
|
114
115
|
onSelectItem === null || onSelectItem === void 0 ? void 0 : onSelectItem({ id: item === null || item === void 0 ? void 0 : item.id, option: option });
|
|
115
116
|
}, [_draft, onSelectItem]);
|
|
116
|
-
var renderItem = (0,
|
|
117
|
+
var renderItem = (0, hooks_1.useCallback)(function (item) {
|
|
117
118
|
var _a, _b, _c;
|
|
118
119
|
var _d = item.showDescriptionLabel, showDescriptionLabel = _d === void 0 ? true : _d;
|
|
119
120
|
var hasMultipleOptions = !!((_a = item === null || item === void 0 ? void 0 : item.options) === null || _a === void 0 ? void 0 : _a.length);
|
|
120
121
|
var canSelectMultiple = (item === null || item === void 0 ? void 0 : item.canSelectMultiple) && hasMultipleOptions;
|
|
121
|
-
var description =
|
|
122
|
+
var description = types_1.TypeGuards.isString(item === null || item === void 0 ? void 0 : item.descriptionLabel) ? item === null || item === void 0 ? void 0 : item.descriptionLabel : item === null || item === void 0 ? void 0 : item.label;
|
|
122
123
|
var Option = function (_a) {
|
|
123
124
|
var option = _a.option;
|
|
124
|
-
if (
|
|
125
|
+
if (types_1.TypeGuards.isNil(item === null || item === void 0 ? void 0 : item.id)) {
|
|
125
126
|
return null;
|
|
126
127
|
}
|
|
127
128
|
return ((0, jsx_runtime_1.jsx)(ItemOption, { option: option, item: item, selectedItems: _draft, styles: __assign({}, compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.itemOptionButton), onPress: function () { return onPressOption({ option: option, item: item, canSelectMultiple: canSelectMultiple, hasMultipleOptions: hasMultipleOptions }); }, canSelectMultiple: canSelectMultiple }));
|
|
128
129
|
};
|
|
129
130
|
return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ style: styles.optionWrapper }, { children: [showDescriptionLabel && description ? (0, jsx_runtime_1.jsx)(Text_1.Text, { style: styles.label, text: "".concat(description) }) : null, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ style: styles.optionInnerWrapper }, { children: hasMultipleOptions ? ((_c = (_b = item === null || item === void 0 ? void 0 : item.options) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.call(_b, function (option) { return (0, jsx_runtime_1.jsx)(Option, { option: option }); })) : ((0, jsx_runtime_1.jsx)(Option, { option: {
|
|
130
|
-
label:
|
|
131
|
-
value:
|
|
131
|
+
label: types_1.TypeGuards.isNil(item === null || item === void 0 ? void 0 : item.label) ? String(item === null || item === void 0 ? void 0 : item.id) : item === null || item === void 0 ? void 0 : item.label,
|
|
132
|
+
value: types_1.TypeGuards.isNil(item === null || item === void 0 ? void 0 : item.label) ? item === null || item === void 0 ? void 0 : item.id : item === null || item === void 0 ? void 0 : item.label,
|
|
132
133
|
} })) }))] })));
|
|
133
134
|
}, [_draft, styles, compositionStyles === null || compositionStyles === void 0 ? void 0 : compositionStyles.itemOptionButton]);
|
|
134
135
|
var DefaultFooter = function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SectionFilters/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SectionFilters/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ButtonComposition, ButtonProps } from '../Button';
|
|
3
|
-
import { StylesOf } from '@codeleap/
|
|
3
|
+
import { StylesOf } from '@codeleap/types';
|
|
4
4
|
import { SectionFiltersComposition } from './styles';
|
|
5
5
|
import { StyledProp } from '@codeleap/styles';
|
|
6
6
|
export type ItemOptionProps = {
|
|
@@ -52,7 +52,8 @@ exports.SegmentedControl = void 0;
|
|
|
52
52
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
53
53
|
var react_1 = __importStar(require("react"));
|
|
54
54
|
var View_1 = require("../View");
|
|
55
|
-
var
|
|
55
|
+
var types_1 = require("@codeleap/types");
|
|
56
|
+
var hooks_1 = require("@codeleap/hooks");
|
|
56
57
|
var Text_1 = require("../Text");
|
|
57
58
|
var framer_motion_1 = require("framer-motion");
|
|
58
59
|
var lib_1 = require("../../lib");
|
|
@@ -78,8 +79,8 @@ var SegmentedControl = function (props) {
|
|
|
78
79
|
var currentOptionIdx = react_1.default.useMemo(function () {
|
|
79
80
|
return (options === null || options === void 0 ? void 0 : options.findIndex(function (o) { return (o === null || o === void 0 ? void 0 : o.value) === value; })) || 0;
|
|
80
81
|
}, [value]);
|
|
81
|
-
var maxDivWidthRef = (0,
|
|
82
|
-
var sectionPressedRef = (0,
|
|
82
|
+
var maxDivWidthRef = (0, hooks_1.useRef)(null);
|
|
83
|
+
var sectionPressedRef = (0, hooks_1.useRef)(null);
|
|
83
84
|
var largestWidth = react_1.default.useMemo(function () {
|
|
84
85
|
return {
|
|
85
86
|
width: maxDivWidthRef.current,
|
|
@@ -104,7 +105,7 @@ var SegmentedControl = function (props) {
|
|
|
104
105
|
];
|
|
105
106
|
var onSelectTab = function (option, e) {
|
|
106
107
|
if (!e || (e === null || e === void 0 ? void 0 : e.keyCode) === 13 || (e === null || e === void 0 ? void 0 : e.key) === 'Enter') {
|
|
107
|
-
if (!debounceEnabled || !
|
|
108
|
+
if (!debounceEnabled || !types_1.TypeGuards.isNumber(debounce)) {
|
|
108
109
|
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(option === null || option === void 0 ? void 0 : option.value);
|
|
109
110
|
return;
|
|
110
111
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,gCAA8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -99,7 +99,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
99
99
|
exports.Select = void 0;
|
|
100
100
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
101
101
|
var react_1 = __importStar(require("react"));
|
|
102
|
-
var
|
|
102
|
+
var hooks_1 = require("@codeleap/hooks");
|
|
103
|
+
var types_1 = require("@codeleap/types");
|
|
104
|
+
var form_1 = require("@codeleap/form");
|
|
103
105
|
var react_select_1 = __importStar(require("react-select"));
|
|
104
106
|
var async_1 = __importDefault(require("react-select/async"));
|
|
105
107
|
var styles_1 = require("./styles");
|
|
@@ -118,7 +120,7 @@ var DefaultOption = function (props) {
|
|
|
118
120
|
var optionProps = (_a = props === null || props === void 0 ? void 0 : props.data) === null || _a === void 0 ? void 0 : _a.itemProps;
|
|
119
121
|
var styles = optionsStyles({ isSelected: isSelected, isFocused: isFocused, baseStyles: ((_c = (_b = optionProps === null || optionProps === void 0 ? void 0 : optionProps.style) !== null && _b !== void 0 ? _b : itemProps === null || itemProps === void 0 ? void 0 : itemProps.style) !== null && _c !== void 0 ? _c : {}) });
|
|
120
122
|
var _Component = null;
|
|
121
|
-
if (
|
|
123
|
+
if (types_1.TypeGuards.isNil(component)) {
|
|
122
124
|
_Component = function () { return ((0, jsx_runtime_1.jsx)(Button_1.Button, __assign({ text: label,
|
|
123
125
|
// @ts-ignore
|
|
124
126
|
rightIcon: isSelected && selectedIcon, debugName: debugName }, itemProps, optionProps, { style: styles }))); };
|
|
@@ -139,15 +141,15 @@ var CustomMenuList = function (props) {
|
|
|
139
141
|
var DefaultPlaceholder = function (props) {
|
|
140
142
|
var TextPlaceholder = props.text, defaultStyles = props.defaultStyles, _IconPlaceholder = props.icon, image = props.image, debugName = props.debugName;
|
|
141
143
|
var _Text = function () {
|
|
142
|
-
if (
|
|
144
|
+
if (types_1.TypeGuards.isNil(TextPlaceholder))
|
|
143
145
|
return null;
|
|
144
|
-
if (
|
|
146
|
+
if (types_1.TypeGuards.isString(TextPlaceholder)) {
|
|
145
147
|
return (0, jsx_runtime_1.jsx)(Text_1.Text, { debugName: debugName, text: TextPlaceholder, style: defaultStyles.text });
|
|
146
148
|
}
|
|
147
149
|
else if (react_1.default.isValidElement(TextPlaceholder)) {
|
|
148
150
|
return TextPlaceholder;
|
|
149
151
|
}
|
|
150
|
-
else if (
|
|
152
|
+
else if (types_1.TypeGuards.isFunction(TextPlaceholder)) {
|
|
151
153
|
return (0, jsx_runtime_1.jsx)(TextPlaceholder, __assign({}, props));
|
|
152
154
|
}
|
|
153
155
|
};
|
|
@@ -156,14 +158,14 @@ var DefaultPlaceholder = function (props) {
|
|
|
156
158
|
// @ts-ignore
|
|
157
159
|
imageContent = (0, jsx_runtime_1.jsx)("img", { src: image, css: defaultStyles.icon });
|
|
158
160
|
}
|
|
159
|
-
else if (
|
|
161
|
+
else if (types_1.TypeGuards.isString(_IconPlaceholder)) {
|
|
160
162
|
imageContent = (0, jsx_runtime_1.jsx)(Icon_1.Icon, { debugName: debugName, name: _IconPlaceholder, forceStyle: defaultStyles.icon });
|
|
161
163
|
}
|
|
162
164
|
else if (react_1.default.isValidElement(_IconPlaceholder)) {
|
|
163
165
|
// @ts-ignore
|
|
164
166
|
imageContent = (0, jsx_runtime_1.jsx)(View_1.View, __assign({ style: defaultStyles.icon }, { children: _IconPlaceholder }));
|
|
165
167
|
}
|
|
166
|
-
else if (
|
|
168
|
+
else if (types_1.TypeGuards.isFunction(_IconPlaceholder)) {
|
|
167
169
|
imageContent = (0, jsx_runtime_1.jsx)(_IconPlaceholder, __assign({}, props));
|
|
168
170
|
}
|
|
169
171
|
return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ style: defaultStyles.wrapper }, { children: [imageContent, (0, jsx_runtime_1.jsx)(_Text, {})] })));
|
|
@@ -204,22 +206,22 @@ exports.Select = (0, react_1.forwardRef)(function (props, inputRef) {
|
|
|
204
206
|
var _innerInputRef = (0, react_1.useRef)(null);
|
|
205
207
|
var innerInputRef = selectRef || _innerInputRef;
|
|
206
208
|
var innerWrapperRef = (0, react_1.useRef)(null);
|
|
207
|
-
var hasSelectedOptionState = !
|
|
208
|
-
var initialValue = (loadInitialValue && !
|
|
209
|
+
var hasSelectedOptionState = !types_1.TypeGuards.isNil(_selectedOption) && types_1.TypeGuards.isFunction(_setSelectedOption);
|
|
210
|
+
var initialValue = (loadInitialValue && !types_1.TypeGuards.isNil(options))
|
|
209
211
|
? options === null || options === void 0 ? void 0 : options.find(function (option) { return (option === null || option === void 0 ? void 0 : option.value) === value; })
|
|
210
212
|
: value;
|
|
211
|
-
var _m = hasSelectedOptionState ? [_selectedOption, _setSelectedOption] : (0,
|
|
212
|
-
(0,
|
|
213
|
+
var _m = hasSelectedOptionState ? [_selectedOption, _setSelectedOption] : (0, hooks_1.useState)(initialValue !== null && initialValue !== void 0 ? initialValue : value), selectedOption = _m[0], setSelectedOption = _m[1];
|
|
214
|
+
(0, hooks_1.useEffect)(function () {
|
|
213
215
|
if (loadInitialValue && !selectedOption && !!initialValue) {
|
|
214
216
|
setSelectedOption(initialValue);
|
|
215
217
|
}
|
|
216
218
|
}, [!!initialValue]);
|
|
217
|
-
var _o = (0,
|
|
218
|
-
var _p = (0,
|
|
219
|
-
var _q = (0,
|
|
219
|
+
var _o = (0, hooks_1.useState)(false), _isFocused = _o[0], setIsFocused = _o[1];
|
|
220
|
+
var _p = (0, hooks_1.useState)(false), loadedOptions = _p[0], setLoadedOptions = _p[1];
|
|
221
|
+
var _q = (0, hooks_1.useState)(false), keyDownActive = _q[0], setKeyDownActive = _q[1];
|
|
220
222
|
var isFocused = _isFocused || focused;
|
|
221
223
|
// @ts-ignore
|
|
222
|
-
var validation = (0,
|
|
224
|
+
var validation = (0, form_1.useValidate)(value, validate);
|
|
223
225
|
var isDisabled = !!inputBaseProps.disabled;
|
|
224
226
|
var hasError = !validation.isValid || _error;
|
|
225
227
|
var errorMessage = validation.message || _error;
|
|
@@ -251,7 +253,7 @@ exports.Select = (0, react_1.forwardRef)(function (props, inputRef) {
|
|
|
251
253
|
})];
|
|
252
254
|
case 2:
|
|
253
255
|
_options = _b.sent();
|
|
254
|
-
if (loadInitialValue && !
|
|
256
|
+
if (loadInitialValue && !types_1.TypeGuards.isNil(_options) && !loadedOptions) {
|
|
255
257
|
_initialValue = (_a = _options === null || _options === void 0 ? void 0 : _options.find) === null || _a === void 0 ? void 0 : _a.call(_options, function (option) { return (option === null || option === void 0 ? void 0 : option.value) === value; });
|
|
256
258
|
if (!!_initialValue)
|
|
257
259
|
setSelectedOption(_initialValue);
|
|
@@ -268,9 +270,9 @@ exports.Select = (0, react_1.forwardRef)(function (props, inputRef) {
|
|
|
268
270
|
});
|
|
269
271
|
}); };
|
|
270
272
|
var handleChange = function (opt) {
|
|
271
|
-
if (
|
|
273
|
+
if (types_1.TypeGuards.isArray(opt)) {
|
|
272
274
|
// @ts-ignore
|
|
273
|
-
if (
|
|
275
|
+
if (types_1.TypeGuards.isNumber(limit) && (opt === null || opt === void 0 ? void 0 : opt.length) > limit && (opt === null || opt === void 0 ? void 0 : opt.length) > (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.length)) {
|
|
274
276
|
return;
|
|
275
277
|
}
|
|
276
278
|
// @ts-ignore
|
|
@@ -315,12 +317,12 @@ exports.Select = (0, react_1.forwardRef)(function (props, inputRef) {
|
|
|
315
317
|
return (0, jsx_runtime_1.jsx)(PlaceholderComponent, __assign({}, placeholderProps, { text: placeholderText }));
|
|
316
318
|
}
|
|
317
319
|
else {
|
|
318
|
-
var _Text =
|
|
320
|
+
var _Text = types_1.TypeGuards.isString(noItemsText) ? formatPlaceholderNoItems(__assign(__assign({}, placeholderProps), { text: noItemsText })) : noItemsText;
|
|
319
321
|
return (0, jsx_runtime_1.jsx)(PlaceholderNoItemsComponent, __assign({}, placeholderProps, { text: _Text }));
|
|
320
322
|
}
|
|
321
323
|
};
|
|
322
324
|
var _props = __assign({}, (!filterItems ? {} : { filterOption: filterItems }));
|
|
323
|
-
(0,
|
|
325
|
+
(0, hooks_1.onUpdate)(function () {
|
|
324
326
|
if (!_isFocused) {
|
|
325
327
|
setKeyDownActive(false);
|
|
326
328
|
}
|