@zextras/carbonio-design-system 2.1.0 → 2.1.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [2.1.1](https://github.com/Zextras/carbonio-design-system/compare/v2.1.0...v2.1.1) (2023-06-15)
+
+
+### Bug Fixes
+
+* **TextArea:** update label position when value change ([542cb70](https://github.com/Zextras/carbonio-design-system/commit/542cb704c652805ef0cad3035a429c1b42be4a57)), closes [#190](https://github.com/Zextras/carbonio-design-system/issues/190)
+
 ## [2.1.0](https://github.com/Zextras/carbonio-design-system/compare/v2.0.0...v2.1.0) (2023-05-23)
 
 

package/dist/zapp-ui.bundle.d.ts

@@ -651,18 +651,18 @@ export declare interface ContainerProps extends Omit<ContainerElProps, 'orientat
     children?: React_2.ReactNode | React_2.ReactNode[];
 }
 
-declare type ControlledMultipleSelection = {
+declare type ControlledMultipleSelection<T> = {
     multiple: true;
-    selection: Array<SelectItem>;
+    selection: Array<SelectItem<T>>;
     defaultSelection?: never;
-    onChange: MultipleSelectionOnChange;
+    onChange: MultipleSelectionOnChange<T>;
 };
 
-declare type ControlledSingleSelection = {
+declare type ControlledSingleSelection<T> = {
     multiple?: false;
-    selection: SelectItem;
+    selection: SelectItem<T>;
     defaultSelection?: never;
-    onChange: SingleSelectionOnChange;
+    onChange: SingleSelectionOnChange<T>;
 };
 
 declare type ControlledTableProps = {
@@ -1166,14 +1166,14 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
      haveToPreventDefault?: boolean;
  };
 
- export declare interface LabelFactoryProps {
+ export declare interface LabelFactoryProps<T = string> {
      label: string | undefined;
      open: boolean;
      focus: boolean;
-     background: string | keyof DefaultTheme['palette'];
+     background: string;
      multiple: boolean;
      disabled: boolean;
-     selected: SelectItem[];
+     selected: SelectItem<T>[];
  }
 
  export declare const Link: React_2.ForwardRefExoticComponent<{
@@ -1453,7 +1453,7 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
      dropdownProps?: DropdownProps;
  } & Omit<ButtonProps, 'secondaryAction' | 'icon' | 'disabled'>;
 
- export declare type MultipleSelectionOnChange = (value: Array<SelectItem>) => void;
+ export declare type MultipleSelectionOnChange<T = string> = (value: Array<SelectItem<T>>) => void;
 
  declare type NonEmptyArray<T> = [T, ...T[]];
 
@@ -1637,13 +1637,13 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
      inputRef?: React_2.RefObject<HTMLInputElement>;
  }
 
- export declare const Select: React_2.ForwardRefExoticComponent<SelectProps & React_2.RefAttributes<HTMLDivElement>>;
+ export declare const Select: SelectType;
 
- declare type SelectComponentProps = {
+ declare type SelectComponentProps<T> = {
      label?: string;
-     background?: string | keyof DefaultTheme['palette'];
+     background?: string;
      disabled?: boolean;
-     items?: SelectItem[];
+     items?: SelectItem<T>[];
      /** Css display property of select */
      display?: 'block' | 'inline-block';
      /** Css width property of dropdown */
@@ -1652,22 +1652,24 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
      dropdownMaxWidth?: string;
      /** Css max-height property of dropdown */
      dropdownMaxHeight?: string;
-     LabelFactory?: React_2.ComponentType<LabelFactoryProps>;
+     LabelFactory?: React_2.ComponentType<LabelFactoryProps<T>>;
      i18nAllLabel?: string;
      /** Flag to disable the Portal implementation of dropdown */
      disablePortal?: boolean;
      /** Whether to show checkboxes */
      showCheckbox?: boolean;
- } & (UncontrolledMultipleSelection | ControlledMultipleSelection | UncontrolledSingleSelection | ControlledSingleSelection);
+ } & (UncontrolledMultipleSelection<T> | ControlledMultipleSelection<T> | UncontrolledSingleSelection<T> | ControlledSingleSelection<T>);
 
- export declare type SelectItem = {
+ export declare type SelectItem<T = string> = {
      label: string;
-     value: string;
+     value: T;
      disabled?: boolean;
      customComponent?: React_2.ReactElement;
  };
 
- export declare type SelectProps = SelectComponentProps & Omit<DropdownProps, keyof SelectComponentProps | 'children'>;
+ export declare type SelectProps<T = string> = SelectComponentProps<T> & Omit<DropdownProps, keyof SelectComponentProps<T> | 'children'>;
+
+ declare type SelectType = <T = string>(p: SelectProps<T> & React_2.RefAttributes<HTMLDivElement>) => React_2.ReactElement | null;
 
  export { setDefaultLocale }
 
@@ -1733,7 +1735,7 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
 
  declare type SingleItemArray<T> = [T] | [];
 
- export declare type SingleSelectionOnChange = (value: string | null) => void;
+ export declare type SingleSelectionOnChange<T = string> = (value: T | null) => void;
 
  declare const SIZES: {
      readonly small: 0.3125;
@@ -2121,18 +2123,18 @@ export declare function generateHighlightSet(fromColorSet: Parameters<typeof gen
      showCheckbox: boolean;
  }
 
- declare type UncontrolledMultipleSelection = {
+ declare type UncontrolledMultipleSelection<T> = {
      multiple: true;
      selection?: never;
-     defaultSelection?: Array<SelectItem>;
-     onChange: MultipleSelectionOnChange;
+     defaultSelection?: Array<SelectItem<T>>;
+     onChange: MultipleSelectionOnChange<T>;
  };
 
- declare type UncontrolledSingleSelection = {
+ declare type UncontrolledSingleSelection<T> = {
      multiple?: false;
      selection?: never;
-     defaultSelection?: SelectItem;
-     onChange: SingleSelectionOnChange;
+     defaultSelection?: SelectItem<T>;
+     onChange: SingleSelectionOnChange<T>;
  };
 
  declare type UncontrolledTableProps = {

package/dist/zapp-ui.bundle.js

@@ -12312,18 +12312,18 @@ const initialValue = value => {
   }
   return [];
 };
-function selectedReducer$1(state, action) {
-  if (action.type === SELECT_ACTION$1.SET) {
-    if (action.multiple) {
-      return action.items;
-    }
-    return [action.item];
-  }
-  if (!action.multiple) {
-    const value = action.item ? [action.item] : [];
-    action.onChange(action.item.value);
-    return action.isControlled ? state : value;
+function singleSelectionReducer(state, action) {
+  switch (action.type) {
+    case SELECT_ACTION$1.SET:
+      return [action.item];
+    case SELECT_ACTION$1.PUSH:
+      action.onChange(action.item.value);
+      return action.isControlled && state || (action.item ? [action.item] : []);
+    default:
+      return state;
   }
+}
+function multipleSelectionReducer(state, action) {
   switch (action.type) {
     case SELECT_ACTION$1.PUSH:
       {
@@ -12350,11 +12350,21 @@ function selectedReducer$1(state, action) {
         action.onChange([]);
         return action.isControlled ? state : [];
       }
+    case SELECT_ACTION$1.SET:
+      {
+        return action.items;
+      }
     default:
       throw new Error();
   }
 }
-const Select = /*#__PURE__*/React__default["default"].forwardRef(function SelectFn(_ref7, ref) {
+function selectedReducer$1(state, action) {
+  return action.multiple ? multipleSelectionReducer(state, action) : singleSelectionReducer(state, action);
+}
+/**
+ * @visibleName Select
+ */
+const SelectComponent = /*#__PURE__*/React__default["default"].forwardRef(function SelectFn(_ref7, ref) {
   let {
     background = INPUT_BACKGROUND_COLOR,
     disabled = false,
@@ -12504,6 +12514,9 @@ const Select = /*#__PURE__*/React__default["default"].forwardRef(function Select
   })));
 });
 
+// styleguidist is not able to parse the props if the cast is made directly on the component
+const Select = SelectComponent;
+
 const IconWrapper = styled__default["default"].div.withConfig({
   displayName: "Switch__IconWrapper",
   componentId: "sc-rsxrtl-0"
@@ -22370,6 +22383,9 @@ const TextArea = /*#__PURE__*/React__default["default"].forwardRef(function Text
   const innerTextAreaRef = useCombinedRefs(textAreaRef);
   const [hasFocus, setHasFocus] = React.useState(false);
   const [textAreaHasValue, setTextAreaHasValue] = React.useState(!!defaultValue || !!value);
+  React.useEffect(() => {
+    setTextAreaHasValue(!!defaultValue || !!value);
+  }, [defaultValue, value]);
   const [id] = React.useState(() => {
     if (TextArea._newId === undefined) {
       TextArea._newId = 0;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@zextras/carbonio-design-system",
-	"version": "2.1.0",
+	"version": "2.1.1",
 	"description": "An awesome UI for Zextras Projects.",
 	"main": "dist/zapp-ui.bundle.js",
 	"types": "dist/zapp-ui.bundle.d.ts",