jamespot-react-components 1.0.78 → 1.0.86

package/build/src/components/Common/BorderRadius.d.ts

@@ -0,0 +1,4 @@
+export declare const BorderRadiusRight: import("styled-components").FlattenSimpleInterpolation;
+export declare const BorderRadiusLeft: import("styled-components").FlattenSimpleInterpolation;
+export declare const BorderRadiusTop: import("styled-components").FlattenSimpleInterpolation;
+export declare const BorderRadiusBottom: import("styled-components").FlattenSimpleInterpolation;

package/build/src/components/Common/DashedFocusBorder.d.ts

@@ -1,7 +1,9 @@
+export declare type DashedFocusBorderProps = {
+    offset?: string;
+    focusColor?: string;
+};
 /**
  * The HTML element this styled is applied to should be selectable
  * @props offset offset of the dashed focus border, default to 2px
  */
-export declare const DashedFocusBorder: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
-    offset?: string | undefined;
-}, any>>;
+export declare const DashedFocusBorder: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<DashedFocusBorderProps, any>>;

package/build/src/components/Common/FastCss.d.ts

@@ -0,0 +1,6 @@
+export declare type FastCssProps = {
+    position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
+    display?: 'inline' | 'block' | 'flex' | 'grid' | 'inline-block' | 'inline-flex' | 'inline-grid';
+    margin?: string;
+};
+export declare const FastCss: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<FastCssProps, any>>;

package/build/src/components/Form/Common/ClickAwayListener.d.ts

@@ -1,15 +1,16 @@
 import * as React from 'react';
+import { FastCssProps } from '../../Common/FastCss';
 export declare type MouseEvents = 'click' | 'mousedown' | 'mouseup';
 export declare type TouchEvents = 'touchstart' | 'touchend';
-export interface ClickAwayListenerProps extends React.HTMLAttributes<HTMLElement> {
+export declare type ClickAwayListenerProps = React.HTMLAttributes<HTMLElement> & FastCssProps & {
     onClickAway: (event: MouseEvent | TouchEvent) => void;
     mouseEvent?: MouseEvents;
     touchEvent?: TouchEvents;
     as?: React.ElementType;
     className?: string;
-}
+};
 /**
  * Wrap a component with a <div/> (or another component provided as the 'as' props).
  * Listen to outer mouse & touch events and call the onClickAway callback
  */
