@ultraviolet/plus 0.5.10 → 0.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@ultraviolet/icons/dist/components/Icon/index.js +2 -2
- package/dist/@ultraviolet/icons/dist/utils/capitalize.js +1 -2
- package/dist/index.d.ts +32 -2
- package/dist/src/components/CustomerSatisfaction/assets/1-5.svg.js +5 -0
- package/dist/src/components/CustomerSatisfaction/assets/1-5NB.svg.js +5 -0
- package/dist/src/components/CustomerSatisfaction/assets/2-5.svg.js +5 -0
- package/dist/src/components/CustomerSatisfaction/assets/2-5NB.svg.js +5 -0
- package/dist/src/components/CustomerSatisfaction/assets/3-5.svg.js +5 -0
- package/dist/src/components/CustomerSatisfaction/assets/3-5NB.svg.js +5 -0
- package/dist/src/components/CustomerSatisfaction/assets/4-5.svg.js +5 -0
- package/dist/src/components/CustomerSatisfaction/assets/4-5NB.svg.js +5 -0
- package/dist/src/components/CustomerSatisfaction/assets/5-5.svg.js +5 -0
- package/dist/src/components/CustomerSatisfaction/assets/5-5NB.svg.js +5 -0
- package/dist/src/components/CustomerSatisfaction/index.js +130 -0
- package/dist/src/components/EstimateCost/Components/Item.js +2 -2
- package/dist/src/components/EstimateCost/componentStyle.js +17 -13
- package/dist/src/index.js +1 -0
- package/package.json +4 -4
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _styled from '@emotion/styled/base';
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
3
|
import { forwardRef, useMemo } from 'react';
|
|
4
|
-
import capitalize
|
|
4
|
+
import capitalize from '../../utils/capitalize.js';
|
|
5
5
|
import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
|
|
6
6
|
|
|
7
7
|
const ICONS = {
|
|
@@ -356,7 +356,7 @@ const StyledIcon = /*#__PURE__*/_styled('svg', {
|
|
|
356
356
|
disabled
|
|
357
357
|
}) => {
|
|
358
358
|
// stronger is available only for neutral color
|
|
359
|
-
const definedProminence = color !== 'neutral' && prominence === 'stronger' ? capitalize
|
|
359
|
+
const definedProminence = color !== 'neutral' && prominence === 'stronger' ? capitalize(PROMINENCES.default) : capitalize(PROMINENCES[prominence]);
|
|
360
360
|
theme.colors[color];
|
|
361
361
|
const icon = `icon${definedProminence}${disabled ? 'Disabled' : ''}`;
|
|
362
362
|
return theme.colors?.[color]?.[icon] || color;
|
package/dist/index.d.ts
CHANGED
|
@@ -234,7 +234,7 @@ declare const EstimateCost: {
|
|
|
234
234
|
isPrimaryBackground?: boolean | undefined;
|
|
235
235
|
iteration?: Iteration | undefined;
|
|
236
236
|
label?: ReactNode;
|
|
237
|
-
labelTextVariant?: "body" | "caption" | "code" | "heading" | "bodySmall" | "bodySmallStrong" | "bodySmallStronger" | "bodyStrong" | "bodyStronger" | "captionSmall" | "captionSmallStrong" | "captionSmallStronger" | "captionStrong" | "captionStronger" | "headingLarge" | "headingSmall" | undefined;
|
|
237
|
+
labelTextVariant?: "body" | "caption" | "code" | "heading" | "bodySmall" | "bodySmallStrong" | "bodySmallStronger" | "bodyStrong" | "bodyStronger" | "captionSmall" | "captionSmallStrong" | "captionSmallStronger" | "captionStrong" | "captionStronger" | "codeStrong" | "codeStronger" | "headingLarge" | "headingLargeStrong" | "headingLargeStronger" | "headingSmall" | "headingSmallStrong" | "headingSmallStronger" | "headingStrong" | "headingStronger" | undefined;
|
|
238
238
|
labelTextProminence?: "strong" | "weak" | "default" | "stronger" | undefined;
|
|
239
239
|
longFractionDigits?: boolean | undefined;
|
|
240
240
|
maxAmount?: number | undefined;
|
|
@@ -327,4 +327,34 @@ declare const EstimateCost: {
|
|
|
327
327
|
}) => _emotion_react_jsx_runtime.JSX.Element;
|
|
328
328
|
};
|
|
329
329
|
|
|
330
|
-
|
|
330
|
+
declare const ratings: readonly [{
|
|
331
|
+
readonly value: 1;
|
|
332
|
+
readonly imgSelected: keyof JSX.IntrinsicElements;
|
|
333
|
+
readonly imgNotSelected: keyof JSX.IntrinsicElements;
|
|
334
|
+
}, {
|
|
335
|
+
readonly value: 2;
|
|
336
|
+
readonly imgSelected: keyof JSX.IntrinsicElements;
|
|
337
|
+
readonly imgNotSelected: keyof JSX.IntrinsicElements;
|
|
338
|
+
}, {
|
|
339
|
+
readonly value: 3;
|
|
340
|
+
readonly imgSelected: keyof JSX.IntrinsicElements;
|
|
341
|
+
readonly imgNotSelected: keyof JSX.IntrinsicElements;
|
|
342
|
+
}, {
|
|
343
|
+
readonly value: 4;
|
|
344
|
+
readonly imgSelected: keyof JSX.IntrinsicElements;
|
|
345
|
+
readonly imgNotSelected: keyof JSX.IntrinsicElements;
|
|
346
|
+
}, {
|
|
347
|
+
readonly value: 5;
|
|
348
|
+
readonly imgSelected: keyof JSX.IntrinsicElements;
|
|
349
|
+
readonly imgNotSelected: keyof JSX.IntrinsicElements;
|
|
350
|
+
}];
|
|
351
|
+
type Value = (typeof ratings)[number]['value'];
|
|
352
|
+
type CustomerSatisfactionProps = {
|
|
353
|
+
value: Value;
|
|
354
|
+
onChange: (rating: Value) => void;
|
|
355
|
+
'data-testid'?: string;
|
|
356
|
+
className?: string;
|
|
357
|
+
};
|
|
358
|
+
declare const CustomerSatisfaction: ({ value, onChange, "data-testid": dataTestId, className, }: CustomerSatisfactionProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
359
|
+
|
|
360
|
+
export { CodeEditor, ContentCard, ContentCardGroup, CustomerSatisfaction, EstimateCost, _default as estimateCostDefaultLocales };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import 'react';
|
|
2
|
+
|
|
3
|
+
var rating1 = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cpath%20fill%3D%22%23eef%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.1%200c-4.3%200-8.6.4-12.9%201.1C11.5%203.1%204%209.6%201.5%2021.4c-1.9%209.3-2.1%2018.7-.2%2028%202.3%2012%209.6%2019.3%2021.6%2021.4%204.3.8%208.7%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8-2.3-12-9.5-18.9-21.6-21C44.8.4%2040.4%200%2036.1%200%22%20clip-rule%3D%22evenodd%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%232e3192%22%20fill-rule%3D%22evenodd%22%20d%3D%22M70.7%2022.2c-2.3-12-9.5-18.9-21.6-21-.6-.1-1.2-.2-1.9-.3C50.2%203%2058.7%209.8%2062%2022c.3%201%205.2%2020.2-7%2034-10.9%2012.3-30.9%2015.4-48.1%206.2%203.7%204.5%209.1%207.5%2016%208.7%204.3.8%208.7%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.9-9.2%201.8-18.6.1-27.8z%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.06%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%231b1464%22%20d%3D%22M37.6%2047.7c-.1%200-.3%200-.4-.1-2.4-.9-5-.9-7.4%200-.6.2-1.4-.1-1.6-.7-.2-.6.1-1.4.7-1.6%203-1.1%206.2-1.1%209.2%200%20.6.2%201%201%20.7%201.6-.2.5-.7.8-1.2.8z%22%20opacity%3D%22.31%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%234f0599%22%20d%3D%22M33.9%2036.2c-7%200-13.6%202.7-18.5%207.7-.5.5-.5%201.3%200%201.7.5.5%201.3.5%201.7%200%204.5-4.5%2010.4-6.9%2016.8-6.9s12.3%202.5%2016.8%206.9c.2.2.6.4.9.4.3%200%20.6-.1.9-.4.5-.5.5-1.3%200-1.7-5-5-11.6-7.7-18.6-7.7m-20-6.7c0%202.5%202.1%204.6%204.6%204.6s4.6-2.1%204.6-4.6c0-.5-.1-1-.3-1.5.5.1%201%20.1%201.6.1%201.4%200%203-.2%204.8-.7.7-.2%201-.9.9-1.5-.2-.7-.9-1-1.5-.9-8.8%202.4-12.6-3.2-12.7-3.4-.4-.6-1.1-.7-1.7-.4-.6.4-.7%201.1-.4%201.7%200%20.1.9%201.3%202.6%202.6-1.5.8-2.5%202.3-2.5%204zm38.5-8.3c-.6-.4-1.3-.2-1.7.4%200%20.1-3.9%205.8-12.7%203.4-.7-.2-1.3.2-1.5.9-.2.7.2%201.3.9%201.5%201.8.5%203.4.7%204.8.7.5%200%201.1%200%201.6-.1-.2.5-.3%201-.3%201.5%200%202.5%202.1%204.6%204.6%204.6s4.6-2.1%204.6-4.6c0-1.7-.9-3.2-2.3-4%201.7-1.3%202.5-2.5%202.6-2.6.2-.6%200-1.3-.6-1.7z%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23f954a2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%20d%3D%22m46%209.5-2.3%202.3-2.3-2.3m6.5%206.6-2.3-2.3%202.3-2.3m-6.3%206.3%202.3-2.3%202.3%202.3m-6.6-6.5%202.4%202.3-2.4%202.3%22%2F%3E%3C%2Fsvg%3E";
|
|
4
|
+
|
|
5
|
+
export { rating1 as default };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import 'react';
|
|
2
|
+
|
|
3
|
+
var rating1NS = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cpath%20fill%3D%22%23f0f0f0%22%20d%3D%22M36.1%200c-4.3%200-8.6.4-12.9%201.1C11.5%203.1%204%209.6%201.5%2021.4c-2%209.2-2.1%2018.8-.2%2028%202.3%2012%209.6%2019.2%2021.6%2021.4%204.3.8%208.6%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8-2.3-12-9.5-18.9-21.6-21C44.8.4%2040.4%200%2036.1%200%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%233b3b3b%22%20d%3D%22M70.7%2022.2c-2.3-12-9.5-18.9-21.6-21-.6-.2-1.3-.2-1.9-.3C54.4%206.1%2059.6%2013.5%2062%2022c.3%201%205.2%2020.2-7%2034-10.9%2012.3-30.9%2015.4-48%206.2%203.7%204.5%209.1%207.5%2016%208.7%204.3.8%208.6%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8z%22%20opacity%3D%22.06%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%231f1f1f%22%20d%3D%22M37.6%2047.7c-.2%200-.3%200-.4-.1-2.4-.9-5-.9-7.4%200-.6.2-1.4-.1-1.6-.7-.2-.6.1-1.4.7-1.6%203-1.2%206.2-1.2%209.2%200%20.6.2%201%201%20.7%201.6-.2.5-.7.8-1.2.8z%22%20opacity%3D%22.31%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%232b2b2b%22%20d%3D%22M33.9%2036.2c-6.9%200-13.6%202.7-18.5%207.7-.5.5-.4%201.3.1%201.8.5.4%201.2.4%201.6%200%209.3-9.3%2024.3-9.3%2033.5%200%20.5.5%201.3.4%201.8-.1.4-.5.4-1.2%200-1.6-4.9-5.1-11.5-7.8-18.5-7.8zm-20-6.7c-.1%202.5%201.8%204.7%204.4%204.8%202.5.1%204.7-1.8%204.8-4.4v-.4c0-.5-.1-1-.3-1.5.5.1%201%20.1%201.5.1%201.6%200%203.2-.2%204.8-.7.7-.2%201-.9.9-1.5-.2-.7-.8-1-1.5-.9-8.8%202.4-12.6-3.2-12.7-3.4-.4-.6-1.1-.7-1.7-.4s-.7%201.1-.4%201.7c.7%201%201.6%201.9%202.6%202.6-1.5.8-2.4%202.3-2.4%204zm38.5-8.3c-.6-.4-1.3-.2-1.7.4%200%20.1-3.9%205.8-12.7%203.4-.7-.2-1.3.2-1.5.9s.2%201.3.9%201.5c1.6.4%203.2.7%204.8.7.5%200%201%200%201.5-.1-.2.5-.3%201-.3%201.5%200%202.5%202%204.6%204.6%204.6%202.5%200%204.6-2%204.6-4.6%200-1.7-.9-3.2-2.4-4%201-.7%201.9-1.6%202.6-2.6.4-.5.2-1.3-.4-1.7z%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%238e8e8e%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m46%209.5-2.3%202.3-2.3-2.3m6.5%206.6-2.3-2.3%202.3-2.3m-6.3%206.3%202.3-2.3%202.3%202.3m-6.5-6.5%202.3%202.3-2.3%202.3%22%2F%3E%3C%2Fsvg%3E";
|
|
4
|
+
|
|
5
|
+
export { rating1NS as default };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import 'react';
|
|
2
|
+
|
|
3
|
+
var rating2 = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cg%20data-name%3D%22Calque%202%22%3E%20%20%20%20%20%20%20%20%3Cg%20data-name%3D%22Calque%201%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23eef%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%232e3192%22%20fill-rule%3D%22evenodd%22%20d%3D%22M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z%22%20opacity%3D%22.06%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%234f0599%22%20d%3D%22M44.7%2040.9a23.75%2023.75%200%200%200-26.47%200%201.11%201.11%200%200%200-.31%201.55%201.14%201.14%200%200%200%201.56.31%2021.5%2021.5%200%200%201%2024%200%201.18%201.18%200%200%200%20.62.19%201.15%201.15%200%200%200%20.94-.5%201.12%201.12%200%200%200-.34-1.55zM22.22%2025.15a4.15%204.15%200%201%200-4.15%204.15%204.15%204.15%200%200%200%204.15-4.15M44.85%2021A4.15%204.15%200%201%200%2049%2025.15%204.16%204.16%200%200%200%2044.85%2021%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%231b1464%22%20d%3D%22M35.19%2044.84a1.1%201.1%200%200%201-.4-.08%209.19%209.19%200%200%200-6.65%200%201.12%201.12%200%201%201-.8-2.09%2011.4%2011.4%200%200%201%208.25%200%201.12%201.12%200%200%201-.4%202.17z%22%20opacity%3D%22.31%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
|
|
4
|
+
|
|
5
|
+
export { rating2 as default };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import 'react';
|
|
2
|
+
|
|
3
|
+
var rating2NS = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cpath%20fill%3D%22%23f0f0f0%22%20d%3D%22M36.1%200c-4.3%200-8.6.4-12.9%201.1C11.5%203.1%204%209.6%201.5%2021.4c-2%209.2-2.1%2018.8-.2%2028%202.3%2012%209.6%2019.2%2021.6%2021.4%204.3.8%208.6%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8-2.3-12-9.5-18.9-21.6-21C44.8.4%2040.4%200%2036.1%200%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%233b3b3b%22%20d%3D%22M70.7%2022.2c-2.3-12-9.5-18.9-21.6-21-.6-.2-1.3-.2-1.9-.3C54.4%206.1%2059.6%2013.5%2062%2022c.3%201%205.2%2020.2-7%2034-10.9%2012.3-30.9%2015.4-48%206.2%203.7%204.5%209.1%207.5%2016%208.7%204.3.8%208.6%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8z%22%20opacity%3D%22.06%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%232b2b2b%22%20d%3D%22M44.7%2040.9c-8-5.4-18.5-5.4-26.5%200-.5.3-.7%201-.3%201.5.4.5%201%20.6%201.6.3%207.3-4.9%2016.7-4.9%2024%200%20.2.1.4.2.6.2.4%200%20.7-.2.9-.5.4-.5.2-1.2-.3-1.5M22.2%2025.1c0-2.3-1.9-4.1-4.1-4.1-2.3%200-4.2%201.9-4.2%204.1s1.9%204.1%204.2%204.1c2.3.1%204.1-1.8%204.1-4.1zM44.8%2021c-2.3%200-4.1%201.9-4.1%204.2s1.9%204.1%204.2%204.1c2.3%200%204.1-1.9%204.1-4.1%200-2.3-1.9-4.2-4.2-4.2z%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%231f1f1f%22%20d%3D%22M35.2%2044.8c-.1%200-.3%200-.4-.1-2.1-.8-4.5-.8-6.6%200-.6.2-1.2%200-1.5-.6-.2-.6%200-1.2.6-1.5h.1c2.7-1%205.6-1%208.2%200%20.6.2.9.9.7%201.4-.2.6-.6.8-1.1.8z%22%20opacity%3D%22.31%22%2F%3E%3C%2Fsvg%3E";
|
|
4
|
+
|
|
5
|
+
export { rating2NS as default };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import 'react';
|
|
2
|
+
|
|
3
|
+
var rating3 = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cg%20data-name%3D%22Calque%202%22%3E%20%20%20%20%20%20%20%20%3Cg%20data-name%3D%22Calque%201%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23eef%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%232e3192%22%20fill-rule%3D%22evenodd%22%20d%3D%22M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z%22%20opacity%3D%22.06%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%234f0599%22%20d%3D%22M23.64%2025.86a4.86%204.86%200%201%200-4.86%204.85%204.87%204.87%200%200%200%204.86-4.85M50.14%2021A4.86%204.86%200%201%200%2055%2025.86%204.86%204.86%200%200%200%2050.14%2021%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%234f0599%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.51%22%20d%3D%22M24%2044h22%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%231b1464%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M32%2050h6%22%20opacity%3D%22.31%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
|
|
4
|
+
|
|
5
|
+
export { rating3 as default };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import 'react';
|
|
2
|
+
|
|
3
|
+
var rating3NS = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cg%20data-name%3D%22Calque%202%22%3E%20%20%20%20%20%20%20%20%3Cg%20data-name%3D%22Calque%201%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23f0f0f0%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%233b3b3b%22%20fill-rule%3D%22evenodd%22%20d%3D%22M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z%22%20opacity%3D%22.06%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%232b2b2b%22%20d%3D%22M23.64%2025.86a4.86%204.86%200%201%200-4.86%204.85%204.87%204.87%200%200%200%204.86-4.85M50.14%2021A4.86%204.86%200%201%200%2055%2025.86%204.86%204.86%200%200%200%2050.14%2021%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%232b2b2b%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222.51%22%20d%3D%22M24%2044h22%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%231f1f1f%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M32%2050h6%22%20opacity%3D%22.31%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
|
|
4
|
+
|
|
5
|
+
export { rating3NS as default };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import 'react';
|
|
2
|
+
|
|
3
|
+
var rating4 = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cpath%20fill%3D%22%23eef%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%234f0599%22%20d%3D%22M31.5%2046.28a17.85%2017.85%200%200%201-13.09-5.81%201.18%201.18%200%200%201%200-1.59%201%201%200%200%201%201.48%200%2015.66%2015.66%200%200%200%2023.22%200%201%201%200%200%201%201.48%200%201.2%201.2%200%200%201%200%201.59%2017.85%2017.85%200%200%201-13.09%205.81z%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%231b1464%22%20d%3D%22M31.5%2051.14a17.47%2017.47%200%200%201-5-.74%201.13%201.13%200%200%201-.73-1.4%201%201%200%200%201%201.29-.78%2015.26%2015.26%200%200%200%208.88%200%201%201%200%200%201%201.29.78%201.13%201.13%200%200%201-.72%201.38%2017.52%2017.52%200%200%201-5.01.76%22%20opacity%3D%22.31%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%234f0599%22%20d%3D%22M24.32%2028.58a1.08%201.08%200%200%201-1-1.12A5.3%205.3%200%200%200%2018.19%2022a5.3%205.3%200%200%200-5.09%205.46%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.45%207.45%200%200%201%207.17%207.7%201.08%201.08%200%200%201-1.04%201.12zm26.62%200a1.09%201.09%200%200%201-1-1.12%205.1%205.1%200%201%200-10.17%200%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.46%207.46%200%200%201%207.14%207.7%201.08%201.08%200%200%201-1.06%201.12z%22%2F%3E%20%20%20%20%3Cellipse%20cx%3D%2213.75%22%20cy%3D%2237.62%22%20fill%3D%22%23f270a8%22%20rx%3D%222.75%22%20ry%3D%222.96%22%2F%3E%20%20%20%20%3Cellipse%20cx%3D%2249.25%22%20cy%3D%2237.62%22%20fill%3D%22%23f270a8%22%20rx%3D%222.75%22%20ry%3D%222.96%22%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%232e3192%22%20fill-rule%3D%22evenodd%22%20d%3D%22M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z%22%20opacity%3D%22.06%22%2F%3E%3C%2Fsvg%3E";
|
|
4
|
+
|
|
5
|
+
export { rating4 as default };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import 'react';
|
|
2
|
+
|
|
3
|
+
var rating4NS = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3Cstyle%3E%20%20%20%20%20%20%20%20%20%20%20%20.cls-2%7Bfill%3A%232b2b2b%7D.cls-4%7Bfill%3A%239d9d9d%7D%20%20%20%20%20%20%20%20%3C%2Fstyle%3E%20%20%20%20%3C%2Fdefs%3E%20%20%20%20%3Cg%20id%3D%22Calque_2%22%20data-name%3D%22Calque%202%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Calque_1-2%22%20data-name%3D%22Calque%201%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23f0f0f0%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M31.5%2046.28a17.85%2017.85%200%200%201-13.09-5.81%201.18%201.18%200%200%201%200-1.59%201%201%200%200%201%201.48%200%2015.66%2015.66%200%200%200%2023.22%200%201%201%200%200%201%201.48%200%201.2%201.2%200%200%201%200%201.59%2017.85%2017.85%200%200%201-13.09%205.81z%22%20class%3D%22cls-2%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%231f1f1f%22%20d%3D%22M31.5%2051.14a17.47%2017.47%200%200%201-5-.74%201.13%201.13%200%200%201-.73-1.4%201%201%200%200%201%201.29-.78%2015.26%2015.26%200%200%200%208.88%200%201%201%200%200%201%201.29.78%201.13%201.13%200%200%201-.72%201.38%2017.52%2017.52%200%200%201-5.01.76%22%20opacity%3D%22.31%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M24.32%2028.58a1.08%201.08%200%200%201-1-1.12A5.3%205.3%200%200%200%2018.19%2022a5.3%205.3%200%200%200-5.09%205.46%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.45%207.45%200%200%201%207.17%207.7%201.08%201.08%200%200%201-1.04%201.12zm26.62%200a1.09%201.09%200%200%201-1-1.12%205.1%205.1%200%201%200-10.17%200%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.46%207.46%200%200%201%207.14%207.7%201.08%201.08%200%200%201-1.06%201.12z%22%20class%3D%22cls-2%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2213.75%22%20cy%3D%2237.62%22%20class%3D%22cls-4%22%20rx%3D%222.75%22%20ry%3D%222.96%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cellipse%20cx%3D%2249.25%22%20cy%3D%2237.62%22%20class%3D%22cls-4%22%20rx%3D%222.75%22%20ry%3D%222.96%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%233b3b3b%22%20fill-rule%3D%22evenodd%22%20d%3D%22M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z%22%20opacity%3D%22.06%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
|
|
4
|
+
|
|
5
|
+
export { rating4NS as default };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import 'react';
|
|
2
|
+
|
|
3
|
+
var rating5 = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cg%20data-name%3D%22Calque%202%22%3E%20%20%20%20%20%20%20%20%3Cg%20data-name%3D%22Calque%201%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23eef%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%234f0599%22%20d%3D%22M24.32%2028.58a1.08%201.08%200%200%201-1-1.12A5.3%205.3%200%200%200%2018.19%2022a5.3%205.3%200%200%200-5.09%205.46%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.45%207.45%200%200%201%207.17%207.7%201.08%201.08%200%200%201-1.04%201.12zm26.62%200a1.09%201.09%200%200%201-1-1.12%205.1%205.1%200%201%200-10.17%200%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.46%207.46%200%200%201%207.14%207.7%201.08%201.08%200%200%201-1.06%201.12z%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%232e3192%22%20fill-rule%3D%22evenodd%22%20d%3D%22M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z%22%20opacity%3D%22.06%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M46%2032.9v5.47a21.22%2021.22%200%200%201-30%200V32.9a21.22%2021.22%200%200%200%2030%200%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23f954a2%22%20d%3D%22M34.82%2048.44a6.4%206.4%200%200%201%205.63%203.36%2015%2015%200%200%201-18.9%200A6.39%206.39%200%200%201%2031%2049.71a6.31%206.31%200%200%201%203.82-1.27%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23971096%22%20d%3D%22M46%2038.37v1.78a15%2015%200%200%201-4.39%2010.61c-.37.37-.76.71-1.16%201a6.4%206.4%200%200%200-5.63-3.36A6.31%206.31%200%200%200%2031%2049.71a6.39%206.39%200%200%200-9.45%202.09A15%2015%200%200%201%2016%2040.15v-1.78a21.22%2021.22%200%200%200%2030%200%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
|
|
4
|
+
|
|
5
|
+
export { rating5 as default };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import 'react';
|
|
2
|
+
|
|
3
|
+
var rating5NS = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%20%20%20%20%3Cg%20data-name%3D%22Calque%202%22%3E%20%20%20%20%20%20%20%20%3Cg%20data-name%3D%22Calque%201%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23f0f0f0%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%232b2b2b%22%20d%3D%22M24.32%2028.58a1.08%201.08%200%200%201-1-1.12A5.3%205.3%200%200%200%2018.19%2022a5.3%205.3%200%200%200-5.09%205.46%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.45%207.45%200%200%201%207.17%207.7%201.08%201.08%200%200%201-1.04%201.12zm26.62%200a1.09%201.09%200%200%201-1-1.12%205.1%205.1%200%201%200-10.17%200%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.46%207.46%200%200%201%207.14%207.7%201.08%201.08%200%200%201-1.06%201.12z%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%233b3b3b%22%20fill-rule%3D%22evenodd%22%20d%3D%22M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z%22%20opacity%3D%22.06%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M46%2032.9v5.47a21.22%2021.22%200%200%201-30%200V32.9a21.22%2021.22%200%200%200%2030%200%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%238e8e8e%22%20d%3D%22M34.82%2048.44a6.4%206.4%200%200%201%205.63%203.36%2015%2015%200%200%201-18.9%200A6.39%206.39%200%200%201%2031%2049.71a6.31%206.31%200%200%201%203.82-1.27%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23474747%22%20d%3D%22M46%2038.37v1.78a15%2015%200%200%201-4.39%2010.61c-.37.37-.76.71-1.16%201a6.4%206.4%200%200%200-5.63-3.36A6.31%206.31%200%200%200%2031%2049.71a6.39%206.39%200%200%200-9.45%202.09A15%2015%200%200%201%2016%2040.15v-1.78a21.22%2021.22%200%200%200%2030%200%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
|
|
4
|
+
|
|
5
|
+
export { rating5NS as default };
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import _styled from '@emotion/styled/base';
|
|
2
|
+
import { keyframes, css } from '@emotion/react';
|
|
3
|
+
import { Stack } from '@ultraviolet/ui';
|
|
4
|
+
import { useState, useMemo } from 'react';
|
|
5
|
+
import rating1 from './assets/1-5.svg.js';
|
|
6
|
+
import rating1NS from './assets/1-5NB.svg.js';
|
|
7
|
+
import rating2 from './assets/2-5.svg.js';
|
|
8
|
+
import rating2NS from './assets/2-5NB.svg.js';
|
|
9
|
+
import rating3 from './assets/3-5.svg.js';
|
|
10
|
+
import rating3NS from './assets/3-5NB.svg.js';
|
|
11
|
+
import rating4 from './assets/4-5.svg.js';
|
|
12
|
+
import rating4NS from './assets/4-5NB.svg.js';
|
|
13
|
+
import rating5 from './assets/5-5.svg.js';
|
|
14
|
+
import rating5NS from './assets/5-5NB.svg.js';
|
|
15
|
+
import { jsx } from '@emotion/react/jsx-runtime';
|
|
16
|
+
|
|
17
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
18
|
+
const ratings = [{
|
|
19
|
+
value: 1,
|
|
20
|
+
imgSelected: rating1,
|
|
21
|
+
imgNotSelected: rating1NS
|
|
22
|
+
}, {
|
|
23
|
+
value: 2,
|
|
24
|
+
imgSelected: rating2,
|
|
25
|
+
imgNotSelected: rating2NS
|
|
26
|
+
}, {
|
|
27
|
+
value: 3,
|
|
28
|
+
imgSelected: rating3,
|
|
29
|
+
imgNotSelected: rating3NS
|
|
30
|
+
}, {
|
|
31
|
+
value: 4,
|
|
32
|
+
imgSelected: rating4,
|
|
33
|
+
imgNotSelected: rating4NS
|
|
34
|
+
}, {
|
|
35
|
+
value: 5,
|
|
36
|
+
imgSelected: rating5,
|
|
37
|
+
imgNotSelected: rating5NS
|
|
38
|
+
}];
|
|
39
|
+
const angryAnim = keyframes`
|
|
40
|
+
from, 10%, 40%, 80%, to {
|
|
41
|
+
transform: translate3d(0, 0, 0);
|
|
42
|
+
transform: rotate(0deg);
|
|
43
|
+
}
|
|
44
|
+
30% {
|
|
45
|
+
transform: translate3d(-5px, 0, 0);
|
|
46
|
+
transform: rotate(5deg);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
60% {
|
|
50
|
+
transform: translate3d(-4px, 0, 0);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
90% {
|
|
54
|
+
transform: translate3d(-1px, 0, 0);
|
|
55
|
+
transform: rotate(-5deg);
|
|
56
|
+
}
|
|
57
|
+
`;
|
|
58
|
+
const happyAnim = keyframes`
|
|
59
|
+
from, 10%, 40%, 80%, to {
|
|
60
|
+
transform: translate3d(0, 0, 0);
|
|
61
|
+
transform: rotate(0deg);
|
|
62
|
+
}
|
|
63
|
+
30% {
|
|
64
|
+
transform: translate3d(0, 5px, 0);
|
|
65
|
+
transform: rotate(5deg);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
60% {
|
|
69
|
+
transform: translate3d(0, -6px, 0);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
90% {
|
|
73
|
+
transform: translate3d(0, -2px, 0);
|
|
74
|
+
}
|
|
75
|
+
`;
|
|
76
|
+
const scaled = process.env.NODE_ENV === "production" ? {
|
|
77
|
+
name: "1wbgrkf",
|
|
78
|
+
styles: "transform:scale(1.2)"
|
|
79
|
+
} : {
|
|
80
|
+
name: "1wbgrkf",
|
|
81
|
+
styles: "transform:scale(1.2)",
|
|
82
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
83
|
+
};
|
|
84
|
+
const StyledImage = component => /*#__PURE__*/_styled(component, {
|
|
85
|
+
target: "epmg9lb0"
|
|
86
|
+
})("height:88px;width:88px;cursor:pointer;transition:transform 1s cubic-bezier(0.19, 1, 0.22, 1);&:hover,&:focus{", scaled, ";}", ({
|
|
87
|
+
isHovered,
|
|
88
|
+
isSelected
|
|
89
|
+
}) => isHovered && isSelected && scaled, " ", ({
|
|
90
|
+
isSelected,
|
|
91
|
+
isHappy
|
|
92
|
+
}) => isSelected && /*#__PURE__*/css("animation:", isHappy ? happyAnim : angryAnim, " 1s ease infinite;"), ";");
|
|
93
|
+
const CustomerSatisfaction = ({
|
|
94
|
+
value,
|
|
95
|
+
onChange,
|
|
96
|
+
'data-testid': dataTestId,
|
|
97
|
+
className
|
|
98
|
+
}) => {
|
|
99
|
+
const [hoveredValue, setHoveredValue] = useState(0);
|
|
100
|
+
const isHappy = useMemo(() => value > ratings.length / 2, [value]);
|
|
101
|
+
return jsx(Stack, {
|
|
102
|
+
direction: "row",
|
|
103
|
+
justifyContent: "space-between",
|
|
104
|
+
className: className,
|
|
105
|
+
"data-testid": dataTestId,
|
|
106
|
+
children: ratings.map(rating => {
|
|
107
|
+
const isSelected = rating.value === value;
|
|
108
|
+
const isHovered = rating.value === hoveredValue;
|
|
109
|
+
const isOverfly = rating.value <= hoveredValue;
|
|
110
|
+
const Image = StyledImage(isSelected || isOverfly || rating.value <= value ? rating.imgSelected : rating.imgNotSelected);
|
|
111
|
+
return jsx(Image, {
|
|
112
|
+
isHappy: isHappy,
|
|
113
|
+
isHovered: isHovered,
|
|
114
|
+
isSelected: isSelected,
|
|
115
|
+
onClick: () => {
|
|
116
|
+
onChange(rating.value);
|
|
117
|
+
},
|
|
118
|
+
onMouseEnter: () => {
|
|
119
|
+
setHoveredValue(rating.value);
|
|
120
|
+
},
|
|
121
|
+
onMouseLeave: () => {
|
|
122
|
+
setHoveredValue(0);
|
|
123
|
+
},
|
|
124
|
+
"data-testid": `${dataTestId}-${rating.value}`
|
|
125
|
+
}, rating.value);
|
|
126
|
+
})
|
|
127
|
+
});
|
|
128
|
+
};
|
|
129
|
+
|
|
130
|
+
export { CustomerSatisfaction };
|
|
@@ -5,7 +5,7 @@ import { useMemo, useState, useEffect, useCallback, useId, Children, isValidElem
|
|
|
5
5
|
import flattenChildren from 'react-flatten-children';
|
|
6
6
|
import { useEstimateCost } from '../EstimateCostProvider.js';
|
|
7
7
|
import { useOverlay } from '../OverlayContext.js';
|
|
8
|
-
import { Cell, StyledDiv, PriceCell, OverlayRow, StyledLeftSide } from '../componentStyle.js';
|
|
8
|
+
import { Cell, StyledDiv, PriceCell, OverlayRow, StyledTr, StyledLeftSide } from '../componentStyle.js';
|
|
9
9
|
import { multiplier, maximumFractionDigitsLong, maximumFractionDigits, MAX_CELL_WIDTH } from '../constants.js';
|
|
10
10
|
import { calculatePrice } from '../helper.js';
|
|
11
11
|
import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
|
|
@@ -161,7 +161,7 @@ const Item = ({
|
|
|
161
161
|
const {
|
|
162
162
|
isOverlay
|
|
163
163
|
} = useOverlay();
|
|
164
|
-
const Row = isOverlay ? OverlayRow :
|
|
164
|
+
const Row = isOverlay ? OverlayRow : StyledTr;
|
|
165
165
|
const Cell$1 = isOverlay ? Cell.withComponent('div', {
|
|
166
166
|
target: "e1kzy2rr8"
|
|
167
167
|
}) : Cell;
|
|
@@ -13,7 +13,7 @@ const spacedChildren = process.env.NODE_ENV === "production" ? {
|
|
|
13
13
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
14
14
|
};
|
|
15
15
|
const StyledDiv = /*#__PURE__*/_styled("div", {
|
|
16
|
-
target: "
|
|
16
|
+
target: "e1xb5k8j15"
|
|
17
17
|
})(process.env.NODE_ENV === "production" ? {
|
|
18
18
|
name: "158icaa",
|
|
19
19
|
styles: "margin-left:4px"
|
|
@@ -24,26 +24,26 @@ const StyledDiv = /*#__PURE__*/_styled("div", {
|
|
|
24
24
|
});
|
|
25
25
|
const StyledTable = /*#__PURE__*/_styled('table', {
|
|
26
26
|
shouldForwardProp: prop => !['noTotal'].includes(prop),
|
|
27
|
-
target: "
|
|
27
|
+
target: "e1xb5k8j14"
|
|
28
28
|
})("width:100%;", spacedChildren, ";border:1px solid ", ({
|
|
29
29
|
theme
|
|
30
30
|
}) => theme.colors.neutral.border, ";", ({
|
|
31
31
|
noTotal
|
|
32
32
|
}) => noTotal ? 'border-radius: 4px;' : 'border-radius: 4px 4px 0 4px;', ";");
|
|
33
33
|
const StyledFeesTable = /*#__PURE__*/_styled('table', {
|
|
34
|
-
target: "
|
|
34
|
+
target: "e1xb5k8j13"
|
|
35
35
|
})("width:100%;", spacedChildren, ";border:1px solid ", ({
|
|
36
36
|
theme
|
|
37
37
|
}) => theme.colors.neutral.border, ";border-radius:4px;margin-top:16px;");
|
|
38
|
-
const PriceCol = /*#__PURE__*/_styled("
|
|
39
|
-
target: "
|
|
38
|
+
const PriceCol = /*#__PURE__*/_styled("col", {
|
|
39
|
+
target: "e1xb5k8j12"
|
|
40
40
|
})("background-color:", ({
|
|
41
41
|
theme
|
|
42
42
|
}) => theme.colors.neutral.background, ";");
|
|
43
43
|
const PriceCell = theme => /*#__PURE__*/css("border-left:1px solid ", theme.colors.neutral.border, ";background-color:", theme.colors.neutral.backgroundWeak, ";");
|
|
44
44
|
const Cell = /*#__PURE__*/_styled('td', {
|
|
45
45
|
shouldForwardProp: prop => !['tabulation', 'hasBorder', 'primary'].includes(prop),
|
|
46
|
-
target: "
|
|
46
|
+
target: "e1xb5k8j11"
|
|
47
47
|
})("padding-left:", ({
|
|
48
48
|
tabulation
|
|
49
49
|
}) => (tabulation ?? 0) * 8 + 16, "px;padding-right:16px;position:relative;max-width:", MAX_CELL_WIDTH, ";", ({
|
|
@@ -54,14 +54,14 @@ const Cell = /*#__PURE__*/_styled('td', {
|
|
|
54
54
|
primary
|
|
55
55
|
}) => primary ? /*#__PURE__*/css("background:", theme.colors.primary.background, ";") : null, ";");
|
|
56
56
|
const TotalPriceCell = /*#__PURE__*/_styled(Cell, {
|
|
57
|
-
target: "
|
|
57
|
+
target: "e1xb5k8j10"
|
|
58
58
|
})("border-color:", ({
|
|
59
59
|
theme
|
|
60
60
|
}) => theme.colors.neutral.border, ";border-style:solid;border-width:0 1px 1px 1px;border-radius:0 0 4px 4px;min-width:202px;height:56px;background-color:", ({
|
|
61
61
|
theme
|
|
62
62
|
}) => theme.colors.primary.background, ";");
|
|
63
63
|
const EmptyTable = /*#__PURE__*/_styled("table", {
|
|
64
|
-
target: "
|
|
64
|
+
target: "e1xb5k8j9"
|
|
65
65
|
})(process.env.NODE_ENV === "production" ? {
|
|
66
66
|
name: "1bmvmcg",
|
|
67
67
|
styles: "margin:0;width:100%"
|
|
@@ -71,14 +71,14 @@ const EmptyTable = /*#__PURE__*/_styled("table", {
|
|
|
71
71
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
72
72
|
});
|
|
73
73
|
const Title = /*#__PURE__*/_styled("h3", {
|
|
74
|
-
target: "
|
|
74
|
+
target: "e1xb5k8j8"
|
|
75
75
|
})("display:flex;align-items:center;padding:0;margin:0;font-size:18px;color:", ({
|
|
76
76
|
theme
|
|
77
77
|
}) => theme.colors.neutral.text, ";font-weight:500;padding:", ({
|
|
78
78
|
theme
|
|
79
79
|
}) => theme.space['2'], ";");
|
|
80
80
|
const EmptyCell = /*#__PURE__*/_styled("td", {
|
|
81
|
-
target: "
|
|
81
|
+
target: "e1xb5k8j7"
|
|
82
82
|
})(process.env.NODE_ENV === "production" ? {
|
|
83
83
|
name: "22sgtr",
|
|
84
84
|
styles: "width:538px"
|
|
@@ -88,7 +88,7 @@ const EmptyCell = /*#__PURE__*/_styled("td", {
|
|
|
88
88
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
89
89
|
});
|
|
90
90
|
const TimeCell = /*#__PURE__*/_styled("div", {
|
|
91
|
-
target: "
|
|
91
|
+
target: "e1xb5k8j6"
|
|
92
92
|
})(process.env.NODE_ENV === "production" ? {
|
|
93
93
|
name: "1dh7njz",
|
|
94
94
|
styles: "max-width:200px;padding:16px;align-items:start;text-align:left;float:right"
|
|
@@ -99,10 +99,14 @@ const TimeCell = /*#__PURE__*/_styled("div", {
|
|
|
99
99
|
});
|
|
100
100
|
const BadgeBeta = /*#__PURE__*/_styled(Badge, {
|
|
101
101
|
shouldForwardProp: prop => !['long'].includes(prop),
|
|
102
|
-
target: "
|
|
102
|
+
target: "e1xb5k8j5"
|
|
103
103
|
})("margin-left:", ({
|
|
104
104
|
long
|
|
105
105
|
}) => long ? '-185px' : '-115px', ";position:absolute;top:calc(50% - 16px);");
|
|
106
|
+
const StyledTr = /*#__PURE__*/_styled('tr', {
|
|
107
|
+
shouldForwardProp: prop => !['isFirstElement', 'shouldBeHidden', 'hideFromOverlay'].includes(prop),
|
|
108
|
+
target: "e1xb5k8j4"
|
|
109
|
+
})();
|
|
106
110
|
const OverlayRow = /*#__PURE__*/_styled('li', {
|
|
107
111
|
shouldForwardProp: prop => !['isFirstElement', 'shouldBeHidden', 'hideFromOverlay'].includes(prop),
|
|
108
112
|
target: "e1xb5k8j3"
|
|
@@ -142,4 +146,4 @@ const StyledBadge = /*#__PURE__*/_styled(Badge, {
|
|
|
142
146
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
143
147
|
});
|
|
144
148
|
|
|
145
|
-
export { BadgeBeta, Cell, EmptyCell, EmptyTable, ItemResourceName, OverlayRow, PriceCell, PriceCol, StyledBadge, StyledDiv, StyledFeesTable, StyledLeftSide, StyledTable, TimeCell, Title, TotalPriceCell };
|
|
149
|
+
export { BadgeBeta, Cell, EmptyCell, EmptyTable, ItemResourceName, OverlayRow, PriceCell, PriceCol, StyledBadge, StyledDiv, StyledFeesTable, StyledLeftSide, StyledTable, StyledTr, TimeCell, Title, TotalPriceCell };
|
package/dist/src/index.js
CHANGED
|
@@ -3,3 +3,4 @@ export { ContentCardGroup } from './components/ContentCardGroup/index.js';
|
|
|
3
3
|
export { CodeEditor } from './components/CodeEditor/CodeEditor.js';
|
|
4
4
|
export { EstimateCost } from './components/EstimateCost/EstimateCost.js';
|
|
5
5
|
export { default as estimateCostDefaultLocales } from './components/EstimateCost/locales/en.js';
|
|
6
|
+
export { CustomerSatisfaction } from './components/CustomerSatisfaction/index.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ultraviolet/plus",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.1",
|
|
4
4
|
"description": "Ultraviolet Plus",
|
|
5
5
|
"homepage": "https://github.com/scaleway/ultraviolet#readme",
|
|
6
6
|
"repository": {
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"@types/react-dom": "18.2.18",
|
|
48
48
|
"react": "18.2.0",
|
|
49
49
|
"react-dom": "18.2.0",
|
|
50
|
-
"@ultraviolet/icons": "2.7.
|
|
50
|
+
"@ultraviolet/icons": "2.7.7"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"@uiw/codemirror-extensions-langs": "4.21.21",
|
|
@@ -55,8 +55,8 @@
|
|
|
55
55
|
"@uiw/react-codemirror": "4.21.21",
|
|
56
56
|
"react-flatten-children": "1.1.2",
|
|
57
57
|
"react-intersection-observer": "9.5.3",
|
|
58
|
-
"@ultraviolet/themes": "1.
|
|
59
|
-
"@ultraviolet/ui": "1.
|
|
58
|
+
"@ultraviolet/themes": "1.7.0",
|
|
59
|
+
"@ultraviolet/ui": "1.31.0"
|
|
60
60
|
},
|
|
61
61
|
"scripts": {
|
|
62
62
|
"build": "rollup -c ../../rollup.config.mjs",
|