@monolith-forensics/monolith-ui 1.1.28 → 1.1.29

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.
Files changed (135) hide show
  1. package/package.json +3 -2
  2. package/dist/Button/Button.d.ts +0 -19
  3. package/dist/Button/Button.js +0 -332
  4. package/dist/Button/index.d.ts +0 -2
  5. package/dist/Button/index.js +0 -8
  6. package/dist/Calendar/Calendar.d.ts +0 -15
  7. package/dist/Calendar/Calendar.js +0 -232
  8. package/dist/Calendar/CalendarStyles.d.ts +0 -36
  9. package/dist/Calendar/CalendarStyles.js +0 -170
  10. package/dist/Calendar/calendarHelpers.d.ts +0 -53
  11. package/dist/Calendar/calendarHelpers.js +0 -181
  12. package/dist/Calendar/index.d.ts +0 -1
  13. package/dist/Calendar/index.js +0 -8
  14. package/dist/CheckBox/CheckBox.d.ts +0 -13
  15. package/dist/CheckBox/CheckBox.js +0 -46
  16. package/dist/CheckBox/index.d.ts +0 -1
  17. package/dist/CheckBox/index.js +0 -8
  18. package/dist/DateInput/DateInput.d.ts +0 -24
  19. package/dist/DateInput/DateInput.js +0 -509
  20. package/dist/DateInput/index.d.ts +0 -1
  21. package/dist/DateInput/index.js +0 -8
  22. package/dist/DropDownMenu/DropDownMenu.d.ts +0 -36
  23. package/dist/DropDownMenu/DropDownMenu.js +0 -213
  24. package/dist/DropDownMenu/index.d.ts +0 -1
  25. package/dist/DropDownMenu/index.js +0 -8
  26. package/dist/Error/Error.d.ts +0 -4
  27. package/dist/Error/Error.js +0 -38
  28. package/dist/Error/index.d.ts +0 -1
  29. package/dist/Error/index.js +0 -8
  30. package/dist/FieldLabel/FieldLabel.d.ts +0 -19
  31. package/dist/FieldLabel/FieldLabel.js +0 -119
  32. package/dist/FieldLabel/index.d.ts +0 -1
  33. package/dist/FieldLabel/index.js +0 -8
  34. package/dist/FileInputField/FileInputField.d.ts +0 -19
  35. package/dist/FileInputField/FileInputField.js +0 -117
  36. package/dist/FileInputField/index.d.ts +0 -1
  37. package/dist/FileInputField/index.js +0 -8
  38. package/dist/Flyout/Flyout.d.ts +0 -11
  39. package/dist/Flyout/Flyout.js +0 -111
  40. package/dist/Flyout/FlyoutHeader.d.ts +0 -5
  41. package/dist/Flyout/FlyoutHeader.js +0 -12
  42. package/dist/Flyout/FlyoutTitle.d.ts +0 -2
  43. package/dist/Flyout/FlyoutTitle.js +0 -13
  44. package/dist/Flyout/index.d.ts +0 -3
  45. package/dist/Flyout/index.js +0 -12
  46. package/dist/FormSection/FormSection.d.ts +0 -9
  47. package/dist/FormSection/FormSection.js +0 -51
  48. package/dist/FormSection/index.d.ts +0 -1
  49. package/dist/FormSection/index.js +0 -8
  50. package/dist/Grid/Grid.d.ts +0 -8
  51. package/dist/Grid/Grid.js +0 -18
  52. package/dist/Grid/index.d.ts +0 -1
  53. package/dist/Grid/index.js +0 -8
  54. package/dist/IconButton/IconButton.d.ts +0 -5
  55. package/dist/IconButton/IconButton.js +0 -30
  56. package/dist/IconButton/index.d.ts +0 -1
  57. package/dist/IconButton/index.js +0 -8
  58. package/dist/Input/Input.d.ts +0 -21
  59. package/dist/Input/Input.js +0 -149
  60. package/dist/Input/index.d.ts +0 -1
  61. package/dist/Input/index.js +0 -8
  62. package/dist/Modal/Modal.d.ts +0 -14
  63. package/dist/Modal/Modal.js +0 -110
  64. package/dist/Modal/index.d.ts +0 -1
  65. package/dist/Modal/index.js +0 -8
  66. package/dist/MonolithUIProvider/GlobalStyle.d.ts +0 -4
  67. package/dist/MonolithUIProvider/GlobalStyle.js +0 -53
  68. package/dist/MonolithUIProvider/MonolithUIProvider.d.ts +0 -9
  69. package/dist/MonolithUIProvider/MonolithUIProvider.js +0 -29
  70. package/dist/MonolithUIProvider/index.d.ts +0 -2
  71. package/dist/MonolithUIProvider/index.js +0 -10
  72. package/dist/MonolithUIProvider/useMonolithUITheme.d.ts +0 -2
  73. package/dist/MonolithUIProvider/useMonolithUITheme.js +0 -12
  74. package/dist/Pill/Pill.d.ts +0 -11
  75. package/dist/Pill/Pill.js +0 -152
  76. package/dist/Pill/index.d.ts +0 -1
  77. package/dist/Pill/index.js +0 -8
  78. package/dist/SelectBox/SelectBox.d.ts +0 -45
  79. package/dist/SelectBox/SelectBox.js +0 -477
  80. package/dist/SelectBox/index.d.ts +0 -1
  81. package/dist/SelectBox/index.js +0 -8
  82. package/dist/Switch/Switch.d.ts +0 -18
  83. package/dist/Switch/Switch.js +0 -157
  84. package/dist/Switch/index.d.ts +0 -1
  85. package/dist/Switch/index.js +0 -8
  86. package/dist/Table/Table.d.ts +0 -91
  87. package/dist/Table/Table.js +0 -715
  88. package/dist/Table/index.d.ts +0 -2
  89. package/dist/Table/index.js +0 -10
  90. package/dist/TagBox/TagBox.d.ts +0 -39
  91. package/dist/TagBox/TagBox.js +0 -590
  92. package/dist/TagBox/TagBoxStyles.d.ts +0 -11
  93. package/dist/TagBox/TagBoxStyles.js +0 -113
  94. package/dist/TagBox/index.d.ts +0 -1
  95. package/dist/TagBox/index.js +0 -8
  96. package/dist/TextArea/TextArea.d.ts +0 -16
  97. package/dist/TextArea/TextArea.js +0 -81
  98. package/dist/TextArea/index.d.ts +0 -1
  99. package/dist/TextArea/index.js +0 -8
  100. package/dist/TextAreaInput/TextAreaInput.d.ts +0 -19
  101. package/dist/TextAreaInput/TextAreaInput.js +0 -11
  102. package/dist/TextAreaInput/index.d.ts +0 -1
  103. package/dist/TextAreaInput/index.js +0 -8
  104. package/dist/TextInput/TextInput.d.ts +0 -13
  105. package/dist/TextInput/TextInput.js +0 -31
  106. package/dist/TextInput/index.d.ts +0 -1
  107. package/dist/TextInput/index.js +0 -8
  108. package/dist/Tooltip/Tooltip.d.ts +0 -12
  109. package/dist/Tooltip/Tooltip.js +0 -53
  110. package/dist/Tooltip/index.d.ts +0 -1
  111. package/dist/Tooltip/index.js +0 -8
  112. package/dist/core/ArrowButton.d.ts +0 -6
  113. package/dist/core/ArrowButton.js +0 -48
  114. package/dist/core/ClearButton.d.ts +0 -6
  115. package/dist/core/ClearButton.js +0 -48
  116. package/dist/core/MonolithThemeProvider.d.ts +0 -4
  117. package/dist/core/MonolithThemeProvider.js +0 -20
  118. package/dist/core/StyledContent.d.ts +0 -7
  119. package/dist/core/StyledContent.js +0 -47
  120. package/dist/core/StyledFloatContainer.d.ts +0 -2
  121. package/dist/core/StyledFloatContainer.js +0 -10
  122. package/dist/core/Types/Size.d.ts +0 -2
  123. package/dist/core/Types/Size.js +0 -2
  124. package/dist/core/Types/Variant.d.ts +0 -2
  125. package/dist/core/Types/Variant.js +0 -2
  126. package/dist/core/index.d.ts +0 -6
  127. package/dist/core/index.js +0 -14
  128. package/dist/index.d.ts +0 -26
  129. package/dist/index.js +0 -59
  130. package/dist/theme/index.d.ts +0 -168
  131. package/dist/theme/index.js +0 -14
  132. package/dist/theme/typography.d.ts +0 -45
  133. package/dist/theme/typography.js +0 -59
  134. package/dist/theme/variants.d.ts +0 -172
  135. package/dist/theme/variants.js +0 -276