-export declare const ClickAwayListener: ({ as, onClickAway, mouseEvent, touchEvent, ...props }: ClickAwayListenerProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare const ClickAwayListener: ({ as, onClickAway, mouseEvent, touchEvent, ...props }: ClickAwayListenerProps) => JSX.Element;

package/build/src/components/Form/Input/JRCSelect/JRCInputSelect.style.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare const RelativeClickAwayListener: import("styled-components").StyledComponent<({ as, onClickAway, mouseEvent, touchEvent, ...props }: import("../../Common/ClickAwayListener").ClickAwayListenerProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>, any, {}, never>;
+export declare const RelativeClickAwayListener: import("styled-components").StyledComponent<({ as, onClickAway, mouseEvent, touchEvent, ...props }: import("../../Common/ClickAwayListener").ClickAwayListenerProps) => JSX.Element, any, {}, never>;
 export declare const OptionWrapper: import("styled-components").StyledComponent<"div", any, {
     isSelected?: boolean | undefined;
     isFocused?: boolean | undefined;
@@ -19,7 +19,7 @@ export declare const OptionMenu: import("styled-components").StyledComponent<"di
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;

package/build/src/components/Form/Input/JRCSelect/JRCInputSelect.types.d.ts

@@ -22,6 +22,7 @@ export declare type SelectProps = DataCy & {
     getGroup?: ((option: any) => any) | string;
     views?: Array<'folder' | 'user' | 'group' | 'community'>;
     onConfirm?: (values: any) => void;
+    hideSelectedOption?: boolean;
     components?: {
         Option?: React.ComponentType<{
             option: any;

package/build/src/components/JRCButton/JRCButton.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { JRCIconProps } from '../JRCIcon/JRCIcon';
 import { ButtonType } from './JRCButtonConfig';
 import { DataCy } from '../../types/dataAttributes';
+import { DashedFocusBorderProps } from '../Common/DashedFocusBorder';
 export declare type JRCButtonProps = React.ComponentPropsWithoutRef<'button'> & DataCy & {
     /** Color of the background of the button */
     color?: 'primary' | 'valid' | 'danger' | 'secondary';
@@ -13,6 +14,8 @@ export declare type JRCButtonProps = React.ComponentPropsWithoutRef<'button'> &
     value?: string;
     /** Enhance your button with an icon */
     icon?: string;
+    /** set the icon at the right of the button */
+    iconRight?: boolean;
     /** The variant is used to define what type of action the button will take */
     variant?: 'contained' | 'outlined';
     /** CSS float attribute */
@@ -26,7 +29,7 @@ export declare const transformColor: (color?: string | undefined) => JRCIconProp
  */
 export declare const Button: import("styled-components").StyledComponent<"button", any, {
     themeButton: ButtonType;
-    hasChildren: boolean;
+    hasLabel: boolean;
 } & Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & DataCy & {
     /** Color of the background of the button */
     color?: "primary" | "secondary" | "valid" | "danger" | undefined;
@@ -38,13 +41,15 @@ export declare const Button: import("styled-components").StyledComponent<"button
     value?: string | undefined;
     /** Enhance your button with an icon */
     icon?: string | undefined;
+    /** set the icon at the right of the button */
+    iconRight?: boolean | undefined;
     /** The variant is used to define what type of action the button will take */
     variant?: "contained" | "outlined" | undefined;
     /** CSS float attribute */
     float?: "left" | "right" | undefined;
     /** CSS min-width attribute */
     minWidth?: string | undefined;
-}, never>;
+} & DashedFocusBorderProps, never>;
 export declare const JRCButton: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & DataCy & {
     /** Color of the background of the button */
     color?: "primary" | "secondary" | "valid" | "danger" | undefined;
@@ -56,6 +61,8 @@ export declare const JRCButton: React.ForwardRefExoticComponent<Pick<React.Detai
     value?: string | undefined;
     /** Enhance your button with an icon */
     icon?: string | undefined;
+    /** set the icon at the right of the button */
+    iconRight?: boolean | undefined;
     /** The variant is used to define what type of action the button will take */
     variant?: "contained" | "outlined" | undefined;
     /** CSS float attribute */

package/build/src/components/JRCButtonDropdown/JRCButtonDropdown.d.ts

@@ -1,37 +1,2 @@
-import React from 'react';
-/**
- * Interface to provide JRCMenu props
- * @member open open menu
- * @member  handleOpening method to open/close menu
- */
-export interface JRCMenuProps {
-    open?: boolean;
-    handleOpening?: (event?: React.MouseEvent) => void;
-    align?: 'right';
-}
-/**
- * Interface to provide JRCMenu props
- * @member color Color of the background of the button
- * @member variant The variant is used to define what type of action the button will take
- * @member value Defines the value associated with the button’s name when it’s submitted with the form data
- * @member label name button
- * @member action button action handler
- * @member iconName name icon on button
- */
-export interface JRCButtonDropdownProps extends React.ComponentPropsWithoutRef<'button'> {
-    color?: 'primary' | 'valid' | 'danger' | 'secondary';
-    variant?: 'contained' | 'outlined';
-    value?: string;
-    label: string;
-    action?: (event?: React.MouseEvent) => void;
-    iconName?: string;
-    iconLabel?: string;
-    align?: 'right';
-}
-/**
- *
- * @param iconName icon name
- * @param {label, action?, color?, variant?} props, @see JRCButtonDropdownProps
- * @returns JSX.Element
- */
-export declare const JRCButtonDropdown: ({ iconName, variant, ...props }: JRCButtonDropdownProps) => JSX.Element;
+import type { JRCButtonDropdownProps } from './JRCButtonDropdown.types';
+export declare const JRCButtonDropdown: (props: JRCButtonDropdownProps) => JSX.Element;

package/build/src/components/JRCButtonDropdown/JRCButtonDropdown.stories.d.ts

@@ -1,8 +1,5 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
+import type { JRCButtonDropdownProps } from './JRCButtonDropdown.types';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const simple: () => JSX.Element;
-export declare const simpleWithAction: () => JSX.Element;
-export declare const AllButtonDropdown: () => JSX.Element;
-export declare const AllWithAction: () => JSX.Element;
+export declare const ButtonDropdown: Story<JRCButtonDropdownProps>;

package/build/src/components/JRCButtonDropdown/JRCButtonDropdown.styles.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { ButtonProps, MenuWithTitleProps } from './JRCButtonDropdown.types';
+export declare const MarginLessJRCButton: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & import("../../types/dataAttributes").DataCy & {
+    color?: "primary" | "secondary" | "valid" | "danger" | undefined;
+    loader?: boolean | undefined;
+    autofocus?: boolean | undefined;
+    value?: string | undefined;
+    icon?: string | undefined;
+    iconRight?: boolean | undefined;
+    variant?: "contained" | "outlined" | undefined;
+    float?: "left" | "right" | undefined;
+    minWidth?: string | undefined;
+} & React.RefAttributes<HTMLButtonElement>>, any, ButtonProps, never>;
+export declare const MenuWithoutTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MenuWithTitle: ({ direction, label, themeButton, children }: MenuWithTitleProps) => JSX.Element;
+export declare const DropdownOption: import("styled-components").StyledComponent<"button", any, {}, never>;

package/build/src/components/JRCButtonDropdown/JRCButtonDropdown.types.d.ts

@@ -0,0 +1,37 @@
+import { JRCButtonProps } from '../JRCButton/JRCButton';
+import React from 'react';
+import { JRCIconProps } from '../JRCIcon/JRCIcon';
+import { ButtonType } from '../JRCButton/JRCButtonConfig';
+export declare type JRCButtonDropdownOptionProps = {
+    icon?: Pick<JRCIconProps, 'name' | 'color' | 'variant'>;
+    label: string;
+    onClick?: () => void;
+    href?: string;
+    target?: '_blank';
+};
+export declare type JRCButtonDropdownProps = {
+    color?: JRCButtonProps['color'];
+    icon?: string;
+    iconOpen?: string;
+    label: string;
+    small?: boolean;
+    smallOpenDirection?: 'right' | 'left';
+    onClick?: (event?: React.MouseEvent) => void;
+    variant?: JRCButtonProps['variant'];
+    options: Array<JRCButtonDropdownOptionProps>;
+};
+export declare type ButtonProps = {
+    borderLeft?: boolean;
+    borderRight?: boolean;
+    themeButton: ButtonType;
+    open?: boolean;
+    darker?: boolean;
+};
+export declare type OpenDirection = {
+    direction: JRCButtonDropdownProps['smallOpenDirection'];
+};
+export declare type MenuWithTitleProps = OpenDirection & {
+    label: string;
+    themeButton: ButtonProps['themeButton'];
+    children: React.ReactNode;
+};

package/build/src/components/JRCFlex/JRCFlexBox.d.ts

@@ -0,0 +1,13 @@
+declare type FlexBoxProps = {
+    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    inline?: boolean;
+    flex?: boolean;
+    gap?: number;
+    x?: 'flex-start' | 'center' | 'flex-end';
+    y?: 'flex-start' | 'center' | 'flex-end';
+};
+export declare const JRCFlexBox: import("styled-components").StyledComponent<"div", any, FlexBoxProps, never>;
+export declare type JRCFlexBoxProps = FlexBoxProps & {
+    as?: string;
+};
+export {};

package/build/src/components/JRCModal/JRCModal.d.ts

@@ -36,7 +36,8 @@ export interface JRCModalProps {
     showIconClose?: boolean;
     enableClickAwayCloseModal?: boolean;
     isFull?: boolean;
-    headerButtons?: ReactNode;
+    isFullHeight?: boolean;
+    modalOptions?: ReactNode;
     portalId?: string;
     inPlace?: boolean;
     className?: string;

package/build/src/components/JRCModal/JRCModal.styles.d.ts

@@ -1,7 +1,14 @@
-export declare const JRCModalBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const JRCModalBox: import("styled-components").StyledComponent<"div", any, {
+    isFullHeight?: boolean | undefined;
+}, never>;
 export declare const JRCModalContainerFull: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const JRCModalContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const JRCModalContainer: import("styled-components").StyledComponent<"div", any, {
+    isFullHeight?: boolean | undefined;
+}, never>;
+export declare const JRCModalTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const JRCModalOptions: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const JRCModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const JRCModalContentFull: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const JRCModalContentScrollbox: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const JRCModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const JRCModalFooter: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/src/components/Templates/template.styles.d.ts

@@ -31,7 +31,7 @@ export declare const OpenCloseButton: import("styled-components").StyledComponen
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     className?: string | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;

package/build/src/index.d.ts

@@ -50,6 +50,7 @@ export { JRCDraggingPlaceholder } from './components/Common/JRCDraggingPlacehold
 export { JRCDropDown } from './components/JRCDropDown/JRCDropDown';
 export { JRCEllipsis } from './components/JRCEllipsis/JRCEllipsis';
 export { JRCFileOpen } from './components/JRCFileOpen/JRCFileOpen';
+export { JRCFlexBox } from './components/JRCFlex/JRCFlexBox';
 export { JRCFolders } from './components/JRCFolders/JRCFolders';
 export { JRCFormCheckbox } from './components/Form/Input/JRCFormCheckbox/JRCFormCheckbox';
 export { JRCFormColorField } from './components/Form/Input/JRCFormColor/JRCFormColor';

package/build/src/styles/theme.d.ts

@@ -25,6 +25,8 @@ export declare type Shades = 'primaryL15' | 'primaryL80' | 'primaryL90' | 'prima
 declare type ThemeConfigShadeType = {
     [color in Shades]: string;
 };
+export declare const NATIVE_COLORS: readonly ["currentColor", "inherit", "transparent"];
+export declare type NativeColor = typeof NATIVE_COLORS[number];
 export declare type FontWeight = {
     light: number;
     normal: number;
@@ -47,5 +49,6 @@ export declare type ThemeType = {
     };
     color: ThemeConfigColorType & ThemeConfigShadeType;
 };
+export declare function getColor(theme: ThemeType, color: string): string;
 declare const Theme: ITheme;
 export default Theme;

package/build/src/types.d.ts

@@ -9,7 +9,7 @@ export { JRCAutocompleteProps } from './components/Form/Input/JRCSelect/JRCInput
 export { JRCAutocompleteTaxonomyProps } from './components/Form/Input/JRCFormAutocomplete/JRCFormAutocompleteTaxonomy';
 export { JRCAvatarProps } from './components/JRCAvatar/JRCAvatar';
 export { JRCButtonDownloadProps } from './components/JRCButtonDownload/JRCButtonDownload';
-export { JRCButtonDropdownProps } from './components/JRCButtonDropdown/JRCButtonDropdown';
+export { JRCButtonDropdownProps, JRCButtonDropdownOptionProps, } from './components/JRCButtonDropdown/JRCButtonDropdown.types';
 export { JRCButtonFileProps } from './components/JRCButtonFile/JRCButtonFile';
 export { JRCButtonProps } from './components/JRCButton/JRCButton';
 export { JRCCardProps } from './components/JRCCard/JRCCard';
@@ -21,6 +21,7 @@ export { JRCDateProps } from './components/JRCDate/JRCDate';
 export { JRCDropDownProps } from './components/JRCDropDown/JRCDropDown';
 export { JRCEllipsisProps } from './components/JRCEllipsis/JRCEllipsis';
 export { JRCFileOpenProps } from './components/JRCFileOpen/JRCFileOpen';
+export { JRCFlexBoxProps } from './components/JRCFlex/JRCFlexBox';
 export { JRCFormCheckboxProps } from './components/Form/Input/JRCFormCheckbox/JRCFormCheckbox.types';
 export { JRCFormDateProps } from './components/Form/Input/JRCFormDateTime/JRCFormDateTime';
 export { JRCFormInputFileProps, JRCFormInputFileFieldProps } from './components/Form/Input/JRCFormFile/JRCFormFile';

package/build/src/utils/index.d.ts

@@ -1,6 +1,8 @@
+import * as array from './utils.array';
 import * as date from './utils.date';
 import * as document from './utils.document';
+import * as misc from './utils.misc';
 import * as object from './utils.object';
 import * as regexp from './utils.regexp';
 import * as string from './utils.string';
-export { date, document, object, regexp, string };
+export { array, date, document, misc, object, regexp, string };

package/build/src/utils/utils.array.d.ts

@@ -3,4 +3,7 @@ declare type Uri = {
 };
 export declare const inArray: <T extends Uri>(arr: T[], value: T) => boolean;
 export declare const updateArray: <T extends Uri>(arr: T[], value: T) => T[];
+export declare const arrayUniqueByUri: <T extends {
+    uri: string;
+}>(arr1: T[], arr2: T[]) => T[];
 export {};

package/build/src/utils/utils.misc.d.ts

@@ -1 +1,2 @@
 export declare function uniqid(size?: number, prefix?: string): string;
+export declare function downloadFile(idFile: number): void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jamespot-react-components",
-    "version": "1.0.78",
+    "version": "1.0.86",
     "description": "",
     "main": "./build/jamespot-react-components.js",
     "types": "./build/src/index.d.ts",
@@ -98,7 +98,7 @@
         "@types/redux-logger": "^3.0.8",
         "chroma-js": "^2.1.1",
         "classnames": "^2.3.1",
-        "jamespot-user-api": "^1.0.47",
+        "jamespot-user-api": "^1.0.50",
         "moment": "^2.29.1",
         "react": "^17.x",
         "react-dnd": "^14.0.4",