@useblu/ocean-react 1.37.0 → 1.38.0

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.38.0](https://github.com/ocean-ds/ocean-web/compare/v1.37.2...v1.38.0) (2022-11-10)
+
+### Features
+
+- add doughnut chart component ([#1037](https://github.com/ocean-ds/ocean-web/issues/1037)) ([df268fb](https://github.com/ocean-ds/ocean-web/commit/df268fb9fdb7cbcb5b297d87e64cd42c6c260ad0))
+
+## [1.37.2](https://github.com/ocean-ds/ocean-web/compare/v1.37.1...v1.37.2) (2022-11-09)
+
+### Bug Fixes
+
+- components bugs ([#1034](https://github.com/ocean-ds/ocean-web/issues/1034)) ([d3e4397](https://github.com/ocean-ds/ocean-web/commit/d3e4397f301f631643c7b46023b8c80d93055ab9)), closes [#1023](https://github.com/ocean-ds/ocean-web/issues/1023) [#1018](https://github.com/ocean-ds/ocean-web/issues/1018)
+- date-class tests ([#1035](https://github.com/ocean-ds/ocean-web/issues/1035)) ([8b009fc](https://github.com/ocean-ds/ocean-web/commit/8b009fcdc1edcdf1cd3bf17bc9c89abe704cf6ce))
+
 # [1.37.0](https://github.com/ocean-ds/ocean-web/compare/v1.36.3...v1.37.0) (2022-10-20)
 
 ### Features

package/Chart/DoughnutChart.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+export declare type DoughnutChartProps = {
+    title: string;
+    subtitle: string;
+    centerChartValue?: string;
+    centerChartLabel?: string;
+    data: IDoughnutChartData[];
+    className?: string;
+} & React.ComponentPropsWithoutRef<'div'>;
+export declare type IDoughnutChartData = {
+    id: string | number;
+    count: number;
+    percentage: number;
+    color: string;
+    descriptionLevel1: string | number | ReactNode;
+    descriptionLevel2?: string | number | ReactNode;
+};
+declare const DoughnutChart: React.FC<DoughnutChartProps>;
+export default DoughnutChart;
+//# sourceMappingURL=DoughnutChart.d.ts.map

package/Chart/DoughnutChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DoughnutChart.d.ts","sourceRoot":"","sources":["../../src/Chart/DoughnutChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,oBAAY,kBAAkB,GAAG;IAK/B,KAAK,EAAE,MAAM,CAAC;IAKd,QAAQ,EAAE,MAAM,CAAC;IAIjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAI1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAK1B,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAK3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,oBAAY,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAC/C,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACjD,CAAC;AAIF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgF/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/Chart/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DoughnutChart } from './DoughnutChart';
+export * from './DoughnutChart';
+//# sourceMappingURL=index.d.ts.map

package/Chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,iBAAiB,CAAC"}

package/Chart/mocks/doughnutChart.d.ts

@@ -0,0 +1,9 @@
+export declare const mockedDoughnutData: {
+    id: number;
+    count: number;
+    percentage: number;
+    color: string;
+    descriptionLevel1: string;
+    descriptionLevel2: number;
+}[];
+//# sourceMappingURL=doughnutChart.d.ts.map

package/Chart/mocks/doughnutChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"doughnutChart.d.ts","sourceRoot":"","sources":["../../../src/Chart/mocks/doughnutChart.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;;;;;GAiC9B,CAAC"}

package/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAoB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE/D,oBAAY,UAAU,GAAG;IAKvB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IAI3E,KAAK,CAAC,EAAE,MAAM,CAAC;IAIf,UAAU,CAAC,EAAE,MAAM,CAAC;IAIpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAIhB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAOnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAItB,cAAc,CAAC,EAAE,MAAM,CAAC;IAIxB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAI5B,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAChC,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GACpC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAE1C,QAAA,MAAM,KAAK;;;;;;;;;;yOAmET,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAoB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE/D,oBAAY,UAAU,GAAG;IAKvB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IAI3E,KAAK,CAAC,EAAE,MAAM,CAAC;IAIf,UAAU,CAAC,EAAE,MAAM,CAAC;IAIpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAIhB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAOnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAItB,cAAc,CAAC,EAAE,MAAM,CAAC;IAIxB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAI5B,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAChC,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GACpC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAE1C,QAAA,MAAM,KAAK;;;;;;;;;;yOAqET,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/Search/Search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAoB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAI/D,oBAAY,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAC/D,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAE1C,QAAA,MAAM,MAAM,uQAwDX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAoB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAK/D,oBAAY,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAC/D,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAE1C,QAAA,MAAM,MAAM,uQAkEX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAoB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE/D,oBAAY,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAC5D,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAC;AAE7C,QAAA,MAAM,QAAQ,yRAgDb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAoB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE/D,oBAAY,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAC5D,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAC;AAE7C,QAAA,MAAM,QAAQ,yRAkDb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/_util/useInputFilled.d.ts

@@ -6,6 +6,7 @@ declare type FilledProps = {
 };
 declare type FilledReturn = {
     filled: boolean;
+    inputValue: string | number | readonly string[] | undefined;
     handleChange: ChangeEventHandler<unknown>;
 };
 export default function useInputFilled({ value, defaultValue, onChange, }: FilledProps): FilledReturn;

package/_util/useInputFilled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInputFilled.d.ts","sourceRoot":"","sources":["../../src/_util/useInputFilled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAoC,MAAM,OAAO,CAAC;AAE7E,aAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IACxD,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IAC/D,QAAQ,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;CACpD,CAAC;AAEF,aAAK,YAAY,GAAG;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,YAAY,EACZ,QAAQ,GACT,EAAE,WAAW,GAAG,YAAY,CAsB5B"}
+{"version":3,"file":"useInputFilled.d.ts","sourceRoot":"","sources":["../../src/_util/useInputFilled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAoC,MAAM,OAAO,CAAC;AAE7E,aAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IACxD,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IAC/D,QAAQ,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;CACpD,CAAC;AAEF,aAAK,YAAY,GAAG;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IAC5D,YAAY,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,YAAY,EACZ,QAAQ,GACT,EAAE,WAAW,GAAG,YAAY,CAwB5B"}

package/index.es.js

@@ -4960,10 +4960,12 @@ var Carousel = function (_a) {
 function useInputFilled(_a) {
     var value = _a.value, defaultValue = _a.defaultValue, onChange = _a.onChange;
     var _b = useState(Boolean(value || defaultValue)), filled = _b[0], setFilled = _b[1];
+    var _c = useState(value || defaultValue), inputValue = _c[0], setInputValue = _c[1];
     var handleChange = useCallback(function (event) {
         if (onChange)
             return onChange(event);
         setFilled(Boolean(event.target.value));
+        setInputValue(event.target.value);
     }, [onChange]);
     useEffect(function () {
         setFilled(Boolean(value));
@@ -4971,7 +4973,7 @@ function useInputFilled(_a) {
     useEffect(function () {
         setFilled(Boolean(defaultValue));
     }, [defaultValue]);
-    return { filled: filled, handleChange: handleChange };
+    return { inputValue: inputValue, filled: filled, handleChange: handleChange };
 }
 
 function FormLabelBase(_a, ref) {
@@ -4998,7 +5000,7 @@ var FormControl = function (_a) {
 };
 
 var Input = e.forwardRef(function Input(_a, ref) {
-    var type = _a.type, label = _a.label, helperText = _a.helperText, error = _a.error, disabled = _a.disabled, defaultValue = _a.defaultValue, tooltipMessage = _a.tooltipMessage, position = _a.position, adornment = _a.adornment, className = _a.className, id = _a.id, onChange = _a.onChange, value = _a.value, rest = __rest$1(_a, ["type", "label", "helperText", "error", "disabled", "defaultValue", "tooltipMessage", "position", "adornment", "className", "id", "onChange", "value"]);
+    var type = _a.type, label = _a.label, helperText = _a.helperText, error = _a.error, disabled = _a.disabled, defaultValue = _a.defaultValue, placeholder = _a.placeholder, tooltipMessage = _a.tooltipMessage, position = _a.position, adornment = _a.adornment, className = _a.className, id = _a.id, onChange = _a.onChange, value = _a.value, rest = __rest$1(_a, ["type", "label", "helperText", "error", "disabled", "defaultValue", "placeholder", "tooltipMessage", "position", "adornment", "className", "id", "onChange", "value"]);
     var _b = useInputFilled({
         defaultValue: defaultValue,
         value: value,
@@ -5006,7 +5008,7 @@ var Input = e.forwardRef(function Input(_a, ref) {
     }), filled = _b.filled, handleChange = _b.handleChange;
     return (e.createElement(FormControl, { label: label, tooltipMessage: tooltipMessage, htmlFor: id, helperText: helperText, error: error, disabled: disabled },
         e.createElement("div", { className: classNames('ods-input', filled && 'ods-input--filled', disabled && 'ods-input--disabled', error && 'ods-input--error', position === 'left' && 'ods-input--left', adornment && !filled ? 'ods-input--disabled--text' : '', className) },
-            e.createElement("input", __assign$1({ ref: ref, type: type || 'text', id: id, disabled: disabled, onChange: handleChange, defaultValue: defaultValue, value: value }, rest)),
+            e.createElement("input", __assign$1({ ref: ref, type: type || 'text', id: id, disabled: disabled, onChange: handleChange, defaultValue: defaultValue, placeholder: placeholder, value: value }, rest)),
             adornment && (e.createElement("div", { className: classNames('ods-input__adornment', {
                     'ods-input__adornment--placeholder': !filled
                 }) }, adornment)))));
@@ -5049,14 +5051,14 @@ var Link = forwardRef(function Link(_a, ref) {
 });
 
 var TextArea = e.forwardRef(function TextArea(_a, ref) {
-    var className = _a.className, label = _a.label, helperText = _a.helperText, error = _a.error, id = _a.id, disabled = _a.disabled, onChange = _a.onChange, value = _a.value, defaultValue = _a.defaultValue, rest = __rest$1(_a, ["className", "label", "helperText", "error", "id", "disabled", "onChange", "value", "defaultValue"]);
+    var className = _a.className, label = _a.label, placeholder = _a.placeholder, helperText = _a.helperText, error = _a.error, id = _a.id, disabled = _a.disabled, onChange = _a.onChange, value = _a.value, defaultValue = _a.defaultValue, rest = __rest$1(_a, ["className", "label", "placeholder", "helperText", "error", "id", "disabled", "onChange", "value", "defaultValue"]);
     var _b = useInputFilled({
         defaultValue: defaultValue,
         value: value,
         onChange: onChange
     }), filled = _b.filled, handleChange = _b.handleChange;
     return (e.createElement(FormControl, { label: label, htmlFor: id, helperText: helperText, error: error, disabled: disabled },
-        e.createElement("textarea", __assign$1({ ref: ref, id: id, className: classNames('ods-textarea', filled && 'ods-textarea--filled', error && 'ods-textarea--error', className), disabled: disabled, onChange: handleChange, defaultValue: defaultValue, value: value }, rest))));
+        e.createElement("textarea", __assign$1({ ref: ref, id: id, className: classNames('ods-textarea', filled && 'ods-textarea--filled', error && 'ods-textarea--error', className), disabled: disabled, onChange: handleChange, placeholder: placeholder, defaultValue: defaultValue, value: value }, rest))));
 });
 
 var Context = e.createContext({});
@@ -8241,24 +8243,22 @@ function IconButtonBase(_a, ref) {
 var IconButton = e.forwardRef(IconButtonBase);
 
 var Search = e.forwardRef(function Input(_a, ref) {
-    var className = _a.className, id = _a.id, disabled = _a.disabled, value = _a.value, defaultValue = _a.defaultValue, onChange = _a.onChange, rest = __rest$1(_a, ["className", "id", "disabled", "value", "defaultValue", "onChange"]);
-    var _b = useState(defaultValue || value), inputValue = _b[0], setInputValue = _b[1];
+    var className = _a.className, id = _a.id, disabled = _a.disabled, value = _a.value, defaultValue = _a.defaultValue, placeholder = _a.placeholder, onChange = _a.onChange, rest = __rest$1(_a, ["className", "id", "disabled", "value", "defaultValue", "placeholder", "onChange"]);
+    var _b = useInputFilled({
+        defaultValue: defaultValue,
+        value: value,
+        onChange: onChange
+    }), inputValue = _b.inputValue, filled = _b.filled, handleChange = _b.handleChange;
     return (e.createElement(FormControl, { htmlFor: id, disabled: disabled },
-        e.createElement("div", { className: classNames('ods-search', inputValue && 'ods-search--filled', disabled && 'ods-search--disabled', className) },
+        e.createElement("div", { className: classNames('ods-search', filled && 'ods-search--filled', disabled && 'ods-search--disabled', className) },
             e.createElement("div", { className: "ods-search__adornment" },
                 e.createElement(jt, null)),
-            e.createElement("input", __assign$1({ ref: ref, type: "text", id: id, disabled: disabled, onChange: function (e) {
-                    setInputValue(e.target.value);
-                    if (onChange)
-                        onChange(e);
-                }, value: inputValue }, rest)),
-            inputValue && (e.createElement(IconButton, { "data-testid": "close", onClick: function () {
-                    setInputValue('');
+            e.createElement("input", __assign$1({ ref: ref, type: "text", id: id, disabled: disabled, onChange: handleChange, placeholder: placeholder, defaultValue: defaultValue, value: inputValue || '' }, rest)),
+            filled && (e.createElement(IconButton, { "data-testid": "close", onClick: function () {
                     var e = {
                         target: { value: '' }
                     };
-                    if (onChange)
-                        onChange(e);
+                    handleChange(e);
                 }, className: "ods-search__clean", size: "sm" },
                 e.createElement(Ma, null))))));
 });