@@ -1,113 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.TagBoxOption = exports.TagBoxOptions = exports.TagKillButton = exports.TagText = exports.Tag = exports.TagBoxInput = exports.TagsContainer = exports.TagBoxInner = exports.TagBoxContainer = void 0;
7
- const styled_components_1 = __importDefault(require("styled-components"));
8
- const lucide_react_1 = require("lucide-react");
9
- exports.TagBoxContainer = styled_components_1.default.div `
10
- width: 100%;
11
- `;
12
- exports.TagBoxInner = styled_components_1.default.div `
13
- height: 33px;
14
- display: flex;
15
- border: 1px solid ${(props) => props.theme.palette.input.border};
16
- color: ${(props) => props.theme.palette.text.primary};
17
- outline: none;
18
- padding: 8px 8px;
19
- width: 100%;
20
- background-color: ${(props) => props.theme.palette.input.background};
21
- border-radius: 5px;
22
- transition: border 0.1s ease-in-out;
23
- overflow-x: hidden;
24
- &:focus {
25
- border: 1px solid ${(props) => props.theme.palette.primary.main};
26
- }
27
- `;
28
- exports.TagsContainer = styled_components_1.default.div `
29
- display: flex;
30
- -webkit-box-align: center;
31
- align-items: center;
32
- flex-wrap: nowrap;
33
- margin-left: calc(-5px);
34
- box-sizing: border-box;
35
- `;
36
- exports.TagBoxInput = styled_components_1.default.input `
37
- border: none;
38
- outline: none;
39
- width: 100%;
40
- min-width: 50px;
41
- background-color: transparent;
42
- color: ${(props) => props.theme.palette.text.primary};
43
- &:focus {
44
- border: none;
45
- outline: none;
46
- }
47
- `;
48
- exports.Tag = styled_components_1.default.div `
49
- display: flex;
50
- -webkit-box-align: center;
51
- align-items: center;
52
- background-color: rgb(26, 27, 30);
53
- color: rgb(193, 194, 197);
54
- height: 22px;
55
- padding-left: 10px;
56
- padding-right: 0px;
57
- font-weight: 500;
58
- font-size: 12px;
59
- border-radius: 4px;
60
- cursor: default;
61
- user-select: none;
62
- max-width: 120px;
63
- margin: calc(3px) calc(5px);
64
- `;
65
- exports.TagText = styled_components_1.default.div `
66
- display: flex;
67
- -webkit-box-align: center;
68
- align-items: center;
69
- background-color: rgb(26, 27, 30);
70
- color: rgb(193, 194, 197);
71
- height: 22px;
72
- padding-right: 0px;
73
- font-weight: 500;
74
- font-size: 12px;
75
- border-radius: 4px;
76
- cursor: default;
77
- user-select: none;
78
- max-width: 75px;
79
- white-space: nowrap;
80
- overflow: hidden;
81
- text-overflow: ellipsis;
82
- `;
83
- exports.TagKillButton = (0, styled_components_1.default)(lucide_react_1.XIcon) `
84
- -webkit-tap-highlight-color: transparent;
85
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
86
- Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
87
- cursor: pointer;
88
- appearance: none;
89
- text-align: left;
90
- text-decoration: none;
91
- box-sizing: border-box;
92
- border: 1px solid transparent;
93
- background-color: transparent;
94
- position: relative;
95
- height: 19px;
96
- min-height: 19px;
97
- width: 22px;
98
- min-width: 19px;
99
- border-radius: 2px;
100
- line-height: 1;
101
- display: flex;
102
- -webkit-box-align: center;
103
- align-items: center;
104
- -webkit-box-pack: center;
105
- justify-content: center;
106
- color: rgb(193, 194, 197);
107
- padding: 0px 3px;
108
- &:hover {
109
- color: rgb(255, 255, 255);
110
- }
111
- `;
112
- exports.TagBoxOptions = styled_components_1.default.div ``;
113
- exports.TagBoxOption = styled_components_1.default.div ``;
@@ -1 +0,0 @@
1
- export { default } from "./TagBox";
@@ -1,8 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.default = void 0;
7
- var TagBox_1 = require("./TagBox");
8
- Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(TagBox_1).default; } });
@@ -1,16 +0,0 @@
1
- import { Size, Variant } from "../core";
2
- interface TextAreaProps {
3
- ref?: React.Ref<HTMLTextAreaElement>;
4
- className?: string;
5
- size?: Size;
6
- variant?: Variant;
7
- width?: string | number | null | undefined;
8
- style?: React.CSSProperties;
9
- placeholder?: string;
10
- onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
11
- onKeyUp?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
12
- }
13
- declare const TextArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react-textarea-autosize").TextareaAutosizeProps & import("react").RefAttributes<HTMLTextAreaElement>, "ref"> & {
14
- ref?: ((instance: HTMLTextAreaElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLTextAreaElement> | null | undefined;
15
- }, TextAreaProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-textarea-autosize").TextareaAutosizeProps & import("react").RefAttributes<HTMLTextAreaElement>>, keyof import("react").Component<any, {}, any>>;
16
- export default TextArea;
@@ -1,81 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const styled_components_1 = __importDefault(require("styled-components"));
7
- const react_textarea_autosize_1 = __importDefault(require("react-textarea-autosize"));
8
- const TextArea = (0, styled_components_1.default)(react_textarea_autosize_1.default) `
9
- outline: none;
10
- resize: none;
11
- padding: 10px;
12
- width: 100%;
13
- height: 100%;
14
- box-sizing: border-box;
15
-
16
- font-family: ${({ theme }) => theme.typography.fontFamily};
17
- color: ${(props) => props.theme.palette.text.primary};
18
- font-size: ${({ size }) => size === "xs"
19
- ? "11px"
20
- : size === "sm"
21
- ? "13px"
22
- : size === "md"
23
- ? "15px"
24
- : size === "lg"
25
- ? "17px"
26
- : size === "xl"
27
- ? "19px"
28
- : "13px"};
29
-
30
- background-color: ${({ theme, variant }) => {
31
- switch (variant) {
32
- case "contained":
33
- return theme.palette.input.background;
34
- case "filled":
35
- return theme.palette.input.background;
36
- case "outlined":
37
- return theme.palette.input.background;
38
- case "text":
39
- return "transparent";
40
- default:
41
- return theme.palette.input.background;
42
- }
43
- }};
44
-
45
- border-radius: 4px;
46
- transition: border 0.1s ease-in-out;
47
- border: 1px solid
48
- ${({ theme, variant }) => {
49
- switch (variant) {
50
- case "contained":
51
- return "transparent";
52
- case "filled":
53
- return "transparent";
54
- case "outlined":
55
- return theme.palette.input.border;
56
- case "text":
57
- return "transparent";
58
- default:
59
- return theme.palette.input.border;
60
- }
61
- }};
62
-
63
- &:focus {
64
- border: 1px solid ${(props) => props.theme.palette.primary.main};
65
- }
66
-
67
- ::placeholder {
68
- font-size: ${({ size }) => size === "xs"
69
- ? "10px"
70
- : size === "sm"
71
- ? "12px"
72
- : size === "md"
73
- ? "14px"
74
- : size === "lg"
75
- ? "16px"
76
- : size === "xl"
77
- ? "18px"
78
- : "12px"};
79
- }
80
- `;
81
- exports.default = TextArea;
@@ -1 +0,0 @@
1
- export { default } from "./TextArea";
@@ -1,8 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.default = void 0;
7
- var TextArea_1 = require("./TextArea");
8
- Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(TextArea_1).default; } });
@@ -1,19 +0,0 @@
1
- import { Size } from "../core";
2
- interface TextAreaInputProps {
3
- label?: string;
4
- error?: string;
5
- required?: boolean;
6
- colSpan?: number;
7
- size?: Size;
8
- description?: string;
9
- inputRef?: React.RefObject<HTMLTextAreaElement> | null;
10
- maxRows?: number;
11
- minRows?: number;
12
- onHeightChange?: (height: number, meta: {
13
- rowHeight: number;
14
- }) => void;
15
- cacheMeasurements?: boolean;
16
- style?: any;
17
- }
18
- declare const TextAreaInput: ({ label, error, required, colSpan, size, description, inputRef, maxRows, minRows, onHeightChange, cacheMeasurements, style, }: TextAreaInputProps) => import("react/jsx-runtime").JSX.Element;
19
- export default TextAreaInput;
@@ -1,11 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const jsx_runtime_1 = require("react/jsx-runtime");
4
- const __1 = require("..");
5
- const TextAreaInput = ({ label, error, required, colSpan = 1, size = "sm", description, inputRef = null, maxRows = 6, minRows = 3, onHeightChange, cacheMeasurements, style, }) => {
6
- return ((0, jsx_runtime_1.jsxs)("div", { style: {
7
- gridColumn: `span ${colSpan}`,
8
- height: "fit-content",
9
- }, children: [label && ((0, jsx_runtime_1.jsx)(__1.FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), (0, jsx_runtime_1.jsx)(__1.TextArea, { ref: inputRef, size: size, maxRows: maxRows, minRows: minRows, onHeightChange: onHeightChange, cacheMeasurements: cacheMeasurements, style: style })] }));
10
- };
11
- exports.default = TextAreaInput;
@@ -1 +0,0 @@
1
- export { default } from "./TextAreaInput";
@@ -1,8 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.default = void 0;
7
- var TextAreaInput_1 = require("./TextAreaInput");
8
- Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(TextAreaInput_1).default; } });
@@ -1,13 +0,0 @@
1
- import { InputProps } from "../Input/Input";
2
- import { Size } from "../core";
3
- interface TextInputProps extends InputProps {
4
- className?: string;
5
- label?: string;
6
- error?: string;
7
- required?: boolean;
8
- size?: Size;
9
- colSpan?: number;
10
- description?: string;
11
- }
12
- declare const TextInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<TextInputProps, never>> & string & Omit<({ className, label, error, required, colSpan, description, size, ...rest }: TextInputProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
13
- export default TextInput;
@@ -1,31 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- const jsx_runtime_1 = require("react/jsx-runtime");
18
- const styled_components_1 = __importDefault(require("styled-components"));
19
- const __1 = require("..");
20
- const Input_1 = __importDefault(require("../Input/Input"));
21
- const TextInput = (0, styled_components_1.default)((_a) => {
22
- var { className, label, error, required, colSpan = 1, description, size = "sm" } = _a, rest = __rest(_a, ["className", "label", "error", "required", "colSpan", "description", "size"]);
23
- return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [label && ((0, jsx_runtime_1.jsx)(__1.FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), (0, jsx_runtime_1.jsx)(Input_1.default, Object.assign({ size: size }, rest))] }));
24
- }) `
25
- grid-column: span ${({ colSpan }) => colSpan || 1};
26
- display: flex;
27
- flex-direction: column;
28
- justify-content: space-between;
29
- width: 100%;
30
- `;
31
- exports.default = TextInput;
@@ -1 +0,0 @@
1
- export { default } from "./TextInput";
@@ -1,8 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.default = void 0;
7
- var TextInput_1 = require("./TextInput");
8
- Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(TextInput_1).default; } });
@@ -1,12 +0,0 @@
1
- import { ReactNode } from "react";
2
- interface TooltipProps {
3
- className?: string;
4
- children?: ReactNode;
5
- content?: ReactNode;
6
- side?: "top" | "right" | "bottom" | "left";
7
- sideOffset?: number;
8
- align?: "start" | "center" | "end";
9
- delayDuration?: number;
10
- }
11
- declare const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<TooltipProps, never>> & string & Omit<({ className, children, content, side, sideOffset, align, delayDuration, }: TooltipProps) => string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined, keyof import("react").Component<any, {}, any>>;
12
- export default Tooltip;
@@ -1,53 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- const jsx_runtime_1 = require("react/jsx-runtime");
30
- const styled_components_1 = __importDefault(require("styled-components"));
31
- const RadixTooltip = __importStar(require("@radix-ui/react-tooltip"));
32
- const Tooltip = (0, styled_components_1.default)(({ className, children, content, side = "right", sideOffset = 15, align = "start", delayDuration = 800, }) => {
33
- if (!content)
34
- return children;
35
- return ((0, jsx_runtime_1.jsx)(RadixTooltip.Provider, { delayDuration: delayDuration || 800, skipDelayDuration: 0, disableHoverableContent: true, children: (0, jsx_runtime_1.jsxs)(RadixTooltip.Root, { children: [(0, jsx_runtime_1.jsx)(RadixTooltip.Trigger, { asChild: true, children: children }), (0, jsx_runtime_1.jsx)(RadixTooltip.Portal, { children: (0, jsx_runtime_1.jsx)(RadixTooltip.Content, { className: className, side: side || "right", sideOffset: sideOffset || 15, align: align || "start", onClick: (e) => e.stopPropagation(), children: content }) })] }) }));
36
- }) `
37
- pointer-events: none;
38
- z-index: 999999;
39
- background-color: ${({ theme }) => theme.palette.background.default};
40
- padding: 15px;
41
- border-radius: 5px;
42
- border: 1px solid ${({ theme }) => theme.palette.divider};
43
- font-size: 0.75rem;
44
-
45
- white-space: pre-wrap;
46
-
47
- .title {
48
- font-size: 0.85rem;
49
- font-weight: 600;
50
- margin-bottom: 5px;
51
- }
52
- `;
53
- exports.default = Tooltip;
@@ -1 +0,0 @@
1
- export { default } from "./Tooltip";
@@ -1,8 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.default = void 0;
7
- var Tooltip_1 = require("./Tooltip");
8
- Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Tooltip_1).default; } });
@@ -1,6 +0,0 @@
1
- interface ArrowButtonProps {
2
- className?: string;
3
- [key: string]: React.ButtonHTMLAttributes<HTMLButtonElement> | any;
4
- }
5
- declare const ArrowButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ArrowButtonProps, never>> & string & Omit<({ className, ...props }: ArrowButtonProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
6
- export default ArrowButton;
@@ -1,48 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- const jsx_runtime_1 = require("react/jsx-runtime");
18
- const lucide_react_1 = require("lucide-react");
19
- const styled_components_1 = __importDefault(require("styled-components"));
20
- const ArrowIcon = (0, styled_components_1.default)((_a) => {
21
- var { className } = _a, props = __rest(_a, ["className"]);
22
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className }, props, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDownIcon, { size: 16 }) })));
23
- }) `
24
- color: ${(props) => props.theme.palette.text.secondary};
25
- transition: transform 0.2s ease-in-out;
26
- transform: rotate(0deg);
27
- will-change: transform;
28
-
29
- display: flex;
30
- flex-direction: column;
31
- align-items: center;
32
- justify-content: center;
33
- `;
34
- const ArrowButton = (0, styled_components_1.default)((_a) => {
35
- var { className } = _a, props = __rest(_a, ["className"]);
36
- return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: className }, props, { tabIndex: -1, "data-default-btn": true, children: (0, jsx_runtime_1.jsx)(ArrowIcon, {}) })));
37
- }) `
38
- position: absolute;
39
- right: 0;
40
- height: 100%;
41
- padding-inline: 10px;
42
- background: none;
43
- border: none;
44
- cursor: pointer;
45
- margin: 0;
46
- outline: none;
47
- `;
48
- exports.default = ArrowButton;
@@ -1,6 +0,0 @@
1
- interface ClearButtonProps {
2
- className?: string;
3
- [key: string]: React.ButtonHTMLAttributes<HTMLButtonElement> | any;
4
- }
5
- declare const ClearButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ClearButtonProps, never>> & string & Omit<({ className, ...props }: ClearButtonProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
6
- export default ClearButton;
@@ -1,48 +0,0 @@
1
- "use strict";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- const jsx_runtime_1 = require("react/jsx-runtime");
18
- const lucide_react_1 = require("lucide-react");
19
- const styled_components_1 = __importDefault(require("styled-components"));
20
- const ClearIcon = (0, styled_components_1.default)((_a) => {
21
- var { className } = _a, props = __rest(_a, ["className"]);
22
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className }, props, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 16 }) })));
23
- }) `
24
- color: ${(props) => props.theme.palette.text.secondary};
25
- transition: transform 0.2s ease-in-out;
26
- transform: rotate(0deg);
27
- will-change: transform;
28
-
29
- display: flex;
30
- flex-direction: column;
31
- align-items: center;
32
- justify-content: center;
33
- `;
34
- const ClearButton = (0, styled_components_1.default)((_a) => {
35
- var { className } = _a, props = __rest(_a, ["className"]);
36
- return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: className }, props, { tabIndex: -1, "data-default-btn": true, children: (0, jsx_runtime_1.jsx)(ClearIcon, {}) })));
37
- }) `
38
- position: absolute;
39
- right: 0;
40
- height: 100%;
41
- padding-inline: 10px;
42
- background: none;
43
- border: none;
44
- cursor: pointer;
45
- margin: 0;
46
- outline: none;
47
- `;
48
- exports.default = ClearButton;
@@ -1,4 +0,0 @@
1
- export function MonolithThemeProvider({ children, theme }: {
2
- children: any;
3
- theme: any;
4
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,20 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.MonolithThemeProvider = void 0;
7
- const jsx_runtime_1 = require("react/jsx-runtime");
8
- const styled_components_1 = require("styled-components");
9
- const variants_1 = __importDefault(require("@monolith-ui/theme/variants"));
10
- const MonolithThemeProvider = ({ children, theme }) => {
11
- let selectedTheme = theme
12
- ? variants_1.default.find((variant) => variant.name === theme)
13
- : variants_1.default[1]; // Default to dark theme
14
- if (!selectedTheme) {
15
- console.warn(new Error(`The theme ${theme} is not valid`));
16
- selectedTheme = variants_1.default[1]; // Default to dark theme
17
- }
18
- return (0, jsx_runtime_1.jsx)(styled_components_1.ThemeProvider, { theme: selectedTheme, children: children });
19
- };
20
- exports.MonolithThemeProvider = MonolithThemeProvider;
@@ -1,7 +0,0 @@
1
- import Variant from "./Types/Variant";
2
- interface StyledContentProps {
3
- maxDropdownHeight?: number | string;
4
- variant?: Variant;
5
- }
6
- declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContentProps>> & string;
7
- export default StyledContent;
@@ -1,47 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const styled_components_1 = __importDefault(require("styled-components"));
7
- const StyledContent = styled_components_1.default.div `
8
- position: relative;
9
- display: flex;
10
- flex-direction: column;
11
- box-sizing: border-box;
12
- overflow-y: hidden;
13
- overflow-x: hidden;
14
-
15
- max-height: ${({ maxDropdownHeight }) => Number.isInteger(maxDropdownHeight)
16
- ? `${maxDropdownHeight}px`
17
- : maxDropdownHeight || "250px"};
18
-
19
- background-color: ${({ theme, variant }) => {
20
- switch (variant) {
21
- case "filled":
22
- return theme.palette.input.background;
23
- case "outlined":
24
- return theme.palette.input.background;
25
- case "text":
26
- return "transparent";
27
- default:
28
- return theme.palette.input.background;
29
- }
30
- }};
31
-
32
- border-radius: 5px;
33
- border: 1px solid ${(props) => props.theme.palette.divider};
34
- padding: 5px;
35
- animation-duration: 400ms;
36
- animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
37
- will-change: transform, opacity;
38
-
39
- &[data-empty="true"] {
40
- display: none;
41
- }
42
-
43
- &[data-scroll-active="true"] {
44
- padding-right: 5px;
45
- }
46
- `;
47
- exports.default = StyledContent;
@@ -1,2 +0,0 @@
1
- declare const StyledFloatContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
- export default StyledFloatContainer;
@@ -1,10 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const styled_components_1 = __importDefault(require("styled-components"));
7
- const StyledFloatContainer = styled_components_1.default.div `
8
- z-index: 100001;
9
- `;
10
- exports.default = StyledFloatContainer;
@@ -1,2 +0,0 @@
1
- type Size = "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
2
- export default Size;
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,2 +0,0 @@
1
- type Variant = "default" | "contained" | "filled" | "light" | "outlined" | "text" | "subtle";
2
- export default Variant;