@fattureincloud/fic-design-system 0.19.21 → 0.19.23

package/README.md

@@ -11,8 +11,33 @@ Create a `.npmrc` file in the design-system directory and paste the following li
 
 Make sure to replace `<YOUR_FONTAWESOME_LICENSE>` with the real license. Without this step you won't be able to install the FontAwesome Pro dependencies.
 
-## Development
+## Quick guide
 
+### Installation
+```
+yarn
+```
+### Local development
+```
+yarn storybook
+```
+### Try local changes in other projects (with yalc)
+```
+yarn build && yalc publish && yalc push --> run in design-sistem repo
+yalc add @fattureincloud/fic-design-system --> run in repo where design-system is installed
+```
+### How to publish
+- On branch `devel`
+- Bump package.json version
+- Update CHANGELOG.md
+- Run `yarn build`
+- Run `npm publish`
+- Commit and push to devel
+- Merge to master
+- Remember to close released tickets on Jira and to send a message on the #fic-design-system Slack channel
+
+
+## Development
 ```
 yarn storybook
 ```

package/dist/components/form/inputText/InputText.d.ts

@@ -10,6 +10,8 @@ declare const _default: React.ForwardRefExoticComponent<import("../label").Label
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
     onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
     onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    width?: string | number | undefined;
+    maxLength?: number | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
 } & {
@@ -27,5 +29,6 @@ declare const _default: React.ForwardRefExoticComponent<import("../label").Label
     unitDropdownProps?: import(".").UnitDropdownProps | undefined;
     value?: string | number | null | undefined;
     autoFilled?: boolean | undefined;
+    maxWidth?: string | number | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export default _default;

package/dist/components/form/inputText/components/InputElement.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { InputElementProps } from '../types';
 declare type inputRef = HTMLInputElement | null;
-export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status' | 'isPrefilled' | 'isTransparent' | 'autoFilled'>;
+export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status' | 'isPrefilled' | 'isTransparent' | 'autoFilled' | 'maxWidth' | 'width'>;
 export declare type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
 declare const _default: React.ForwardRefExoticComponent<import("../../common/types").CommonFormTypes & {
     className?: string | undefined;
@@ -15,6 +15,8 @@ declare const _default: React.ForwardRefExoticComponent<import("../../common/typ
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
     onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
     onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    width?: string | number | undefined;
+    maxLength?: number | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
 } & {
@@ -32,5 +34,6 @@ declare const _default: React.ForwardRefExoticComponent<import("../../common/typ
     unitDropdownProps?: import("./types").UnitDropdownProps | undefined;
     value?: string | number | null | undefined;
     autoFilled?: boolean | undefined;
+    maxWidth?: string | number | undefined;
 } & React.RefAttributes<inputRef>>;
 export default _default;

package/dist/components/form/inputText/types.d.ts

@@ -7,7 +7,7 @@ import { OptionType } from '../select';
 import { CustomStylesType } from '../select/hooks/useSelectThemeStyles';
 import { UnitDropdownProps } from './components/types';
 export declare const inputTypesArray: readonly ["password", "text", "number", "code", "telephone"];
-declare type HTMLInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'className' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'required' | 'style' | 'readOnly'>;
+declare type HTMLInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'className' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'required' | 'style' | 'readOnly' | 'maxLength' | 'width'>;
 export declare type InputElementProps = CommonFormTypes & HTMLInputProps & {
     actionIcon?: IconProps;
     autoComplete?: string;
@@ -23,6 +23,7 @@ export declare type InputElementProps = CommonFormTypes & HTMLInputProps & {
     unitDropdownProps?: UnitDropdownProps;
     value?: number | string | null;
     autoFilled?: boolean;
+    maxWidth?: number | string | undefined;
 };
 export declare type InputCodeProps = LabelProps & CommonFormTypes & Omit<HTMLInputProps, 'onChange'> & {
     allowLetters?: boolean;

package/dist/components/form/select/components/Option.d.ts

@@ -10,5 +10,5 @@ export interface OptionType extends OptionTypeBase {
 interface Props<O extends OptionType = OptionType, IsMulti extends boolean = false> extends Omit<OptionProps<O, IsMulti>, 'data'> {
     data: OptionType;
 }
-declare const Option: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ data: { icon, label }, innerProps: { onClick }, isSelected, }: Props<O, IsMulti>) => JSX.Element;
+declare const Option: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ data: { icon, label }, innerProps, innerRef, isSelected, isFocused }: Props<O, IsMulti>) => JSX.Element;
 export default Option;

package/dist/components/tableV3/components/cell/styled.d.ts

@@ -16,4 +16,5 @@ export declare const DSTd: import("styled-components").StyledComponent<"td", imp
     [others: string]: any;
 } & DSTdProps, string | number>;
 export declare const CutText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const BreakText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export {};

package/dist/components/tableV3/components/settings/settingsDropdownContent/styled.d.ts

@@ -7,3 +7,4 @@ export declare const DragIcon: import("styled-components").StyledComponent<"div"
     dragging: boolean;
     draggable: boolean;
 }, never>;
+export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/tableV3/providers/TableProvider/types.d.ts

@@ -21,6 +21,7 @@ export declare type TableContextProps = ImmutableContext & {
     columnsSettings: Required<ColumnsSettings>;
     setColumnsSettings: Dispatch<SetStateAction<Required<ColumnsSettings>>>;
     onSettingsChange?: TableSettings['onSettingsChange'];
+    initialSettings: Required<ColumnsSettings>;
 };
 export declare type TableProviderProps<T> = TableProps<T> & {
     children: ReactNode | ReactNode[];

package/dist/components/tableV3/types/features/settings.d.ts

@@ -16,7 +16,7 @@ export declare type SettingsLabels = {
     rowSizeLargeLabel?: string;
     columnsLabel?: string;
 };
-export declare type SettingsEvent = 'resizeRow' | 'hideColumn' | 'showColumn' | 'moveColumn';
+export declare type SettingsEvent = 'resizeRow' | 'hideColumn' | 'showColumn' | 'moveColumn' | 'resetSettings';
 export declare type TableSettings = VariableSettings & {
     enableSettings?: boolean;
     settingsLabels?: SettingsLabels;