@codeleap/web 1.5.13 → 2.0.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/Select/Custom.js +5 -8
- package/dist/components/Select/Custom.js.map +1 -1
- package/dist/components/Select/Multi.d.ts +3 -0
- package/dist/components/Select/Multi.js +105 -0
- package/dist/components/Select/Multi.js.map +1 -0
- package/dist/components/Select/index.d.ts +1 -0
- package/dist/components/Select/index.js +2 -0
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/styles.js +1 -6
- package/dist/components/Select/styles.js.map +1 -1
- package/dist/components/Select/types.d.ts +18 -0
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/lib/hooks.d.ts +25 -4
- package/dist/lib/hooks.js +132 -39
- package/dist/lib/hooks.js.map +1 -1
- package/package.json +6 -3
|
@@ -36,11 +36,6 @@ var hooks_1 = require("../../lib/hooks");
|
|
|
36
36
|
var SelectItem = function (_a) {
|
|
37
37
|
var styles = _a.styles, iconName = _a.iconName, onPress = _a.onPress, label = _a.label, icon = _a.icon, inList = _a.inList;
|
|
38
38
|
var showIcon = (!inList || !!icon);
|
|
39
|
-
console.log({
|
|
40
|
-
icon: icon,
|
|
41
|
-
showIcon: showIcon,
|
|
42
|
-
label: label,
|
|
43
|
-
});
|
|
44
39
|
return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ onPress: onPress, css: inList ? [styles.itemWrapper] : [styles.buttonWrapper] }, { children: [typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: label, css: inList ? styles.itemText : styles.buttonText })) : (label), showIcon && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon || iconName, style: styles.buttonIcon }))] })));
|
|
45
40
|
};
|
|
46
41
|
exports.SelectItem = SelectItem;
|
|
@@ -58,11 +53,11 @@ var CustomSelect = function (selectProps) {
|
|
|
58
53
|
return [value, label];
|
|
59
54
|
}));
|
|
60
55
|
}, [options]);
|
|
61
|
-
var
|
|
56
|
+
var wrapperRef = (0, hooks_1.useClickOutside)(function () {
|
|
62
57
|
if (isOpen) {
|
|
63
58
|
setOpen(false);
|
|
64
59
|
}
|
|
65
|
-
}
|
|
60
|
+
});
|
|
66
61
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('Select', {
|
|
67
62
|
styles: styles,
|
|
68
63
|
variants: variants,
|
|
@@ -92,7 +87,9 @@ var CustomSelect = function (selectProps) {
|
|
|
92
87
|
inputWrapper: getStyles('inputWrapper'),
|
|
93
88
|
list: getStyles('list'),
|
|
94
89
|
error: getStyles('error'),
|
|
95
|
-
},
|
|
90
|
+
},
|
|
91
|
+
// id={inputId}
|
|
92
|
+
ref: wrapperRef, onHover: setHovering }, props, { children: options.map(function (item) { return ((0, react_1.createElement)(Item, __assign({}, item, { inList: true, onPress: function () {
|
|
96
93
|
if (autoClose) {
|
|
97
94
|
setOpen(false);
|
|
98
95
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Custom.js","sourceRoot":"","sources":["../../../src/components/Select/Custom.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAQyB;AACzB,+BAAmD;AACnD,0CAAoD;AACpD,gCAA8B;AAC9B,0CAAwC;AACxC,gCAA8B;AAC9B,gCAA8B;AAC9B,yCAAiD;AAK1C,IAAM,UAAU,GAEnB,UAAC,EAAkD;QAAhD,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA;IACnD,IAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"Custom.js","sourceRoot":"","sources":["../../../src/components/Select/Custom.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,105 @@
|
|
|
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
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
25
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
26
|
+
if (ar || !(i in from)) {
|
|
27
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
28
|
+
ar[i] = from[i];
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
32
|
+
};
|
|
33
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
34
|
+
exports.MultiSelect = void 0;
|
|
35
|
+
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
36
|
+
var common_1 = require("@codeleap/common");
|
|
37
|
+
var react_1 = require("react");
|
|
38
|
+
var hooks_1 = require("../../lib/hooks");
|
|
39
|
+
var Custom_1 = require("./Custom");
|
|
40
|
+
var MultiSelect = function (selectProps) {
|
|
41
|
+
var _a = selectProps.options, options = _a === void 0 ? [] : _a, value = selectProps.value, onValueChange = selectProps.onValueChange, renderCurrentlySelected = selectProps.renderCurrentlySelected, renderItem = selectProps.renderItem, placeholder = selectProps.placeholder, onDropdownToggle = selectProps.onDropdownToggle, variants = selectProps.variants, responsiveVariants = selectProps.responsiveVariants, styles = selectProps.styles, validate = selectProps.validate, disabled = selectProps.disabled, arrowIconName = selectProps.arrowIconName, props = __rest(selectProps, ["options", "value", "onValueChange", "renderCurrentlySelected", "renderItem", "placeholder", "onDropdownToggle", "variants", "responsiveVariants", "styles", "validate", "disabled", "arrowIconName"]);
|
|
42
|
+
var _b = (0, common_1.useBooleanToggle)(false), isOpen = _b[0], setOpen = _b[1];
|
|
43
|
+
var _c = (0, common_1.useBooleanToggle)(false), isHovering = _c[0], setHovering = _c[1];
|
|
44
|
+
var optionLabelMap = (0, react_1.useMemo)(function () {
|
|
45
|
+
return Object.fromEntries(options.map(function (_a) {
|
|
46
|
+
var label = _a.label, value = _a.value;
|
|
47
|
+
return [value, label];
|
|
48
|
+
}));
|
|
49
|
+
}, [options]);
|
|
50
|
+
var wrapperRef = (0, hooks_1.useClickOutside)(function () {
|
|
51
|
+
if (isOpen) {
|
|
52
|
+
setOpen(false);
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('Select', {
|
|
56
|
+
styles: styles,
|
|
57
|
+
variants: variants,
|
|
58
|
+
responsiveVariants: responsiveVariants,
|
|
59
|
+
});
|
|
60
|
+
var CurrentContent = renderCurrentlySelected || Custom_1.SelectItem;
|
|
61
|
+
var Item = renderItem || Custom_1.SelectItem;
|
|
62
|
+
var isValueEmpty = value === null || typeof value === 'undefined' || (common_1.TypeGuards.isArray(value) && !value.length);
|
|
63
|
+
var currentOption = isValueEmpty
|
|
64
|
+
? { label: placeholder, value: null }
|
|
65
|
+
: { label: value.map(function (o) { return optionLabelMap[o]; }).join(','), value: null };
|
|
66
|
+
(0, common_1.onUpdate)(function () {
|
|
67
|
+
onDropdownToggle === null || onDropdownToggle === void 0 ? void 0 : onDropdownToggle(isOpen);
|
|
68
|
+
}, [isOpen]);
|
|
69
|
+
var _d = (0, common_1.useValidate)(value, validate), showError = _d.showError, error = _d.error;
|
|
70
|
+
function getStyles(key, append) {
|
|
71
|
+
if (append === void 0) { append = {}; }
|
|
72
|
+
return __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles[key]), (0, common_1.optionalObject)(isOpen, variantStyles["".concat(key, ":open")], {})), (0, common_1.optionalObject)(isHovering, variantStyles["".concat(key, ":hover")], {})), (0, common_1.optionalObject)(showError, variantStyles["".concat(key, ":error")], {})), (0, common_1.optionalObject)(disabled, variantStyles["".concat(key, ":disabled")], {})), append);
|
|
73
|
+
}
|
|
74
|
+
return ((0, jsx_runtime_1.jsx)(Custom_1.InputWrapper, __assign({ currentContent: (0, jsx_runtime_1.jsx)(CurrentContent, __assign({}, currentOption, { onPress: function () { return setOpen(); }, styles: {
|
|
75
|
+
buttonIcon: getStyles('buttonIcon'),
|
|
76
|
+
buttonText: getStyles('buttonText'),
|
|
77
|
+
buttonWrapper: getStyles('buttonWrapper'),
|
|
78
|
+
}, open: isOpen, iconName: arrowIconName || 'selectArrow' })), error: error, styles: {
|
|
79
|
+
wrapper: getStyles('wrapper'),
|
|
80
|
+
label: getStyles('label'),
|
|
81
|
+
inputWrapper: getStyles('inputWrapper'),
|
|
82
|
+
list: getStyles('list'),
|
|
83
|
+
error: getStyles('error'),
|
|
84
|
+
},
|
|
85
|
+
// id={inputId}
|
|
86
|
+
ref: wrapperRef, onHover: setHovering }, props, { children: options.map(function (item) {
|
|
87
|
+
var isSelected = value.includes(item.value);
|
|
88
|
+
return ((0, jsx_runtime_1.jsx)(Item, { value: item.value, label: item.label, inList: true, onPress: function () {
|
|
89
|
+
var newArr = __spreadArray([], value, true);
|
|
90
|
+
if (value.includes(item.value)) {
|
|
91
|
+
newArr = newArr.filter(function (x) { return x !== item.value; });
|
|
92
|
+
}
|
|
93
|
+
else {
|
|
94
|
+
newArr.push(item.value);
|
|
95
|
+
}
|
|
96
|
+
onValueChange(newArr);
|
|
97
|
+
}, selected: isSelected, styles: {
|
|
98
|
+
itemText: getStyles('itemText', __assign({}, (0, common_1.optionalObject)(isSelected, variantStyles['itemText:selected'], {}))),
|
|
99
|
+
itemWrapper: getStyles('itemWrapper', __assign({}, (0, common_1.optionalObject)(isSelected, variantStyles['itemWrapper:selected'], {}))),
|
|
100
|
+
buttonIcon: getStyles('buttonIcon', __assign({}, (0, common_1.optionalObject)(isSelected, variantStyles['buttonIcon:selected'], {}))),
|
|
101
|
+
} }, item.value));
|
|
102
|
+
}) })));
|
|
103
|
+
};
|
|
104
|
+
exports.MultiSelect = MultiSelect;
|
|
105
|
+
//# sourceMappingURL=Multi.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Multi.js","sourceRoot":"","sources":["../../../src/components/Select/Multi.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,4 +8,5 @@ export declare type SelectProps<T extends string | number = string> = ({
|
|
|
8
8
|
export * from './types';
|
|
9
9
|
export * from './styles';
|
|
10
10
|
export * from './Custom';
|
|
11
|
+
export * from './Multi';
|
|
11
12
|
export declare const Select: <T extends string | number = string>(props: SelectProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -32,10 +32,12 @@ var Native_1 = require("./Native");
|
|
|
32
32
|
__exportStar(require("./types"), exports);
|
|
33
33
|
__exportStar(require("./styles"), exports);
|
|
34
34
|
__exportStar(require("./Custom"), exports);
|
|
35
|
+
__exportStar(require("./Multi"), exports);
|
|
35
36
|
var Select = function (props) {
|
|
36
37
|
if (props.type === 'native') {
|
|
37
38
|
return (0, jsx_runtime_1.jsx)(Native_1.NativeSelect, __assign({}, props));
|
|
38
39
|
}
|
|
40
|
+
// @ts-ignore
|
|
39
41
|
return (0, jsx_runtime_1.jsx)(Custom_1.CustomSelect, __assign({}, props));
|
|
40
42
|
};
|
|
41
43
|
exports.Select = Select;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAuC;AACvC,mCAA0D;AAW1D,0CAAuB;AACvB,2CAAwB;AACxB,2CAAwB;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAuC;AACvC,mCAA0D;AAW1D,0CAAuB;AACvB,2CAAwB;AACxB,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,MAAM,GAAG,UACpB,KAAqB;IAErB,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;QAC3B,OAAO,uBAAC,qBAAY,eAAK,KAAK,EAAI,CAAA;KACnC;IACD,aAAa;IACb,OAAO,uBAAC,qBAAY,eAAK,KAAK,EAAI,CAAA;AACpC,CAAC,CAAA;AARY,QAAA,MAAM,UAQlB"}
|
|
@@ -45,12 +45,7 @@ exports.WebSelectStyles = {
|
|
|
45
45
|
buttonText: {
|
|
46
46
|
flex: 1,
|
|
47
47
|
},
|
|
48
|
-
buttonIcon: {
|
|
49
|
-
height: 24,
|
|
50
|
-
width: 24,
|
|
51
|
-
color: Theme.colors.white,
|
|
52
|
-
transition: 'all 0.2s ease',
|
|
53
|
-
},
|
|
48
|
+
buttonIcon: __assign({ height: 24, width: 24, color: Theme.colors.white, transition: 'all 0.2s ease' }, Theme.spacing.marginLeft('auto')),
|
|
54
49
|
'buttonIcon:open': {
|
|
55
50
|
transform: 'rotate(180deg)',
|
|
56
51
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8D;AAuB9D,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAwB,CAAA;AAEhE,QAAA,eAAe,GAAG;IAC7B,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACrC,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;SACxB;QACD,KAAK,eACA,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CACjC;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,UAAU;SACrB;QAED,IAAI,wCACF,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,MAAM,EACf,GAAG,EAAE,MAAM,EACX,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,IAE/B,KAAK,CAAC,OAAO,CAAC,MAAM,KACvB,SAAS,EAAE,QAAQ,EAEnB,UAAU,EAAE,eAAe,EAC3B,SAAS,EAAE,CAAC,KACT,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;YACrB,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,aAAa;SACrB,CAAC,KACF,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,GACvC;QACD,WAAW,aACT,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,IACd,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAC3B;QACD,QAAQ,EAAE,EAAE;QACZ,WAAW,wBACN,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,KAC7B,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE;gBACT,eAAe,EAAE,OAAO;aACzB,GACF;QACD,mBAAmB,EAAE,EAAE;QACvB,sBAAsB,EAAE;YACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACrC,SAAS,EAAE;gBACT,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACtC;SACF;QACD,aAAa,mDACR,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,GACvB,KAAK,CAAC,OAAO,CAAC,SAAS,GACvB,KAAK,CAAC,OAAO,CAAC,WAAW,GACzB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,KAC7B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAClC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EACtC,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,MAAM,GAChB;QACD,aAAa,EAAE,EAAE;QACjB,UAAU,EAAE;YACV,IAAI,EAAE,CAAC;SACR;QACD,UAAU,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8D;AAuB9D,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAwB,CAAA;AAEhE,QAAA,eAAe,GAAG;IAC7B,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACrC,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;SACxB;QACD,KAAK,eACA,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CACjC;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,UAAU;SACrB;QAED,IAAI,wCACF,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,MAAM,EACf,GAAG,EAAE,MAAM,EACX,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,IAE/B,KAAK,CAAC,OAAO,CAAC,MAAM,KACvB,SAAS,EAAE,QAAQ,EAEnB,UAAU,EAAE,eAAe,EAC3B,SAAS,EAAE,CAAC,KACT,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;YACrB,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,aAAa;SACrB,CAAC,KACF,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,GACvC;QACD,WAAW,aACT,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,IACd,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAC3B;QACD,QAAQ,EAAE,EAAE;QACZ,WAAW,wBACN,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,KAC7B,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE;gBACT,eAAe,EAAE,OAAO;aACzB,GACF;QACD,mBAAmB,EAAE,EAAE;QACvB,sBAAsB,EAAE;YACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACrC,SAAS,EAAE;gBACT,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACtC;SACF;QACD,aAAa,mDACR,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,GACvB,KAAK,CAAC,OAAO,CAAC,SAAS,GACvB,KAAK,CAAC,OAAO,CAAC,WAAW,GACzB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,KAC7B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAClC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EACtC,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,MAAM,GAChB;QACD,aAAa,EAAE,EAAE;QACjB,UAAU,EAAE;YACV,IAAI,EAAE,CAAC;SACR;QACD,UAAU,aACR,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACzB,UAAU,EAAE,eAAe,IACxB,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CACpC;QACD,iBAAiB,EAAE;YACjB,SAAS,EAAE,gBAAgB;SAC5B;QACD,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;SAC7B;KACF,CAAC,EA/EoC,CA+EpC,CAAC;CACJ,CAAA"}
|
|
@@ -29,3 +29,21 @@ export declare type CustomSelectProps<T = any> = {
|
|
|
29
29
|
arrowIconName?: IconPlaceholder;
|
|
30
30
|
autoClose?: boolean;
|
|
31
31
|
} & ComponentVariants<typeof WebSelectStyles>;
|
|
32
|
+
export declare type MultiSelectProps<T = any> = {
|
|
33
|
+
value: T[];
|
|
34
|
+
placeholder?: string;
|
|
35
|
+
label?: FormTypes.Label;
|
|
36
|
+
options?: {
|
|
37
|
+
value: T;
|
|
38
|
+
label?: FormTypes.Label;
|
|
39
|
+
icon?: IconPlaceholder;
|
|
40
|
+
}[];
|
|
41
|
+
onDropdownToggle?: (isOpen?: boolean) => void;
|
|
42
|
+
onValueChange?: (value: T[]) => void;
|
|
43
|
+
renderItem?: SelectRenderFN<T>;
|
|
44
|
+
renderCurrentlySelected?: SelectRenderFN<T>;
|
|
45
|
+
styles?: StylesOf<WebSelectComposition>;
|
|
46
|
+
disabled?: boolean;
|
|
47
|
+
validate?: FormTypes.ValidatorFunctionWithoutForm<any> | string;
|
|
48
|
+
arrowIconName?: IconPlaceholder;
|
|
49
|
+
} & ComponentVariants<typeof WebSelectStyles>;
|
|
@@ -112,7 +112,7 @@ var Tooltip = function (props) {
|
|
|
112
112
|
if (isVisible) {
|
|
113
113
|
setVisible(false);
|
|
114
114
|
}
|
|
115
|
-
}
|
|
115
|
+
});
|
|
116
116
|
if (showOn === 'click') {
|
|
117
117
|
return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ onPress: function () { return setVisible(); }, ref: wrapperRef, css: variantStyles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: style }, { children: content })), children] })));
|
|
118
118
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"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"}
|
package/dist/lib/hooks.d.ts
CHANGED
|
@@ -1,7 +1,28 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { AnyFunction } from '@codeleap/common';
|
|
3
2
|
export declare function useWindowSize(): any[];
|
|
4
|
-
declare
|
|
5
|
-
export declare function useClickOutside(callback: AnyFunction, deps: UseClickOutsideOpts): import("react").MutableRefObject<any>;
|
|
3
|
+
export declare function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: HTMLElement[]): import("react").MutableRefObject<T>;
|
|
6
4
|
export declare function useScrollEffect(effect: (passed: boolean, current: number) => any, breakpoint: number, extraDependencies?: any[]): void;
|
|
7
|
-
export
|
|
5
|
+
export declare const DOTS = "dots";
|
|
6
|
+
export interface PaginationParams {
|
|
7
|
+
/** Page selected on initial render, defaults to 1 */
|
|
8
|
+
initialPage?: number;
|
|
9
|
+
/** Controlled active page number */
|
|
10
|
+
page?: number;
|
|
11
|
+
/** Total amount of pages */
|
|
12
|
+
total: number;
|
|
13
|
+
/** Siblings amount on left/right side of selected page, defaults to 1 */
|
|
14
|
+
siblings?: number;
|
|
15
|
+
/** Amount of elements visible on left/right edges, defaults to 1 */
|
|
16
|
+
boundaries?: number;
|
|
17
|
+
/** Callback fired after change of each page */
|
|
18
|
+
onChange?: (page: number) => void;
|
|
19
|
+
}
|
|
20
|
+
export declare function usePagination({ total, siblings, boundaries, page, initialPage, onChange, }: PaginationParams): {
|
|
21
|
+
range: (number | "dots")[];
|
|
22
|
+
active: number;
|
|
23
|
+
setPage: (pageNumber: number) => void;
|
|
24
|
+
next: () => void;
|
|
25
|
+
previous: () => void;
|
|
26
|
+
first: () => void;
|
|
27
|
+
last: () => void;
|
|
28
|
+
};
|
package/dist/lib/hooks.js
CHANGED
|
@@ -9,10 +9,9 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
9
9
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
10
10
|
};
|
|
11
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
-
exports.useScrollEffect = exports.useClickOutside = exports.useWindowSize = void 0;
|
|
12
|
+
exports.usePagination = exports.DOTS = exports.useScrollEffect = exports.useClickOutside = exports.useWindowSize = void 0;
|
|
13
13
|
var common_1 = require("@codeleap/common");
|
|
14
14
|
var react_1 = require("react");
|
|
15
|
-
var uuid_1 = require("uuid");
|
|
16
15
|
function useWindowSize() {
|
|
17
16
|
var _a = (0, react_1.useState)([]), size = _a[0], setSize = _a[1];
|
|
18
17
|
(0, common_1.onMount)(function () {
|
|
@@ -30,47 +29,72 @@ function useWindowSize() {
|
|
|
30
29
|
return size;
|
|
31
30
|
}
|
|
32
31
|
exports.useWindowSize = useWindowSize;
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
32
|
+
// type UseClickOutsideOpts = {
|
|
33
|
+
// customId?: string
|
|
34
|
+
// deps?: any[]
|
|
35
|
+
// }
|
|
36
|
+
// export function useClickOutside(
|
|
37
|
+
// callback: AnyFunction,
|
|
38
|
+
// deps?: UseClickOutsideOpts,
|
|
39
|
+
// ) {
|
|
40
|
+
// const id = useRef(deps?.customId || v4())
|
|
41
|
+
// const onClick = useCallback((e: Event) => {
|
|
42
|
+
// const element = document.getElementById(id.current)
|
|
43
|
+
// if (!element) return
|
|
44
|
+
// const isInside = element.contains(e.target as Node) || ((e.target as HTMLElement).id === id.current)
|
|
45
|
+
// // const iterNodes = (el:HTMLElement|Element) => {
|
|
46
|
+
// // if (isInside) return
|
|
47
|
+
// // for (let i = 0; i < el.children.length; i++) {
|
|
48
|
+
// // const node = el.children.item(i)
|
|
49
|
+
// // if (!node) return
|
|
50
|
+
// // const _isInside = node.contains(e.target as Node)
|
|
51
|
+
// // if (_isInside) {
|
|
52
|
+
// // isInside = _isInside
|
|
53
|
+
// // }
|
|
54
|
+
// // if (isInside) break
|
|
55
|
+
// // if (node.hasChildNodes()) {
|
|
56
|
+
// // iterNodes(node)
|
|
57
|
+
// // }
|
|
58
|
+
// // if (isInside) break
|
|
59
|
+
// // }
|
|
60
|
+
// // }
|
|
61
|
+
// // if (!isInside) {
|
|
62
|
+
// // iterNodes(element)
|
|
63
|
+
// // }
|
|
64
|
+
// if (!isInside) {
|
|
65
|
+
// callback(e)
|
|
66
|
+
// }
|
|
67
|
+
// }, deps?.deps || [])
|
|
68
|
+
// onUpdate(() => {
|
|
69
|
+
// document.addEventListener('click', onClick)
|
|
70
|
+
// return () => {
|
|
71
|
+
// document.removeEventListener('click', onClick)
|
|
72
|
+
// }
|
|
73
|
+
// }, [onClick])
|
|
74
|
+
// return id.current
|
|
75
|
+
// }
|
|
76
|
+
var react_2 = require("react");
|
|
77
|
+
var DEFAULT_EVENTS = ['mousedown', 'touchstart'];
|
|
78
|
+
function useClickOutside(handler, events, nodes) {
|
|
79
|
+
var ref = (0, react_1.useRef)();
|
|
80
|
+
(0, react_2.useEffect)(function () {
|
|
81
|
+
var listener = function (event) {
|
|
82
|
+
var _a;
|
|
83
|
+
if (Array.isArray(nodes)) {
|
|
84
|
+
var shouldIgnore = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.hasAttribute('data-ignore-outside-clicks');
|
|
85
|
+
var shouldTrigger = nodes.every(function (node) { return !!node && !node.contains(event.target); });
|
|
86
|
+
shouldTrigger && !shouldIgnore && handler();
|
|
87
|
+
}
|
|
88
|
+
else if (ref.current && !ref.current.contains(event.target)) {
|
|
89
|
+
handler();
|
|
58
90
|
}
|
|
59
91
|
};
|
|
60
|
-
|
|
61
|
-
iterNodes(element);
|
|
62
|
-
}
|
|
63
|
-
if (!isInside) {
|
|
64
|
-
callback(e);
|
|
65
|
-
}
|
|
66
|
-
}, deps);
|
|
67
|
-
(0, common_1.onUpdate)(function () {
|
|
68
|
-
document.addEventListener('click', onClick);
|
|
92
|
+
(events || DEFAULT_EVENTS).forEach(function (fn) { return document.addEventListener(fn, listener); });
|
|
69
93
|
return function () {
|
|
70
|
-
document.removeEventListener(
|
|
94
|
+
(events || DEFAULT_EVENTS).forEach(function (fn) { return document.removeEventListener(fn, listener); });
|
|
71
95
|
};
|
|
72
|
-
}, [
|
|
73
|
-
return
|
|
96
|
+
}, [ref, handler, nodes]);
|
|
97
|
+
return ref;
|
|
74
98
|
}
|
|
75
99
|
exports.useClickOutside = useClickOutside;
|
|
76
100
|
function useScrollEffect(effect, breakpoint, extraDependencies) {
|
|
@@ -87,4 +111,73 @@ function useScrollEffect(effect, breakpoint, extraDependencies) {
|
|
|
87
111
|
}, __spreadArray([breakpoint], extraDependencies, true));
|
|
88
112
|
}
|
|
89
113
|
exports.useScrollEffect = useScrollEffect;
|
|
114
|
+
exports.DOTS = 'dots';
|
|
115
|
+
function usePagination(_a) {
|
|
116
|
+
var total = _a.total, _b = _a.siblings, siblings = _b === void 0 ? 1 : _b, _c = _a.boundaries, boundaries = _c === void 0 ? 1 : _c, page = _a.page, _d = _a.initialPage, initialPage = _d === void 0 ? 1 : _d, onChange = _a.onChange;
|
|
117
|
+
var _e = (0, common_1.useUncontrolled)({
|
|
118
|
+
value: page,
|
|
119
|
+
onChange: onChange,
|
|
120
|
+
defaultValue: initialPage,
|
|
121
|
+
finalValue: initialPage,
|
|
122
|
+
rule: function (_page) { return typeof _page === 'number' && _page <= total; },
|
|
123
|
+
}), activePage = _e[0], setActivePage = _e[1];
|
|
124
|
+
var setPage = function (pageNumber) {
|
|
125
|
+
if (pageNumber <= 0) {
|
|
126
|
+
setActivePage(1);
|
|
127
|
+
}
|
|
128
|
+
else if (pageNumber > total) {
|
|
129
|
+
setActivePage(total);
|
|
130
|
+
}
|
|
131
|
+
else {
|
|
132
|
+
setActivePage(pageNumber);
|
|
133
|
+
}
|
|
134
|
+
};
|
|
135
|
+
var next = function () { return setPage(activePage + 1); };
|
|
136
|
+
var previous = function () { return setPage(activePage - 1); };
|
|
137
|
+
var first = function () { return setPage(1); };
|
|
138
|
+
var last = function () { return setPage(total); };
|
|
139
|
+
var paginationRange = (0, react_1.useMemo)(function () {
|
|
140
|
+
// Pages count is determined as siblings (left/right) + boundaries(left/right) + currentPage + 2*DOTS
|
|
141
|
+
var totalPageNumbers = siblings * 2 + 3 + boundaries * 2;
|
|
142
|
+
/*
|
|
143
|
+
* If the number of pages is less than the page numbers we want to show in our
|
|
144
|
+
* paginationComponent, we return the range [1..total]
|
|
145
|
+
*/
|
|
146
|
+
if (totalPageNumbers >= total) {
|
|
147
|
+
return (0, common_1.range)(1, total);
|
|
148
|
+
}
|
|
149
|
+
var leftSiblingIndex = Math.max(activePage - siblings, boundaries);
|
|
150
|
+
var rightSiblingIndex = Math.min(activePage + siblings, total - boundaries);
|
|
151
|
+
/*
|
|
152
|
+
* We do not want to show dots if there is only one position left
|
|
153
|
+
* after/before the left/right page count as that would lead to a change if our Pagination
|
|
154
|
+
* component size which we do not want
|
|
155
|
+
*/
|
|
156
|
+
var shouldShowLeftDots = leftSiblingIndex > boundaries + 2;
|
|
157
|
+
var shouldShowRightDots = rightSiblingIndex < total - (boundaries + 1);
|
|
158
|
+
if (!shouldShowLeftDots && shouldShowRightDots) {
|
|
159
|
+
var leftItemCount = siblings * 2 + boundaries + 2;
|
|
160
|
+
return __spreadArray(__spreadArray(__spreadArray([], (0, common_1.range)(1, leftItemCount), true), [exports.DOTS], false), (0, common_1.range)(total - (boundaries - 1), total), true);
|
|
161
|
+
}
|
|
162
|
+
if (shouldShowLeftDots && !shouldShowRightDots) {
|
|
163
|
+
var rightItemCount = boundaries + 1 + 2 * siblings;
|
|
164
|
+
return __spreadArray(__spreadArray(__spreadArray([], (0, common_1.range)(1, boundaries), true), [exports.DOTS], false), (0, common_1.range)(total - rightItemCount, total), true);
|
|
165
|
+
}
|
|
166
|
+
return __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], (0, common_1.range)(1, boundaries), true), [
|
|
167
|
+
exports.DOTS
|
|
168
|
+
], false), (0, common_1.range)(leftSiblingIndex, rightSiblingIndex), true), [
|
|
169
|
+
exports.DOTS
|
|
170
|
+
], false), (0, common_1.range)(total - boundaries + 1, total), true);
|
|
171
|
+
}, [total, siblings, activePage]);
|
|
172
|
+
return {
|
|
173
|
+
range: paginationRange,
|
|
174
|
+
active: activePage,
|
|
175
|
+
setPage: setPage,
|
|
176
|
+
next: next,
|
|
177
|
+
previous: previous,
|
|
178
|
+
first: first,
|
|
179
|
+
last: last,
|
|
180
|
+
};
|
|
181
|
+
}
|
|
182
|
+
exports.usePagination = usePagination;
|
|
90
183
|
//# sourceMappingURL=hooks.js.map
|
package/dist/lib/hooks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/lib/hooks.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/lib/hooks.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codeleap/web",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.1",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
|
-
"repository":
|
|
7
|
-
|
|
6
|
+
"repository": {
|
|
7
|
+
"url": "https://github.com/codeleap-uk/internal-libs-monorepo.git",
|
|
8
|
+
"type": "git",
|
|
9
|
+
"directory": "packages/web"
|
|
10
|
+
},
|
|
8
11
|
"license": "UNLICENSED",
|
|
9
12
|
"devDependencies": {
|
|
10
13
|
"@codeleap/config": "*",
|