@qoretechnologies/reqore 0.58.0 → 0.59.0
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/.tasks/NEW_COMPONENT.md +1 -0
- package/.tasks/RANDOM_ISSUE.md +1 -1
- package/dist/components/Message/index.d.ts +1 -0
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/Message/index.js.map +1 -1
- package/dist/components/Notifications/notification.d.ts +2 -0
- package/dist/components/Notifications/notification.d.ts.map +1 -1
- package/dist/components/Notifications/notification.js +15 -15
- package/dist/components/Notifications/notification.js.map +1 -1
- package/dist/components/Rating/index.d.ts +37 -0
- package/dist/components/Rating/index.d.ts.map +1 -0
- package/dist/components/Rating/index.js +197 -0
- package/dist/components/Rating/index.js.map +1 -0
- package/dist/components/Timeline/index.d.ts +54 -0
- package/dist/components/Timeline/index.d.ts.map +1 -0
- package/dist/components/Timeline/index.js +232 -0
- package/dist/components/Timeline/index.js.map +1 -0
- package/dist/constants/sizes.d.ts +9 -0
- package/dist/constants/sizes.d.ts.map +1 -1
- package/dist/constants/sizes.js +10 -1
- package/dist/constants/sizes.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/tests.json +1 -1
package/.tasks/NEW_COMPONENT.md
CHANGED
|
@@ -90,6 +90,7 @@ List exact files/dirs you will add or modify.
|
|
|
90
90
|
Implement the component strictly following repo conventions:
|
|
91
91
|
|
|
92
92
|
- increase major version if you add a new component (e.g., `1.0.0` → `2.0.0`)
|
|
93
|
+
- switch to a branch named `feature/<component-name>` (e.g., `feature/Tooltip`) must be clean and well-structured, with clear naming and consistent patterns.
|
|
93
94
|
- structure, naming, exports
|
|
94
95
|
- tokens/theme usage
|
|
95
96
|
- typing style
|
package/.tasks/RANDOM_ISSUE.md
CHANGED
|
@@ -148,7 +148,7 @@ Run locally and report in the PR:
|
|
|
148
148
|
|
|
149
149
|
## Workflow
|
|
150
150
|
|
|
151
|
-
1. Create branch: `
|
|
151
|
+
1. Create branch: `bugfix/<short-slug>`
|
|
152
152
|
2. Implement the **smallest coherent fix**
|
|
153
153
|
3. Add or update tests
|
|
154
154
|
4. Run full verification
|
|
@@ -17,6 +17,7 @@ export interface IReqoreMessageProps extends IWithReqoreCustomTheme, IWithReqore
|
|
|
17
17
|
flat?: boolean;
|
|
18
18
|
hasShadow?: boolean;
|
|
19
19
|
margin?: 'top' | 'bottom' | 'both' | 'none';
|
|
20
|
+
blur?: number;
|
|
20
21
|
}
|
|
21
22
|
export interface IReqoreNotificationStyle extends IReqoreMessageProps {
|
|
22
23
|
theme: IReqoreTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAYvD,MAAM,WAAW,mBACf,SAAQ,sBAAsB,EAC5B,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAYvD,MAAM,WAAW,mBACf,SAAQ,sBAAsB,EAC5B,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,aAAa,qKAsJlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA6C;AAC7C,+BAA8E;AAC9E,uCAAiD;AAEjD,iFAAiE;AACjE,+CAA+D;AAC/D,iDAAsD;AActD,oCAA0C;AAC1C,iDAAuD;AACvD,8DAOuC;AACvC,sCAA2C;AAC3C,wDAA6D;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,6 +17,7 @@ export interface IReqoreNotificationProps extends IWithReqoreEffect, IWithReqore
|
|
|
17
17
|
fluid?: boolean;
|
|
18
18
|
flat?: boolean;
|
|
19
19
|
size?: TSizes;
|
|
20
|
+
blur?: number;
|
|
20
21
|
}
|
|
21
22
|
export interface IReqoreNotificationStyle extends IWithReqoreOpaque {
|
|
22
23
|
theme: IReqoreTheme;
|
|
@@ -31,6 +32,7 @@ export interface IReqoreNotificationStyle extends IWithReqoreOpaque {
|
|
|
31
32
|
size?: TSizes;
|
|
32
33
|
asMessage?: boolean;
|
|
33
34
|
margin?: 'top' | 'bottom' | 'both' | 'none';
|
|
35
|
+
blur?: number;
|
|
34
36
|
}
|
|
35
37
|
export declare const StyledReqoreNotification: any;
|
|
36
38
|
export declare const StyledIconWrapper: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAUpE,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMpD,MAAM,MAAM,uBAAuB,GAAG,aAAa,CAAC;AAEpD,MAAM,WAAW,wBACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB;IACxB,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAUpE,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMpD,MAAM,MAAM,uBAAuB,GAAG,aAAa,CAAC;AAEpD,MAAM,WAAW,wBACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB;IACxB,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAWD,eAAO,MAAM,wBAAwB,KAgGpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,KA0B7B,CAAC;AAEF,eAAO,MAAM,8BAA8B,KAS1C,CAAC;AAEF,eAAO,MAAM,gCAAgC,KAK5C,CAAC;AAEF,eAAO,MAAM,uBAAuB,KAKnC,CAAC;AAEF,eAAO,MAAM,yBAAyB,KAerC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe,CAAA;CAOzD,CAAC;AAEF,QAAA,MAAM,kBAAkB,+IAyHvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -59,7 +59,7 @@ var Header_1 = require("../Header");
|
|
|
59
59
|
var Icon_1 = __importDefault(require("../Icon"));
|
|
60
60
|
var Spinner_1 = require("../Spinner");
|
|
61
61
|
var timeoutAnimation = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 0% {\n width: 100%;\n }\n 100% {\n width: 0;\n }\n"], ["\n 0% {\n width: 100%;\n }\n 100% {\n width: 0;\n }\n"])));
|
|
62
|
-
exports.StyledReqoreNotification = (0, styled_components_1["default"])(Effect_1.StyledEffect)(
|
|
62
|
+
exports.StyledReqoreNotification = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n min-width: ", ";\n max-width: ", ";\n border-radius: 5px;\n display: flex;\n flex: ", ";\n align-self: ", ";\n overflow: hidden;\n position: relative;\n transition: all 0.2s ease-out;\n\n ", ";\n\n // Do not fade in the component if it's a message\n ", "\n\n &:not(:first-child) {\n margin-top: ", ";\n }\n\n ", "\n"], ["\n min-width: ", ";\n max-width: ", ";\n border-radius: 5px;\n display: flex;\n flex: ", ";\n align-self: ", ";\n overflow: hidden;\n position: relative;\n transition: all 0.2s ease-out;\n\n ", ";\n\n // Do not fade in the component if it's a message\n ", "\n\n &:not(:first-child) {\n margin-top: ", ";\n }\n\n ", "\n"])), function (_a) {
|
|
63
63
|
var fluid = _a.fluid;
|
|
64
64
|
return (!fluid ? '30px' : undefined);
|
|
65
65
|
}, function (_a) {
|
|
@@ -88,35 +88,35 @@ exports.StyledReqoreNotification = (0, styled_components_1["default"])(Effect_1.
|
|
|
88
88
|
var asMessage = _a.asMessage, size = _a.size;
|
|
89
89
|
return asMessage ? undefined : "".concat(sizes_1.PADDING_FROM_SIZE[size], "px");
|
|
90
90
|
}, function (_a) {
|
|
91
|
-
var theme = _a.theme, type = _a.type, intent = _a.intent, clickable = _a.clickable, timeout = _a.timeout, hasShadow = _a.hasShadow, flat = _a.flat, minimal = _a.minimal, _b = _a.opaque, opaque = _b === void 0 ? true : _b;
|
|
92
|
-
return (0, styled_components_1.css)(
|
|
91
|
+
var theme = _a.theme, type = _a.type, intent = _a.intent, clickable = _a.clickable, timeout = _a.timeout, hasShadow = _a.hasShadow, flat = _a.flat, minimal = _a.minimal, _b = _a.opaque, opaque = _b === void 0 ? true : _b, blur = _a.blur;
|
|
92
|
+
return (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background-color: ", ";\n border: ", ";\n border-color: ", ";\n\n ", "\n\n ", "\n\n ", "\n\n color: ", ";\n\n ", "\n "], ["\n background-color: ", ";\n border: ", ";\n border-color: ", ";\n\n ", "\n\n ", "\n\n ", "\n\n color: ", ";\n\n ", "\n "])), minimal
|
|
93
93
|
? 'transparent'
|
|
94
94
|
: opaque
|
|
95
95
|
? (0, colors_1.changeLightness)(theme.main, 0.1)
|
|
96
|
-
: (0, polished_1.rgba)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.3), flat ? 0 : '1px solid', (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.2),
|
|
96
|
+
: (0, polished_1.rgba)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.3), flat ? 0 : '1px solid', (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.2), blur && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n backdrop-filter: blur(", "px);\n "], ["\n backdrop-filter: blur(", "px);\n "])), blur), hasShadow && (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n box-shadow: 0px 0px 30px 10px ", ";\n "], ["\n box-shadow: 0px 0px 30px 10px ", ";\n "])), (0, polished_1.rgba)('#000000', 0.3)), timeout && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n &::before {\n content: '';\n position: absolute;\n display: block;\n top: 0;\n height: 3px;\n background-color: ", ";\n animation-name: ", ";\n animation-duration: ", "ms;\n }\n "], ["\n &::before {\n content: '';\n position: absolute;\n display: block;\n top: 0;\n height: 3px;\n background-color: ", ";\n animation-name: ", ";\n animation-duration: ", "ms;\n }\n "])), (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.2), timeoutAnimation, timeout), minimal || !opaque
|
|
97
97
|
? 'inherit'
|
|
98
|
-
: (0, colors_1.getReadableColor)(theme, null, null, true, minimal ? theme.originalMain : undefined), clickable && (0, styled_components_1.css)(
|
|
98
|
+
: (0, colors_1.getReadableColor)(theme, null, null, true, minimal ? theme.originalMain : undefined), clickable && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n border-color: ", ";\n }\n "], ["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n border-color: ", ";\n }\n "])), minimal
|
|
99
99
|
? 'transparent'
|
|
100
100
|
: opaque
|
|
101
101
|
? (0, colors_1.changeDarkness)(theme.main, 0.002)
|
|
102
102
|
: (0, polished_1.rgba)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.4), (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.25)));
|
|
103
103
|
});
|
|
104
|
-
exports.StyledIconWrapper = styled_components_1["default"].div(
|
|
104
|
+
exports.StyledIconWrapper = styled_components_1["default"].div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n flex: 0 1 auto;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.2s ease-out;\n\n ", "\n"], ["\n flex: 0 1 auto;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.2s ease-out;\n\n ", "\n"])), function (_a) {
|
|
105
105
|
var clickable = _a.clickable, theme = _a.theme, intent = _a.intent, type = _a.type;
|
|
106
|
-
return clickable && (0, styled_components_1.css)(
|
|
106
|
+
return clickable && (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n margin-top: unset;\n height: unset;\n\n .reqore-icon {\n transform: scale(0.85);\n }\n\n &:hover {\n cursor: pointer;\n background-color: ", ";\n .reqore-icon {\n transform: scale(1);\n }\n }\n "], ["\n margin-top: unset;\n height: unset;\n\n .reqore-icon {\n transform: scale(0.85);\n }\n\n &:hover {\n cursor: pointer;\n background-color: ", ";\n .reqore-icon {\n transform: scale(1);\n }\n }\n "])), (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.02));
|
|
107
107
|
});
|
|
108
|
-
exports.StyledNotificationInnerContent = styled_components_1["default"].div(
|
|
109
|
-
exports.StyledNotificationContentWrapper = styled_components_1["default"].div(
|
|
108
|
+
exports.StyledNotificationInnerContent = styled_components_1["default"].div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n flex: 1;\n display: flex;\n flex-flow: column;\n justify-content: center;\n\n .reqore-heading {\n line-height: 1;\n }\n"], ["\n flex: 1;\n display: flex;\n flex-flow: column;\n justify-content: center;\n\n .reqore-heading {\n line-height: 1;\n }\n"])));
|
|
109
|
+
exports.StyledNotificationContentWrapper = styled_components_1["default"].div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n flex: 1;\n display: flex;\n justify-content: center;\n padding: ", ";\n"], ["\n flex: 1;\n display: flex;\n justify-content: center;\n padding: ", ";\n"])), function (_a) {
|
|
110
110
|
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
111
111
|
return "".concat(sizes_1.PADDING_FROM_SIZE[size], "px");
|
|
112
112
|
});
|
|
113
|
-
exports.StyledNotificationTitle = styled_components_1["default"].h4(
|
|
114
|
-
exports.StyledNotificationContent = styled_components_1["default"].div(
|
|
113
|
+
exports.StyledNotificationTitle = styled_components_1["default"].h4(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n margin: 0 0 5px 0;\n padding: 0;\n display: flex;\n align-items: center;\n"], ["\n margin: 0 0 5px 0;\n padding: 0;\n display: flex;\n align-items: center;\n"])));
|
|
114
|
+
exports.StyledNotificationContent = styled_components_1["default"].div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n flex: 1;\n font-size: ", "px;\n overflow-wrap: anywhere;\n display: flex;\n flex-flow: column;\n justify-content: center;\n\n ", "\n"], ["\n margin: 0;\n padding: 0;\n flex: 1;\n font-size: ", "px;\n overflow-wrap: anywhere;\n display: flex;\n flex-flow: column;\n justify-content: center;\n\n ", "\n"])), function (_a) {
|
|
115
115
|
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
116
116
|
return sizes_1.TEXT_FROM_SIZE[size];
|
|
117
117
|
}, function (_a) {
|
|
118
118
|
var hasTitle = _a.hasTitle, _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
119
|
-
return hasTitle && (0, styled_components_1.css)(
|
|
119
|
+
return hasTitle && (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n padding-top: ", "px;\n "], ["\n padding-top: ", "px;\n "])), sizes_1.PADDING_FROM_SIZE[size]);
|
|
120
120
|
});
|
|
121
121
|
exports.typeToIcon = {
|
|
122
122
|
info: 'InformationLine',
|
|
@@ -127,7 +127,7 @@ exports.typeToIcon = {
|
|
|
127
127
|
muted: 'Forbid2Line'
|
|
128
128
|
};
|
|
129
129
|
var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
|
|
130
|
-
var type = _a.type, intent = _a.intent, icon = _a.icon, title = _a.title, content = _a.content, onClose = _a.onClose, onClick = _a.onClick, duration = _a.duration, onFinish = _a.onFinish, flat = _a.flat, minimal = _a.minimal, _b = _a.opaque, opaque = _b === void 0 ? true : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, customTheme = _a.customTheme;
|
|
130
|
+
var type = _a.type, intent = _a.intent, icon = _a.icon, title = _a.title, content = _a.content, onClose = _a.onClose, onClick = _a.onClick, duration = _a.duration, onFinish = _a.onFinish, flat = _a.flat, minimal = _a.minimal, _b = _a.opaque, opaque = _b === void 0 ? true : _b, blur = _a.blur, _c = _a.size, size = _c === void 0 ? 'normal' : _c, customTheme = _a.customTheme;
|
|
131
131
|
var _d = (0, react_1.useState)(null), internalTimeout = _d[0], setInternalTimeout = _d[1];
|
|
132
132
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, type || intent, 'notifications');
|
|
133
133
|
var transitions = (0, web_1.useTransition)(true, {
|
|
@@ -157,12 +157,12 @@ var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
157
157
|
clearTimeout(internalTimeout);
|
|
158
158
|
});
|
|
159
159
|
return transitions(function (styles, item) {
|
|
160
|
-
return item ? ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(exports.StyledReqoreNotification, __assign({ as: web_1.animated.div, type: type || intent, hasShadow: true, timeout: duration, clickable: !!onClick, onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(); }, flat: flat, minimal: minimal, className: 'reqore-notification', ref: ref, style: styles, size: size, opaque: opaque, theme: theme, maxWidth: '450px' }, { children: [(0, jsx_runtime_1.jsxs)(exports.StyledNotificationContentWrapper, __assign({ size: size, theme: theme }, { children: [type || intent || icon ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: intent === 'pending' || type === 'pending' ? ((0, jsx_runtime_1.jsx)(Spinner_1.ReqoreSpinner, { size: size, type: 5, iconMargin: 'right' })) : ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon || exports.typeToIcon[type || intent], margin: 'right', size: size })) })) : null, (0, jsx_runtime_1.jsxs)(exports.StyledNotificationInnerContent, { children: [title && (0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, __assign({ size: size }, { children: title })), (0, jsx_runtime_1.jsx)(exports.StyledNotificationContent, __assign({ theme: theme, hasTitle: !!title, size: size }, { children: content }))] })] })), onClose ? ((0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({ type: type || intent, size: size, clickable: true, className: 'reqore-notification-close', onClick: function (event) {
|
|
160
|
+
return item ? ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(exports.StyledReqoreNotification, __assign({ as: web_1.animated.div, type: type || intent, hasShadow: true, timeout: duration, clickable: !!onClick, onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(); }, flat: flat, minimal: minimal, className: 'reqore-notification', ref: ref, style: styles, size: size, opaque: opaque, blur: blur, theme: theme, maxWidth: '450px' }, { children: [(0, jsx_runtime_1.jsxs)(exports.StyledNotificationContentWrapper, __assign({ size: size, theme: theme }, { children: [type || intent || icon ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: intent === 'pending' || type === 'pending' ? ((0, jsx_runtime_1.jsx)(Spinner_1.ReqoreSpinner, { size: size, type: 5, iconMargin: 'right' })) : ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon || exports.typeToIcon[type || intent], margin: 'right', size: size })) })) : null, (0, jsx_runtime_1.jsxs)(exports.StyledNotificationInnerContent, { children: [title && (0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, __assign({ size: size }, { children: title })), (0, jsx_runtime_1.jsx)(exports.StyledNotificationContent, __assign({ theme: theme, hasTitle: !!title, size: size }, { children: content }))] })] })), onClose ? ((0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({ type: type || intent, size: size, clickable: true, className: 'reqore-notification-close', onClick: function (event) {
|
|
161
161
|
event.stopPropagation();
|
|
162
162
|
onClose();
|
|
163
163
|
} }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseFill', margin: 'both', size: size }) }))) : null] }), "".concat(duration).concat(type || intent).concat(title).concat(content)) })) : null;
|
|
164
164
|
});
|
|
165
165
|
});
|
|
166
166
|
exports["default"] = ReqoreNotification;
|
|
167
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
|
|
167
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
|
|
168
168
|
//# sourceMappingURL=notification.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4D;AAC5D,qCAAgC;AAChC,+BAA+D;AAC/D,uCAAiD;AACjD,qEAA2D;AAC3D,yDAA2D;AAC3D,+CAAkF;AAElF,iFAAiE;AACjE,uDAAkD;AAClD,+CAK8B;AAC9B,iDAAsD;AAQtD,oCAAyC;AACzC,oCAA0C;AAC1C,iDAAiC;AACjC,sCAA2C;
|
|
1
|
+
{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, IWithReqoreCustomTheme, IWithReqoreSize, IWithReqoreTooltip } from '../../types/global';
|
|
3
|
+
import { IReqoreIconName } from '../../types/icons';
|
|
4
|
+
import { TReqoreEffectColor } from '../Effect';
|
|
5
|
+
import { IReqoreIconProps } from '../Icon';
|
|
6
|
+
import { IReqoreParagraphProps } from '../Paragraph';
|
|
7
|
+
export interface IReqoreRatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, IReqoreDisabled, IReqoreReadOnly, IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreSize, IWithReqoreTooltip {
|
|
8
|
+
/** Current rating value (controlled) */
|
|
9
|
+
value?: number;
|
|
10
|
+
/** Label for the rating component */
|
|
11
|
+
label?: string;
|
|
12
|
+
labelProps?: IReqoreParagraphProps;
|
|
13
|
+
/** Callback fired when rating changes */
|
|
14
|
+
onChange?: (value: number) => void;
|
|
15
|
+
/** Maximum number of icons (default: 5) */
|
|
16
|
+
max?: number;
|
|
17
|
+
/** Allow half-step increments */
|
|
18
|
+
allowHalf?: boolean;
|
|
19
|
+
/** Allow clearing rating by clicking the current value again */
|
|
20
|
+
allowClear?: boolean;
|
|
21
|
+
/** Icon for filled state */
|
|
22
|
+
filledIcon?: IReqoreIconName;
|
|
23
|
+
/** Icon for empty state */
|
|
24
|
+
emptyIcon?: IReqoreIconName;
|
|
25
|
+
/** Icon for half-filled state */
|
|
26
|
+
halfIcon?: IReqoreIconName;
|
|
27
|
+
/** Color for filled icons */
|
|
28
|
+
filledColor?: TReqoreEffectColor;
|
|
29
|
+
/** Color for empty icons */
|
|
30
|
+
emptyColor?: TReqoreEffectColor;
|
|
31
|
+
showRatingValue?: boolean;
|
|
32
|
+
/** Additional props passed to each ReqoreIcon */
|
|
33
|
+
iconProps?: Omit<IReqoreIconProps, 'icon' | 'size' | 'color'>;
|
|
34
|
+
}
|
|
35
|
+
declare const ReqoreRating: import("react").MemoExoticComponent<(props: IReqoreRatingProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>>;
|
|
36
|
+
export default ReqoreRating;
|
|
37
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/index.tsx"],"names":[],"mappings":";AAUA,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAW,MAAM,cAAc,CAAC;AAG9D,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,eAAe,EACf,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,eAAe,EACf,kBAAkB;IACpB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,6BAA6B;IAC7B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,4BAA4B;IAC5B,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAEhC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;CAC/D;AA0DD,QAAA,MAAM,YAAY,4MAqMjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,197 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
41
|
+
var t = {};
|
|
42
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
43
|
+
t[p] = s[p];
|
|
44
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
45
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
46
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
47
|
+
t[p[i]] = s[p[i]];
|
|
48
|
+
}
|
|
49
|
+
return t;
|
|
50
|
+
};
|
|
51
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
52
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
53
|
+
};
|
|
54
|
+
exports.__esModule = true;
|
|
55
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
56
|
+
var polished_1 = require("polished");
|
|
57
|
+
var react_1 = require("react");
|
|
58
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
59
|
+
var sizes_1 = require("../../constants/sizes");
|
|
60
|
+
var colors_1 = require("../../helpers/colors");
|
|
61
|
+
var utils_1 = require("../../helpers/utils");
|
|
62
|
+
var useComponentTooltip_1 = require("../../hooks/useComponentTooltip");
|
|
63
|
+
var useTheme_1 = require("../../hooks/useTheme");
|
|
64
|
+
var styles_1 = require("../../styles");
|
|
65
|
+
var ControlGroup_1 = __importDefault(require("../ControlGroup"));
|
|
66
|
+
var Icon_1 = __importDefault(require("../Icon"));
|
|
67
|
+
var Paragraph_1 = require("../Paragraph");
|
|
68
|
+
var Span_1 = require("../Span");
|
|
69
|
+
var StyledRating = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n gap: ", "px;\n\n ", "\n\n ", "\n\n &:focus-visible {\n outline: 2px solid ", ";\n outline-offset: 2px;\n border-radius: ", "px;\n }\n"], ["\n display: inline-flex;\n align-items: center;\n gap: ", "px;\n\n ", "\n\n ", "\n\n &:focus-visible {\n outline: 2px solid ", ";\n outline-offset: 2px;\n border-radius: ", "px;\n }\n"])), function (_a) {
|
|
70
|
+
var size = _a.size;
|
|
71
|
+
return sizes_1.RATING_GAP_FROM_SIZE[size];
|
|
72
|
+
}, function (_a) {
|
|
73
|
+
var disabled = _a.disabled;
|
|
74
|
+
return disabled && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), styles_1.DisabledElement);
|
|
75
|
+
}, function (_a) {
|
|
76
|
+
var readOnly = _a.readOnly;
|
|
77
|
+
return readOnly && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), styles_1.ReadOnlyElement);
|
|
78
|
+
}, function (_a) {
|
|
79
|
+
var theme = _a.theme;
|
|
80
|
+
return (0, colors_1.changeLightness)(theme.main, 0.25);
|
|
81
|
+
}, function (_a) {
|
|
82
|
+
var size = _a.size;
|
|
83
|
+
return sizes_1.RADIUS_FROM_SIZE[size];
|
|
84
|
+
});
|
|
85
|
+
var StyledRatingItem = styled_components_1["default"].span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: inline-flex;\n cursor: ", ";\n transition: transform 0.15s ease-out;\n\n ", "\n"], ["\n display: inline-flex;\n cursor: ", ";\n transition: transform 0.15s ease-out;\n\n ", "\n"])), function (_a) {
|
|
86
|
+
var isInteractive = _a.isInteractive;
|
|
87
|
+
return (isInteractive ? 'pointer' : 'default');
|
|
88
|
+
}, function (_a) {
|
|
89
|
+
var isInteractive = _a.isInteractive;
|
|
90
|
+
return isInteractive && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n &:hover {\n transform: scale(1.2);\n }\n\n &:active {\n transform: scale(0.85);\n transition: transform 0.05s ease-out;\n }\n "], ["\n &:hover {\n transform: scale(1.2);\n }\n\n &:active {\n transform: scale(0.85);\n transition: transform 0.05s ease-out;\n }\n "])));
|
|
91
|
+
});
|
|
92
|
+
var ReqoreRating = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
|
|
93
|
+
var _b = _a.value, value = _b === void 0 ? 0 : _b, label = _a.label, onChange = _a.onChange, _c = _a.max, max = _c === void 0 ? 5 : _c, _d = _a.allowHalf, allowHalf = _d === void 0 ? false : _d, _e = _a.allowClear, allowClear = _e === void 0 ? true : _e, _f = _a.filledIcon, filledIcon = _f === void 0 ? 'StarFill' : _f, _g = _a.emptyIcon, emptyIcon = _g === void 0 ? 'StarLine' : _g, _h = _a.halfIcon, halfIcon = _h === void 0 ? 'StarHalfFill' : _h, filledColor = _a.filledColor, emptyColor = _a.emptyColor, _j = _a.size, size = _j === void 0 ? 'normal' : _j, disabled = _a.disabled, readOnly = _a.readOnly, intent = _a.intent, customTheme = _a.customTheme, tooltip = _a.tooltip, className = _a.className, labelProps = _a.labelProps, showRatingValue = _a.showRatingValue, iconProps = _a.iconProps, rest = __rest(_a, ["value", "label", "onChange", "max", "allowHalf", "allowClear", "filledIcon", "emptyIcon", "halfIcon", "filledColor", "emptyColor", "size", "disabled", "readOnly", "intent", "customTheme", "tooltip", "className", "labelProps", "showRatingValue", "iconProps"]);
|
|
94
|
+
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
95
|
+
var _k = (0, react_1.useState)(null), hoverValue = _k[0], setHoverValue = _k[1];
|
|
96
|
+
var isInteractive = !disabled && !readOnly && !!onChange;
|
|
97
|
+
var displayValue = (0, react_1.useMemo)(function () { return (hoverValue !== null ? hoverValue : value); }, [hoverValue, value]);
|
|
98
|
+
var resolvedFilledColor = (0, react_1.useMemo)(function () {
|
|
99
|
+
if (filledColor)
|
|
100
|
+
return (0, colors_1.getColorFromMaybeString)(theme, filledColor);
|
|
101
|
+
var hasIntent = theme.main !== theme.originalMain;
|
|
102
|
+
return hasIntent ? theme.main : (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
103
|
+
}, [filledColor, theme]);
|
|
104
|
+
var resolvedEmptyColor = (0, react_1.useMemo)(function () {
|
|
105
|
+
if (emptyColor)
|
|
106
|
+
return (0, colors_1.getColorFromMaybeString)(theme, emptyColor);
|
|
107
|
+
return (0, polished_1.rgba)((0, colors_1.changeLightness)(theme.main, 0.15), 0.4);
|
|
108
|
+
}, [emptyColor, theme]);
|
|
109
|
+
var handleMouseMove = (0, react_1.useCallback)(function (index, event) {
|
|
110
|
+
if (!isInteractive)
|
|
111
|
+
return;
|
|
112
|
+
if (allowHalf) {
|
|
113
|
+
var rect = event.currentTarget.getBoundingClientRect();
|
|
114
|
+
var isLeftHalf = event.clientX - rect.left < rect.width / 2;
|
|
115
|
+
setHoverValue(isLeftHalf ? index + 0.5 : index + 1);
|
|
116
|
+
}
|
|
117
|
+
else {
|
|
118
|
+
setHoverValue(index + 1);
|
|
119
|
+
}
|
|
120
|
+
}, [isInteractive, allowHalf]);
|
|
121
|
+
var handleMouseLeave = (0, react_1.useCallback)(function () {
|
|
122
|
+
if (!isInteractive)
|
|
123
|
+
return;
|
|
124
|
+
setHoverValue(null);
|
|
125
|
+
}, [isInteractive]);
|
|
126
|
+
var handleClick = (0, react_1.useCallback)(function (index, event) {
|
|
127
|
+
if (!isInteractive || !onChange)
|
|
128
|
+
return;
|
|
129
|
+
var clickedValue;
|
|
130
|
+
if (allowHalf) {
|
|
131
|
+
var rect = event.currentTarget.getBoundingClientRect();
|
|
132
|
+
var isLeftHalf = event.clientX - rect.left < rect.width / 2;
|
|
133
|
+
clickedValue = isLeftHalf ? index + 0.5 : index + 1;
|
|
134
|
+
}
|
|
135
|
+
else {
|
|
136
|
+
clickedValue = index + 1;
|
|
137
|
+
}
|
|
138
|
+
if (allowClear && clickedValue === value) {
|
|
139
|
+
onChange(0);
|
|
140
|
+
}
|
|
141
|
+
else {
|
|
142
|
+
onChange(clickedValue);
|
|
143
|
+
}
|
|
144
|
+
}, [isInteractive, onChange, allowHalf, allowClear, value]);
|
|
145
|
+
var handleKeyDown = (0, react_1.useCallback)(function (event) {
|
|
146
|
+
if (!isInteractive || !onChange)
|
|
147
|
+
return;
|
|
148
|
+
var step = allowHalf ? 0.5 : 1;
|
|
149
|
+
switch (event.key) {
|
|
150
|
+
case 'ArrowRight':
|
|
151
|
+
case 'ArrowUp':
|
|
152
|
+
event.preventDefault();
|
|
153
|
+
onChange(Math.min(value + step, max));
|
|
154
|
+
break;
|
|
155
|
+
case 'ArrowLeft':
|
|
156
|
+
case 'ArrowDown':
|
|
157
|
+
event.preventDefault();
|
|
158
|
+
onChange(Math.max(value - step, 0));
|
|
159
|
+
break;
|
|
160
|
+
case 'Home':
|
|
161
|
+
event.preventDefault();
|
|
162
|
+
onChange(0);
|
|
163
|
+
break;
|
|
164
|
+
case 'End':
|
|
165
|
+
event.preventDefault();
|
|
166
|
+
onChange(max);
|
|
167
|
+
break;
|
|
168
|
+
}
|
|
169
|
+
}, [isInteractive, onChange, value, max, allowHalf]);
|
|
170
|
+
var getIconForIndex = (0, react_1.useCallback)(function (index) {
|
|
171
|
+
var starValue = index + 1;
|
|
172
|
+
if (displayValue >= starValue) {
|
|
173
|
+
return { icon: filledIcon, color: resolvedFilledColor };
|
|
174
|
+
}
|
|
175
|
+
if (allowHalf && displayValue >= starValue - 0.5) {
|
|
176
|
+
return { icon: halfIcon, color: resolvedFilledColor };
|
|
177
|
+
}
|
|
178
|
+
return { icon: emptyIcon, color: resolvedEmptyColor };
|
|
179
|
+
}, [
|
|
180
|
+
displayValue,
|
|
181
|
+
filledIcon,
|
|
182
|
+
emptyIcon,
|
|
183
|
+
halfIcon,
|
|
184
|
+
resolvedFilledColor,
|
|
185
|
+
resolvedEmptyColor,
|
|
186
|
+
allowHalf,
|
|
187
|
+
]);
|
|
188
|
+
var stars = (0, react_1.useMemo)(function () { return Array.from({ length: max }, function (_, i) { return i; }); }, [max]);
|
|
189
|
+
var _l = (0, useComponentTooltip_1.useComponentTooltip)(__assign(__assign({}, rest), { theme: theme, size: size, tooltip: tooltip, disabled: disabled, readOnly: readOnly, isInteractive: isInteractive, className: "".concat(className || '', " reqore-rating") }), StyledRating, ref), Component = _l.Component, componentProps = _l.props;
|
|
190
|
+
return ((0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], __assign({ vertical: true }, { children: [label && (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, __assign({ size: size }, labelProps, { children: label })), (0, jsx_runtime_1.jsxs)(Component, __assign({}, componentProps, { onMouseLeave: handleMouseLeave, onKeyDown: handleKeyDown, tabIndex: isInteractive ? 0 : undefined, role: 'slider', "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": max, "aria-disabled": disabled || undefined, "aria-readonly": readOnly || undefined, "aria-label": label || rest['aria-label'] || 'Rating' }, { children: [stars.map(function (index) {
|
|
191
|
+
var _a = getIconForIndex(index), icon = _a.icon, color = _a.color;
|
|
192
|
+
return ((0, jsx_runtime_1.jsx)(StyledRatingItem, __assign({ className: 'reqore-rating-item', onMouseMove: function (e) { return handleMouseMove(index, e); }, onClick: function (e) { return handleClick(index, e); }, isInteractive: isInteractive, size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], __assign({}, iconProps, { icon: icon, size: size, color: color })) }), index));
|
|
193
|
+
}), showRatingValue && ((0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, __assign({ intent: 'muted', size: (0, utils_1.getOneLessSize)(size) }, { children: "".concat(displayValue, " / ").concat(max) })))] }))] })));
|
|
194
|
+
}));
|
|
195
|
+
exports["default"] = ReqoreRating;
|
|
196
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
197
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Rating/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TSizes } from '../../constants/sizes';
|
|
3
|
+
import { IReqoreTheme } from '../../constants/theme';
|
|
4
|
+
import { IReqoreComponent, IReqoreDisabled, IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreFluid, IWithReqoreSize, TReqoreTooltipProp } from '../../types/global';
|
|
5
|
+
import { IReqoreIconName } from '../../types/icons';
|
|
6
|
+
import { TReqoreBadge } from '../Button';
|
|
7
|
+
import { IReqoreEffect, TReqoreEffectColor } from '../Effect';
|
|
8
|
+
export interface IReqoreTimelineItem extends IReqoreDisabled, IReqoreIntent {
|
|
9
|
+
/** Title of the timeline item */
|
|
10
|
+
title?: string;
|
|
11
|
+
/** Content/description of the timeline item */
|
|
12
|
+
content?: React.ReactNode;
|
|
13
|
+
/** Timestamp or date to display */
|
|
14
|
+
timestamp?: string | number;
|
|
15
|
+
/** Display timestamp as relative time (e.g., "2 hours ago") */
|
|
16
|
+
relativeTime?: boolean;
|
|
17
|
+
/** Icon to display in the timeline marker */
|
|
18
|
+
icon?: IReqoreIconName;
|
|
19
|
+
/** Custom color for the icon */
|
|
20
|
+
iconColor?: TReqoreEffectColor;
|
|
21
|
+
/** Click handler for interactive items */
|
|
22
|
+
onClick?: () => void;
|
|
23
|
+
/** Tooltip for the timeline item */
|
|
24
|
+
tooltip?: TReqoreTooltipProp;
|
|
25
|
+
/** Badge(s) to display next to the title */
|
|
26
|
+
badge?: TReqoreBadge | TReqoreBadge[];
|
|
27
|
+
/** Whether the item is collapsible */
|
|
28
|
+
collapsible?: boolean;
|
|
29
|
+
/** Whether the item is initially collapsed (only if collapsible) */
|
|
30
|
+
isCollapsed?: boolean;
|
|
31
|
+
/** Effect for the title */
|
|
32
|
+
titleEffect?: IReqoreEffect;
|
|
33
|
+
/** Effect for the content */
|
|
34
|
+
contentEffect?: IReqoreEffect;
|
|
35
|
+
}
|
|
36
|
+
export interface IReqoreTimelineProps extends Omit<React.HTMLAttributes<HTMLOListElement>, 'children'>, IReqoreComponent, IWithReqoreCustomTheme, IReqoreIntent, IWithReqoreFluid, IWithReqoreSize {
|
|
37
|
+
/** Array of timeline items to display */
|
|
38
|
+
items: IReqoreTimelineItem[];
|
|
39
|
+
}
|
|
40
|
+
export interface IReqoreTimelineStyle {
|
|
41
|
+
theme: IReqoreTheme;
|
|
42
|
+
size: TSizes;
|
|
43
|
+
fluid?: boolean;
|
|
44
|
+
}
|
|
45
|
+
export interface IReqoreTimelineItemStyle extends IReqoreTimelineStyle {
|
|
46
|
+
isClickable?: boolean;
|
|
47
|
+
isLast?: boolean;
|
|
48
|
+
disabled?: boolean;
|
|
49
|
+
hasIntent?: boolean;
|
|
50
|
+
isCollapsed?: boolean;
|
|
51
|
+
}
|
|
52
|
+
declare const ReqoreTimeline: import("react").MemoExoticComponent<(props: IReqoreTimelineProps & import("react").RefAttributes<HTMLOListElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>>;
|
|
53
|
+
export default ReqoreTimeline;
|
|
54
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAML,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAS9D,MAAM,WAAW,mBAAoB,SAAQ,eAAe,EAAE,aAAa;IACzE,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,+DAA+D;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,gCAAgC;IAChC,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oCAAoC;IACpC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,4CAA4C;IAC5C,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACtC,sCAAsC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,6BAA6B;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,EAC9D,gBAAgB,EAChB,sBAAsB,EACtB,aAAa,EACb,gBAAgB,EAChB,eAAe;IACjB,yCAAyC;IACzC,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,wBAAyB,SAAQ,oBAAoB;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAoLD,QAAA,MAAM,cAAc,gNA0KnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|