@modul/mbui 0.0.13-beta-pv-53036-69a68bb4 → 0.0.13-beta-pv-53127-63b6a630
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/Base/Input/Base.d.ts +4 -0
- package/dist/Base/Input/Base.js +20 -0
- package/dist/Base/Input/Base.js.map +1 -0
- package/dist/Base/Input/Input.d.ts +4 -0
- package/dist/Base/Input/Input.js +18 -0
- package/dist/Base/Input/Input.js.map +1 -0
- package/dist/Base/Input/index.d.ts +2 -0
- package/dist/Base/Input/index.js +7 -0
- package/dist/Base/Input/index.js.map +1 -0
- package/dist/Base/Input/types.d.ts +9 -0
- package/dist/Base/Input/types.js +3 -0
- package/dist/Base/Input/types.js.map +1 -0
- package/dist/Button/Button.d.ts +1 -1
- package/dist/Chip/Chip.d.ts +1 -1
- package/dist/Drawer/Drawer.js +1 -1
- package/dist/Drawer/Drawer.js.map +1 -1
- package/dist/{Alert/Alert.d.ts → Info/Info.d.ts} +4 -4
- package/dist/{Alert/Alert.js → Info/Info.js} +7 -7
- package/dist/Info/Info.js.map +1 -0
- package/dist/Info/index.d.ts +1 -0
- package/dist/Info/index.js +6 -0
- package/dist/Info/index.js.map +1 -0
- package/dist/Input/Input.js +1 -1
- package/dist/Input/Input.js.map +1 -1
- package/dist/Input/index.d.ts +0 -1
- package/dist/Input/index.js +1 -3
- package/dist/Input/index.js.map +1 -1
- package/dist/Input-OTP/Input.d.ts +4 -4
- package/dist/Page/Page.js +1 -1
- package/dist/Page/Page.js.map +1 -1
- package/dist/Progress/Progress.d.ts +4 -0
- package/dist/Progress/Progress.js +12 -0
- package/dist/Progress/Progress.js.map +1 -0
- package/dist/Progress/index.d.ts +1 -0
- package/dist/Progress/index.js +6 -0
- package/dist/Progress/index.js.map +1 -0
- package/dist/index.d.ts +20 -26
- package/dist/index.js +10 -31
- package/dist/index.js.map +1 -1
- package/package.json +4 -10
- package/src/@/config/index.ts +1 -0
- package/src/Drawer/Drawer.tsx +2 -2
- package/src/DrawerCompanyList/CompanyList.tsx +63 -0
- package/src/DrawerCompanyList/index.ts +1 -0
- package/src/{Alert/Alert.tsx → Info/Info.tsx} +6 -6
- package/src/Info/index.ts +1 -0
- package/src/Input/Input.tsx +1 -1
- package/src/Input/index.ts +1 -2
- package/src/Label/Label.tsx +1 -1
- package/src/Page/Page.tsx +1 -1
- package/src/Progress/Progress.tsx +23 -0
- package/src/Progress/index.ts +1 -0
- package/src/assets/css/global.css +10 -22
- package/src/index.ts +42 -48
- package/dist/Alert/Alert.js.map +0 -1
- package/dist/Alert/index.d.ts +0 -1
- package/dist/Alert/index.js +0 -6
- package/dist/Alert/index.js.map +0 -1
- package/dist/Calendar/Calendar.d.ts +0 -8
- package/dist/Calendar/Calendar.js +0 -45
- package/dist/Calendar/Calendar.js.map +0 -1
- package/dist/Calendar/index.d.ts +0 -1
- package/dist/Calendar/index.js +0 -6
- package/dist/Calendar/index.js.map +0 -1
- package/dist/DatePicker/DatePicker.d.ts +0 -9
- package/dist/DatePicker/DatePicker.js +0 -23
- package/dist/DatePicker/DatePicker.js.map +0 -1
- package/dist/DatePicker/index.d.ts +0 -1
- package/dist/DatePicker/index.js +0 -6
- package/dist/DatePicker/index.js.map +0 -1
- package/dist/Form/Form.d.ts +0 -23
- package/dist/Form/Form.js +0 -73
- package/dist/Form/Form.js.map +0 -1
- package/dist/Form/index.d.ts +0 -1
- package/dist/Form/index.js +0 -13
- package/dist/Form/index.js.map +0 -1
- package/dist/Input/InputMask.d.ts +0 -3
- package/dist/Input/InputMask.js +0 -12
- package/dist/Input/InputMask.js.map +0 -1
- package/dist/Label/Label.d.ts +0 -5
- package/dist/Label/Label.js +0 -13
- package/dist/Label/Label.js.map +0 -1
- package/dist/Label/index.d.ts +0 -1
- package/dist/Label/index.js +0 -6
- package/dist/Label/index.js.map +0 -1
- package/dist/Select/Select.d.ts +0 -3
- package/dist/Select/Select.js +0 -11
- package/dist/Select/Select.js.map +0 -1
- package/dist/Select/SelectAccountCard.d.ts +0 -4
- package/dist/Select/SelectAccountCard.js +0 -75
- package/dist/Select/SelectAccountCard.js.map +0 -1
- package/dist/Select/SelectAsync.d.ts +0 -8
- package/dist/Select/SelectAsync.js +0 -73
- package/dist/Select/SelectAsync.js.map +0 -1
- package/dist/Select/SelectBase.d.ts +0 -6
- package/dist/Select/SelectBase.js +0 -72
- package/dist/Select/SelectBase.js.map +0 -1
- package/dist/Select/index.d.ts +0 -4
- package/dist/Select/index.js +0 -12
- package/dist/Select/index.js.map +0 -1
- package/dist/Switch/Switch.d.ts +0 -4
- package/dist/Switch/Switch.js +0 -31
- package/dist/Switch/Switch.js.map +0 -1
- package/dist/Switch/index.d.ts +0 -1
- package/dist/Switch/index.js +0 -6
- package/dist/Switch/index.js.map +0 -1
- package/dist/Textarea/Textarea.d.ts +0 -5
- package/dist/Textarea/Textarea.js +0 -12
- package/dist/Textarea/Textarea.js.map +0 -1
- package/dist/Textarea/index.d.ts +0 -1
- package/dist/Textarea/index.js +0 -6
- package/dist/Textarea/index.js.map +0 -1
- package/src/Alert/index.ts +0 -1
- package/src/Calendar/Calendar.tsx +0 -61
- package/src/Calendar/index.ts +0 -1
- package/src/DatePicker/DatePicker.tsx +0 -38
- package/src/DatePicker/index.ts +0 -1
- package/src/Form/Form.tsx +0 -152
- package/src/Form/index.ts +0 -1
- package/src/Input/InputMask.tsx +0 -15
- package/src/Select/Select.tsx +0 -8
- package/src/Select/SelectAccountCard.tsx +0 -162
- package/src/Select/SelectAsync.tsx +0 -183
- package/src/Select/SelectBase.tsx +0 -181
- package/src/Select/index.ts +0 -4
- package/src/Switch/Switch.tsx +0 -47
- package/src/Switch/index.ts +0 -1
- package/src/Textarea/Textarea.tsx +0 -24
- package/src/Textarea/index.ts +0 -1
package/dist/Select/Select.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Select = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
const SelectBase_1 = require("./SelectBase");
|
|
7
|
-
const Select = (props) => {
|
|
8
|
-
return React.createElement(SelectBase_1.SelectBase, { ...props });
|
|
9
|
-
};
|
|
10
|
-
exports.Select = Select;
|
|
11
|
-
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,6CAAyC;AAEzC,MAAM,MAAM,GAAa,CAAC,KAAK,EAAE,EAAE;IAClC,OAAO,oBAAC,uBAAU,OAAM,KAAK,GAAG,CAAA;AACjC,CAAC,CAAA;AAEQ,wBAAM"}
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SelectAccountCard = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
const Icon_1 = require("../Icon");
|
|
7
|
-
const react_select_1 = (0, tslib_1.__importStar)(require("react-select"));
|
|
8
|
-
const utils_1 = require("../@/lib/utils");
|
|
9
|
-
const selectTriggerClasses = 'flex items-center bg-gradient-to-r from-[--cl-blue-3] to-primary shadow-[0px_8px_18px_0px_rgba(73,113,208,0.38)] px-[16px] py-[8px] border-none rounded-md min-h-[80px] text-left text-white cursor-pointer';
|
|
10
|
-
const colourStyles = {
|
|
11
|
-
control: () => ({}),
|
|
12
|
-
option: () => ({}),
|
|
13
|
-
input: () => ({}),
|
|
14
|
-
dropdownIndicator: () => ({}),
|
|
15
|
-
indicatorsContainer: () => ({}),
|
|
16
|
-
menu: () => ({}),
|
|
17
|
-
menuList: () => ({}),
|
|
18
|
-
singleValue: () => ({}),
|
|
19
|
-
valueContainer: () => ({}),
|
|
20
|
-
};
|
|
21
|
-
const Control = ({ children, ...props }) => {
|
|
22
|
-
const { isFocused } = props;
|
|
23
|
-
return (React.createElement(react_select_1.components.Control, { className: (0, utils_1.cn)(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused }), ...props }, children));
|
|
24
|
-
};
|
|
25
|
-
const optionClasses = 'flex items-center first:rounded-t-md last:rounded-b-md px-[12px] py-[16px] w-full cursor-default select-none outline-none';
|
|
26
|
-
const Option = ({ children, ...props }) => {
|
|
27
|
-
const { isSelected, isFocused, isDisabled,
|
|
28
|
-
// @ts-ignore
|
|
29
|
-
data: { label, account, balance, cur }, } = props;
|
|
30
|
-
return (React.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
|
|
31
|
-
React.createElement("span", { className: "flex basis-0 grow" },
|
|
32
|
-
React.createElement("span", null,
|
|
33
|
-
React.createElement("span", null, label),
|
|
34
|
-
React.createElement("br", null),
|
|
35
|
-
React.createElement("span", { className: "text-[14px] text-light" }, account)),
|
|
36
|
-
React.createElement("span", { className: "ml-auto shrink-0" },
|
|
37
|
-
balance,
|
|
38
|
-
"\u00A0",
|
|
39
|
-
cur)),
|
|
40
|
-
React.createElement("span", { className: "ml-[16px] w-[24px] h-[24px] shrink-0" }, isSelected && (React.createElement(Icon_1.CheckSmall, { width: "24", height: "24", className: "text-primary" })))));
|
|
41
|
-
};
|
|
42
|
-
const DropdownIndicator = ({ children, ...props }) => {
|
|
43
|
-
return (React.createElement(react_select_1.components.DropdownIndicator, { className: "shrink-0", ...props },
|
|
44
|
-
React.createElement(Icon_1.DropdownSmallOld, { className: "text-white", width: "16", height: "16" })));
|
|
45
|
-
};
|
|
46
|
-
const ValueContainer = ({ children, ...props }) => {
|
|
47
|
-
return (React.createElement(react_select_1.components.ValueContainer, { className: "flex-1 grid", ...props }, children));
|
|
48
|
-
};
|
|
49
|
-
const SingleValue = ({ children, ...props }) => {
|
|
50
|
-
// @ts-ignore
|
|
51
|
-
const { label, account, balance, cur } = props.data;
|
|
52
|
-
return (React.createElement(react_select_1.components.SingleValue, { className: "col-start-1 col-end-3 row-start-1 row-end-2", ...props },
|
|
53
|
-
React.createElement("span", { className: "block max-w-full text-[16px] truncate leading-[1.5]" },
|
|
54
|
-
label,
|
|
55
|
-
" ",
|
|
56
|
-
React.createElement("span", { className: "opacity-75 text-[14px] leading-[1.42]" }, account)),
|
|
57
|
-
React.createElement("span", { className: "block mt-[8px] font-medium text-[24px] leading-[1.333]" },
|
|
58
|
-
balance,
|
|
59
|
-
" ",
|
|
60
|
-
cur)));
|
|
61
|
-
};
|
|
62
|
-
const Menu = ({ children, ...props }) => {
|
|
63
|
-
return (React.createElement(react_select_1.components.Menu, { className: "z-[1] absolute inset-x-0 bg-page shadow-md mt-[8px] rounded-md", ...props }, children));
|
|
64
|
-
};
|
|
65
|
-
const SelectAccountCard = React.forwardRef(({ ...props }, ref) => (React.createElement(react_select_1.default, { isSearchable: false, components: {
|
|
66
|
-
Control,
|
|
67
|
-
Option,
|
|
68
|
-
SingleValue,
|
|
69
|
-
DropdownIndicator,
|
|
70
|
-
IndicatorSeparator: () => null,
|
|
71
|
-
Menu,
|
|
72
|
-
ValueContainer,
|
|
73
|
-
}, styles: colourStyles, unstyled: true, ...props })));
|
|
74
|
-
exports.SelectAccountCard = SelectAccountCard;
|
|
75
|
-
//# sourceMappingURL=SelectAccountCard.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectAccountCard.js","sourceRoot":"","sources":["../../src/Select/SelectAccountCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SelectAsync = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
const Icon_1 = require("../Icon");
|
|
7
|
-
const react_select_1 = require("react-select");
|
|
8
|
-
const async_1 = (0, tslib_1.__importDefault)(require("react-select/async"));
|
|
9
|
-
const utils_1 = require("../@/lib/utils");
|
|
10
|
-
const selectTriggerClasses = 'flex items-center border-[1px] border-input rounded-sm h-[44px] text-left px-[16px] py-[12px] cursor-pointer';
|
|
11
|
-
const colourStyles = {
|
|
12
|
-
control: () => ({}),
|
|
13
|
-
option: () => ({}),
|
|
14
|
-
input: () => ({}),
|
|
15
|
-
dropdownIndicator: () => ({}),
|
|
16
|
-
indicatorsContainer: () => ({}),
|
|
17
|
-
menu: () => ({}),
|
|
18
|
-
menuList: () => ({}),
|
|
19
|
-
singleValue: () => ({}),
|
|
20
|
-
valueContainer: () => ({}),
|
|
21
|
-
};
|
|
22
|
-
const Input = ({ ...props }) => {
|
|
23
|
-
return React.createElement(react_select_1.components.Input, { className: 'col-start-1 col-end-3 row-start-1 row-end-2', ...props });
|
|
24
|
-
};
|
|
25
|
-
const Control = ({ children, ...props }) => {
|
|
26
|
-
const { isFocused } = props;
|
|
27
|
-
return (React.createElement(react_select_1.components.Control, { className: (0, utils_1.cn)(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused }), ...props }, children));
|
|
28
|
-
};
|
|
29
|
-
const optionClasses = 'flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none';
|
|
30
|
-
const Option = ({ children, ...props }) => {
|
|
31
|
-
const { isSelected, isFocused, isDisabled, } = props;
|
|
32
|
-
return (React.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
|
|
33
|
-
React.createElement("span", { className: "flex basis-0 grow" }, children),
|
|
34
|
-
React.createElement("span", { className: "ml-[16px] w-[24px] h-[24px] shrink-0" }, isSelected && (React.createElement(Icon_1.CheckSmall, { width: "24", height: "24", className: "text-primary" })))));
|
|
35
|
-
};
|
|
36
|
-
const IndicatorsContainer = ({ children, ...props }) => {
|
|
37
|
-
return (React.createElement(react_select_1.components.IndicatorsContainer, { className: 'flex items-center gap-x-[8px] shrink-0', ...props }, children));
|
|
38
|
-
};
|
|
39
|
-
const LoadingIndicator = ({ ...props }) => {
|
|
40
|
-
return (React.createElement(react_select_1.components.LoadingIndicator, { className: 'text-light shrink-0', ...props }));
|
|
41
|
-
};
|
|
42
|
-
const DropdownIndicator = ({ children, ...props }) => {
|
|
43
|
-
return (React.createElement(react_select_1.components.DropdownIndicator, { className: "shrink-0", ...props },
|
|
44
|
-
React.createElement(Icon_1.DropdownSmallOld, { className: "text-light", width: "12", height: "12" })));
|
|
45
|
-
};
|
|
46
|
-
const ValueContainer = ({ children, ...props }) => {
|
|
47
|
-
return (React.createElement(react_select_1.components.ValueContainer, { className: "flex-1 grid", ...props }, children));
|
|
48
|
-
};
|
|
49
|
-
const SingleValue = ({ children, ...props }) => {
|
|
50
|
-
return (React.createElement(react_select_1.components.SingleValue, { className: "col-start-1 col-end-3 row-start-1 row-end-2", ...props }, children));
|
|
51
|
-
};
|
|
52
|
-
const Menu = ({ children, ...props }) => {
|
|
53
|
-
return (React.createElement(react_select_1.components.Menu, { className: "z-[1] absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-sm", ...props }, children));
|
|
54
|
-
};
|
|
55
|
-
const Placeholder = ({ children, ...props }) => {
|
|
56
|
-
return (React.createElement(react_select_1.components.Placeholder, { className: "col-start-1 col-end-3 row-start-1 row-end-2 text-[16px] text-light truncate", ...props }, children));
|
|
57
|
-
};
|
|
58
|
-
const SelectAsync = ({ ...props }) => (React.createElement(async_1.default, { components: {
|
|
59
|
-
Control,
|
|
60
|
-
Option,
|
|
61
|
-
SingleValue,
|
|
62
|
-
DropdownIndicator,
|
|
63
|
-
IndicatorSeparator: () => null,
|
|
64
|
-
Menu,
|
|
65
|
-
ValueContainer,
|
|
66
|
-
Placeholder,
|
|
67
|
-
Input,
|
|
68
|
-
LoadingIndicator,
|
|
69
|
-
IndicatorsContainer
|
|
70
|
-
}, styles: colourStyles, unstyled: true, ...props }));
|
|
71
|
-
exports.SelectAsync = SelectAsync;
|
|
72
|
-
SelectAsync.displayName = 'SelectAsync';
|
|
73
|
-
//# sourceMappingURL=SelectAsync.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectAsync.js","sourceRoot":"","sources":["../../src/Select/SelectAsync.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SelectBase = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
const Icon_1 = require("../Icon");
|
|
7
|
-
const react_select_1 = (0, tslib_1.__importStar)(require("react-select"));
|
|
8
|
-
const utils_1 = require("../@/lib/utils");
|
|
9
|
-
const selectTriggerClasses = 'flex items-center border-[1px] border-input rounded-sm h-[44px] text-left px-[16px] py-[12px] cursor-pointer';
|
|
10
|
-
const colourStyles = {
|
|
11
|
-
control: () => ({}),
|
|
12
|
-
option: () => ({}),
|
|
13
|
-
input: () => ({}),
|
|
14
|
-
dropdownIndicator: () => ({}),
|
|
15
|
-
indicatorsContainer: () => ({}),
|
|
16
|
-
menu: () => ({}),
|
|
17
|
-
menuList: () => ({}),
|
|
18
|
-
singleValue: () => ({}),
|
|
19
|
-
valueContainer: () => ({}),
|
|
20
|
-
};
|
|
21
|
-
const Input = ({ ...props }) => {
|
|
22
|
-
return React.createElement(react_select_1.components.Input, { className: 'col-start-1 col-end-3 row-start-1 row-end-2', ...props });
|
|
23
|
-
};
|
|
24
|
-
const Control = ({ children, ...props }) => {
|
|
25
|
-
const { isFocused } = props;
|
|
26
|
-
return (React.createElement(react_select_1.components.Control, { className: (0, utils_1.cn)(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused }), ...props }, children));
|
|
27
|
-
};
|
|
28
|
-
const optionClasses = 'flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none';
|
|
29
|
-
const Option = ({ children, ...props }) => {
|
|
30
|
-
const { isSelected, isFocused, isDisabled, } = props;
|
|
31
|
-
return (React.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
|
|
32
|
-
React.createElement("span", { className: "flex basis-0 grow" }, children),
|
|
33
|
-
React.createElement("span", { className: "ml-[16px] w-[24px] h-[24px] shrink-0" }, isSelected && (React.createElement(Icon_1.CheckSmall, { width: "24", height: "24", className: "text-primary" })))));
|
|
34
|
-
};
|
|
35
|
-
const IndicatorsContainer = ({ children, ...props }) => {
|
|
36
|
-
return (React.createElement(react_select_1.components.IndicatorsContainer, { className: 'flex items-center gap-x-[8px] shrink-0', ...props }, children));
|
|
37
|
-
};
|
|
38
|
-
const LoadingIndicator = ({ ...props }) => {
|
|
39
|
-
return (React.createElement(react_select_1.components.LoadingIndicator, { className: 'text-light shrink-0', ...props }));
|
|
40
|
-
};
|
|
41
|
-
const DropdownIndicator = ({ children, ...props }) => {
|
|
42
|
-
return (React.createElement(react_select_1.components.DropdownIndicator, { className: "shrink-0", ...props },
|
|
43
|
-
React.createElement(Icon_1.DropdownSmallOld, { className: "text-light", width: "12", height: "12" })));
|
|
44
|
-
};
|
|
45
|
-
const ValueContainer = ({ children, ...props }) => {
|
|
46
|
-
return (React.createElement(react_select_1.components.ValueContainer, { className: "flex-1 grid", ...props }, children));
|
|
47
|
-
};
|
|
48
|
-
const SingleValue = ({ children, ...props }) => {
|
|
49
|
-
return (React.createElement(react_select_1.components.SingleValue, { className: "col-start-1 col-end-3 row-start-1 row-end-2", ...props }, children));
|
|
50
|
-
};
|
|
51
|
-
const Menu = ({ children, ...props }) => {
|
|
52
|
-
return (React.createElement(react_select_1.components.Menu, { className: "z-[1] absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-sm", ...props }, children));
|
|
53
|
-
};
|
|
54
|
-
const Placeholder = ({ children, ...props }) => {
|
|
55
|
-
return (React.createElement(react_select_1.components.Placeholder, { className: "col-start-1 col-end-3 row-start-1 row-end-2 text-[16px] text-light truncate", ...props }, children));
|
|
56
|
-
};
|
|
57
|
-
const SelectBase = (props) => (React.createElement(react_select_1.default, { components: {
|
|
58
|
-
Control,
|
|
59
|
-
Option,
|
|
60
|
-
SingleValue,
|
|
61
|
-
DropdownIndicator,
|
|
62
|
-
IndicatorSeparator: () => null,
|
|
63
|
-
Menu,
|
|
64
|
-
ValueContainer,
|
|
65
|
-
Placeholder,
|
|
66
|
-
Input,
|
|
67
|
-
LoadingIndicator,
|
|
68
|
-
IndicatorsContainer
|
|
69
|
-
}, styles: colourStyles, unstyled: true, ...props }));
|
|
70
|
-
exports.SelectBase = SelectBase;
|
|
71
|
-
SelectBase.displayName = 'SelectBase';
|
|
72
|
-
//# sourceMappingURL=SelectBase.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectBase.js","sourceRoot":"","sources":["../../src/Select/SelectBase.tsx"],"names":[],"mappings":"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"}
|
package/dist/Select/index.d.ts
DELETED
package/dist/Select/index.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Select = exports.SelectBase = exports.SelectAsync = exports.SelectAccountCard = void 0;
|
|
4
|
-
var SelectAccountCard_1 = require("./SelectAccountCard");
|
|
5
|
-
Object.defineProperty(exports, "SelectAccountCard", { enumerable: true, get: function () { return SelectAccountCard_1.SelectAccountCard; } });
|
|
6
|
-
var SelectAsync_1 = require("./SelectAsync");
|
|
7
|
-
Object.defineProperty(exports, "SelectAsync", { enumerable: true, get: function () { return SelectAsync_1.SelectAsync; } });
|
|
8
|
-
var SelectBase_1 = require("./SelectBase");
|
|
9
|
-
Object.defineProperty(exports, "SelectBase", { enumerable: true, get: function () { return SelectBase_1.SelectBase; } });
|
|
10
|
-
var Select_1 = require("./Select");
|
|
11
|
-
Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
|
|
12
|
-
//# sourceMappingURL=index.js.map
|
package/dist/Select/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Select/index.ts"],"names":[],"mappings":";;;AAAA,yDAAuD;AAA9C,sHAAA,iBAAiB,OAAA;AAC1B,6CAA2C;AAAlC,0GAAA,WAAW,OAAA;AACpB,2CAAyC;AAAhC,wGAAA,UAAU,OAAA;AACnB,mCAAiC;AAAxB,gGAAA,MAAM,OAAA"}
|
package/dist/Switch/Switch.d.ts
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import * as SwitchPrimitives from "@radix-ui/react-switch";
|
|
3
|
-
declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
4
|
-
export { Switch };
|
package/dist/Switch/Switch.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Switch = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
const SwitchPrimitives = (0, tslib_1.__importStar)(require("@radix-ui/react-switch"));
|
|
7
|
-
const utils_1 = require("../@/lib/utils");
|
|
8
|
-
const rootClasses = `
|
|
9
|
-
inline-flex items-center bg-light
|
|
10
|
-
data-[state=checked]:bg-primary data-[state=unchecked]:bg-input
|
|
11
|
-
disabled:opacity-50 shadow-sm rounded-full
|
|
12
|
-
focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2
|
|
13
|
-
w-[32px] h-[18px]
|
|
14
|
-
transition-colors cursor-pointer
|
|
15
|
-
disabled:cursor-not-allowed peer shrink-0
|
|
16
|
-
focus-visible:outline-none
|
|
17
|
-
`;
|
|
18
|
-
const ThumbClasses = `
|
|
19
|
-
border-2 border-input data-[state=checked]:border-primary
|
|
20
|
-
bg-page shadow-md rounded-full ring-0
|
|
21
|
-
w-[18px] h-[18px]
|
|
22
|
-
transition-transform
|
|
23
|
-
data-[state=checked]:translate-x-[14px] data-[state=unchecked]:translate-x-0
|
|
24
|
-
pointer-events-none
|
|
25
|
-
`;
|
|
26
|
-
const Switch = React.forwardRef(({ className, ...props }, ref) => (React.createElement(SwitchPrimitives.Root, { className: (0, utils_1.cn)(rootClasses, className), ...props, ref: ref },
|
|
27
|
-
React.createElement("span", { className: "" }),
|
|
28
|
-
React.createElement(SwitchPrimitives.Thumb, { className: ThumbClasses }))));
|
|
29
|
-
exports.Switch = Switch;
|
|
30
|
-
Switch.displayName = SwitchPrimitives.Root.displayName;
|
|
31
|
-
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":";;;;AACA,0DAA8B;AAC9B,sFAA0D;AAE1D,0CAAmC;AAEnC,MAAM,WAAW,GAAG;;;;;;;;;CASnB,CAAA;AACD,MAAM,YAAY,GAAG;;;;;;;CAOpB,CAAA;AAED,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,gBAAgB,CAAC,IAAI,IACpB,SAAS,EAAE,IAAA,UAAE,EAChB,WAAW,EACN,SAAS,CACV,KACG,KAAK,EACT,GAAG,EAAE,GAAG;IAEX,8BAAM,SAAS,EAAC,EAAE,GAAQ;IACvB,oBAAC,gBAAgB,CAAC,KAAK,IACrB,SAAS,EAAE,YAAY,GACvB,CACoB,CACzB,CAAC,CAAA;AAIO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAA"}
|
package/dist/Switch/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Switch } from './Switch';
|
package/dist/Switch/index.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Switch = void 0;
|
|
4
|
-
var Switch_1 = require("./Switch");
|
|
5
|
-
Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
|
|
6
|
-
//# sourceMappingURL=index.js.map
|
package/dist/Switch/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Switch/index.ts"],"names":[],"mappings":";;;AAAA,mCAAiC;AAAxB,gGAAA,MAAM,OAAA"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Textarea = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
const utils_1 = require("../@/lib/utils");
|
|
7
|
-
const Textarea = React.forwardRef(({ className, ...props }, ref) => {
|
|
8
|
-
return (React.createElement("textarea", { className: (0, utils_1.cn)("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 placeholder:text-light focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref, ...props }));
|
|
9
|
-
});
|
|
10
|
-
exports.Textarea = Textarea;
|
|
11
|
-
Textarea.displayName = "Textarea";
|
|
12
|
-
//# sourceMappingURL=Textarea.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAE9B,0CAAmC;AAKnC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/B,OAAO,CACL,kCACE,SAAS,EAAE,IAAA,UAAE,EACX,iOAAiO,EACjO,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
|
package/dist/Textarea/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Textarea } from './Textarea';
|
package/dist/Textarea/index.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Textarea = void 0;
|
|
4
|
-
var Textarea_1 = require("./Textarea");
|
|
5
|
-
Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return Textarea_1.Textarea; } });
|
|
6
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Textarea/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA"}
|
package/src/Alert/index.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Alert } from './Alert'
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import * as React from 'react'
|
|
2
|
-
import { DayPicker } from 'react-day-picker'
|
|
3
|
-
import { cn } from '../@/lib/utils'
|
|
4
|
-
import { ru } from 'date-fns/locale'
|
|
5
|
-
|
|
6
|
-
const daySelectedClasses = 'bg-btn-primary text-btn-primary rounded-sm'
|
|
7
|
-
const dayTodayClasses = 'bg-btn-secondary text-btn-secondary rounded-sm'
|
|
8
|
-
const rangeMiddleClasses = 'date-range-middle aria-selected:bg-btn-primary/50 aria-selected:text-white'
|
|
9
|
-
const btnNavClasses =
|
|
10
|
-
'opacity-50 hover:opacity-100 ring-offset-2 focus-visible:opacity-100 focus-visible:outline-primary border-input border rounded-sm shadow-sm'
|
|
11
|
-
|
|
12
|
-
export type CalendarProps = React.ComponentProps<typeof DayPicker>
|
|
13
|
-
function Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {
|
|
14
|
-
return (
|
|
15
|
-
<DayPicker
|
|
16
|
-
locale={ru}
|
|
17
|
-
showOutsideDays={showOutsideDays}
|
|
18
|
-
className={cn('inline-flex', className)}
|
|
19
|
-
classNames={{
|
|
20
|
-
months: 'relative',
|
|
21
|
-
month: 'flex flex-col space-y-[16px] items-center',
|
|
22
|
-
month_grid: 'w-full border-collapse',
|
|
23
|
-
month_caption: 'inline m-x-auto',
|
|
24
|
-
caption_label: 'text-sm font-medium capitalize',
|
|
25
|
-
nav: 'flex justify-between absolute start-0 end-0',
|
|
26
|
-
button_previous: btnNavClasses,
|
|
27
|
-
button_next: btnNavClasses,
|
|
28
|
-
weekdays: 'flex',
|
|
29
|
-
weekday: 'text-light w-[32px] font-normal text-[14px]',
|
|
30
|
-
week: 'flex w-full mt-2',
|
|
31
|
-
day_button: 'w-[32px] h-[32px] p-0',
|
|
32
|
-
day: cn(
|
|
33
|
-
'aria-selected:opacity-100 text-[14px] leading-[1]',
|
|
34
|
-
props.mode === 'range'
|
|
35
|
-
? '[&:(.day-range-middle)]:rounded-0 [&:has(>.day-range-end)]:rounded-r-sm [&:has(>.day-range-start)]:rounded-l-sm first:[&:has([aria-selected])]:rounded-l-sm last:[&:has([aria-selected])]:rounded-r-sm'
|
|
36
|
-
: '[&:([aria-selected])]:rounded-sm'
|
|
37
|
-
),
|
|
38
|
-
range_start: 'day-range-start',
|
|
39
|
-
range_end: 'day-range-end',
|
|
40
|
-
range_middle: rangeMiddleClasses,
|
|
41
|
-
selected: daySelectedClasses,
|
|
42
|
-
today: dayTodayClasses,
|
|
43
|
-
outside:
|
|
44
|
-
'day-outside opacity-50 aria-selected:bg-primary aria-selected:text-[white] aria-selected:opacity-30',
|
|
45
|
-
disabled: 'text-light opacity-50',
|
|
46
|
-
hidden: 'invisible',
|
|
47
|
-
...classNames,
|
|
48
|
-
}}
|
|
49
|
-
components={
|
|
50
|
-
{
|
|
51
|
-
// Chevron: () => <Left className="w-4 h-4" />,
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
{...props}
|
|
55
|
-
/>
|
|
56
|
-
)
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
Calendar.displayName = 'Calendar'
|
|
60
|
-
|
|
61
|
-
export { Calendar }
|
package/src/Calendar/index.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Calendar } from './Calendar'
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import * as React from 'react'
|
|
2
|
-
import { format } from 'date-fns'
|
|
3
|
-
import { cn } from '../@/lib/utils'
|
|
4
|
-
import { Calendar } from '../Calendar'
|
|
5
|
-
import { Calendar as CalendarIcon } from '../Icon'
|
|
6
|
-
import { Popover } from '../Popover'
|
|
7
|
-
import { ru } from 'date-fns/locale'
|
|
8
|
-
|
|
9
|
-
const trigegrClasses = 'inline-flex items-center border-input px-[12px] border rounded-sm h-[44px] text-left'
|
|
10
|
-
|
|
11
|
-
interface IProps {
|
|
12
|
-
placeholder?: string,
|
|
13
|
-
date: Date,
|
|
14
|
-
classTrigger?: string,
|
|
15
|
-
triggerDisabled: boolean,
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
const DatePicker: React.FC<IProps> = ({placeholder, triggerDisabled, date, classTrigger, ...props}) => {
|
|
19
|
-
|
|
20
|
-
return (
|
|
21
|
-
<Popover>
|
|
22
|
-
<Popover.Trigger asChild>
|
|
23
|
-
<button className={cn(trigegrClasses, {'bg-light text-light':triggerDisabled}, classTrigger)} disabled={triggerDisabled}>
|
|
24
|
-
{date ? <span className='w-[calc(100%-26px)] truncate'>{format(date ,'PPP', {locale: ru})}</span> : <span className='w-[calc(100%-26px)] text-light truncate'>{placeholder}</span>}
|
|
25
|
-
<CalendarIcon width={18} height={18} className="ml-[8px] text-light shrink-0" />
|
|
26
|
-
</button>
|
|
27
|
-
</Popover.Trigger>
|
|
28
|
-
<Popover.Content
|
|
29
|
-
className="bg-page p-0 w-auto"
|
|
30
|
-
align="center"
|
|
31
|
-
>
|
|
32
|
-
<Calendar {...props}/>
|
|
33
|
-
</Popover.Content>
|
|
34
|
-
</Popover>
|
|
35
|
-
)
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
export { DatePicker }
|
package/src/DatePicker/index.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DatePicker } from './DatePicker'
|