jamespot-react-components 1.0.220 → 1.0.222

package/build/src/components/Form/Input/JRCInputColor/JRCInputColor.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const CSSColorPicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const CSSColorPicker: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     disabled?: boolean | undefined;
 }, never>;
 export declare const CSSColorPickerIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -2,6 +2,7 @@ import * as React from 'react';
 export declare const CONTAINER_PADDING = 32;
 export interface JRCAppContainerProps {
     children: React.ReactNode;
+    maxWidth?: string;
 }
-declare const JRCAppContainer: (props: JRCAppContainerProps) => React.JSX.Element;
+declare const JRCAppContainer: ({ maxWidth, children }: JRCAppContainerProps) => React.JSX.Element;
 export { JRCAppContainer };

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

@@ -39,7 +39,7 @@ export declare const transformColor: (color?: string) => JRCIconProps['color'];
  * Button styling. May be used as a <a> tag
  */
 export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    themeButton: ButtonType;
+    $themeButton: ButtonType;
     hasLabel: boolean;
 } & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & DataCy & {
     /** Color of the background of the button */

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

@@ -1,48 +1,20 @@
 import { Colors, ColorsOrShades } from '../../styles/theme';
 import { ButtonColors } from './JRCButton';
-declare const defaultLinkStyle: {
-    color: string;
-    background: string;
-    border: string;
-    active: {
-        background: string;
-        border: string;
-        'text-decoration': string;
-    };
-    hover: {
-        background: string;
-        border: string;
-        'text-decoration': string;
-    };
-};
-type Config = {
+export type ButtonType = {
     color: Colors;
     background: Colors;
     border: Colors;
     active: {
         background: ColorsOrShades;
         border: ColorsOrShades;
+        'text-decoration'?: 'underline' | 'none';
     };
     hover: {
         background: ColorsOrShades;
         border: ColorsOrShades;
+        'text-decoration'?: 'underline' | 'none';
     };
 };
-type ButtonConfig = Record<'contained' | 'outlined', Record<ButtonColors | 'disabled', Config>> & Record<'link', Record<ButtonColors | 'disabled', typeof defaultLinkStyle>>;
+type ButtonConfig = Record<'contained' | 'outlined', Record<ButtonColors | 'disabled', ButtonType>> & Record<'link', Record<ButtonColors | 'disabled', ButtonType>>;
 export declare const BUTTON_CONFIG: ButtonConfig;
-export type ButtonType = {
-    color: string;
-    background: string;
-    border: string;
-    active: {
-        background: string;
-        border: string;
-        'text-decoration'?: string;
-    };
-    hover: {
-        background: string;
-        border: string;
-        'text-decoration'?: string;
-    };
-};
 export {};

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

@@ -27,7 +27,7 @@ export type JRCButtonDropdownProps = {
 export type ButtonProps = {
     borderLeft?: boolean;
     borderRight?: boolean;
-    themeButton: ButtonType;
+    $themeButton: ButtonType;
     open?: boolean;
     darker?: boolean;
 };
@@ -36,7 +36,7 @@ export type OpenDirection = {
 };
 export type MenuWithTitleProps = OpenDirection & {
     label: string;
-    themeButton: ButtonProps['themeButton'];
+    themeButton: ButtonProps['$themeButton'];
     children: React.ReactNode;
 };
 export type DropdownOptionProps = {

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type EmptySpaceBgColor = 'sandLight' | 'sky15';
+type EmptySpaceBgColor = 'sandLight' | 'sky15' | 'transparent';
 export type JRCEmptySpaceProps = {
     img: string;
     imgAlt?: string;

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

@@ -1,6 +1,7 @@
 import { FastCssProps } from '../Common/FastCss';
+export type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
 type FlexBoxProps = Omit<FastCssProps, 'display'> & {
-    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    direction?: FlexDirection;
     inline?: boolean;
     flex?: boolean | string;
     gap?: number;
@@ -9,7 +10,7 @@ type FlexBoxProps = Omit<FastCssProps, 'display'> & {
     childFull?: boolean;
 };
 export declare const JRCFlexBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<FastCssProps, "display"> & {
-    direction?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+    direction?: FlexDirection | undefined;
     inline?: boolean | undefined;
     flex?: string | boolean | undefined;
     gap?: number | undefined;

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

@@ -1,11 +1,14 @@
 import React from 'react';
+import { Colors } from 'styles/theme';
 export declare const CSSProgressBarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CSSProgressBar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     width: number;
     color: string;
 }, never>;
-export declare const JRCProgressBar: ({ value, total, threshold, }: {
+export type JRCProgressBarProps = {
     value: number;
     total: number;
-    threshold?: number | undefined;
-}) => React.JSX.Element;
+    threshold?: number;
+    colorProgressBar?: Colors;
+};
+export declare const JRCProgressBar: ({ value, total, threshold, colorProgressBar }: JRCProgressBarProps) => React.JSX.Element;

package/build/src/components/JRCTooltip/JRCBaseTooltip.d.ts

@@ -8,6 +8,7 @@ export type JRCBaseTooltipProps = {
     tooltip: any;
     children: ReactNode;
     dataEventOff: 'click' | 'mouseleave';
+    description?: string;
     className?: string;
     color: {
         border?: string;

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

@@ -1,9 +1,15 @@
 import * as React from 'react';
+import { LayoutMode } from './template.type';
 export type JRCTemplateBaseProps = {
     children: React.ReactNode;
     isLoading: boolean;
+    loader?: React.ReactNode;
     title?: React.ReactNode;
+    mode?: LayoutMode;
+    maxWidth?: string;
 };
 export declare const ChildrenContainerStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ChildrenContainer: (props: JRCTemplateBaseProps) => React.JSX.Element;
+export declare const Title: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Main: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ChildrenContainer: ({ title, isLoading, loader, children }: Omit<JRCTemplateBaseProps, 'maxWidth'>) => React.JSX.Element;
 export declare const JRCTemplateBase: React.FC<any>;

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

@@ -1,5 +1,6 @@
 import React from 'react';
-export type LayoutMode = 'fluid' | 'center';
+import { FlexDirection } from '../JRCFlex/JRCFlexBox';
+export type LayoutMode = 'fluid' | 'center' | 'centerTop';
 export type ColumnPosition = 'left' | 'right';
 export type JRCBasicAutoMarginContainerProps = {
     children: React.ReactNode;
@@ -8,6 +9,8 @@ export type JRCContainerProps = {
     children: React.ReactNode;
     className?: string;
     mode?: LayoutMode;
+    maxWidth?: string;
+    flexDirection?: FlexDirection;
 };
 export type JRCColumnProps = {
     children: React.ReactNode;
@@ -16,12 +19,14 @@ export type JRCColumnProps = {
     padding?: string;
     mode?: LayoutMode;
     position?: ColumnPosition;
+    flex?: boolean;
 };
 export type JRCMainColumnProps = {
     children: React.ReactNode;
     className?: string;
     mode?: LayoutMode;
     padding?: string;
+    flex?: boolean;
 };
 export type JRCTabEntry = {
     key: string;

package/build/src/components/Widgets/JRCWidgetQuickSurvey/JRCWidgetQuickSurvey.d.ts

@@ -1,4 +1,4 @@
-import { WidgetQuickSurveyContentArr, WidgetQuickSurveyResponses, WidgetLegacyMixedBoolean } from 'jamespot-user-api';
+import { WidgetLegacyMixedBoolean, WidgetQuickSurveyContentArr, WidgetQuickSurveyResponses } from 'jamespot-user-api';
 import React from 'react';
 type JRCWidgetQuickSurveyProps = {
     limit: number;

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

@@ -2,6 +2,7 @@ import * as array from './utils.array';
 import * as color from './utils.color';
 import * as date from './utils.date';
 import * as document from './utils.document';
+import * as icons from './utils.icons';
 import * as image from './utils.image';
 import * as file from './utils.files';
 import * as misc from './utils.misc';
@@ -9,4 +10,4 @@ import * as object from './utils.object';
 import * as regexp from './utils.regexp';
 import * as string from './utils.string';
 import * as time from './utils.time';
-export { array, color, date, document, file, image, misc, object, regexp, string, time };
+export { array, color, date, document, file, icons, image, misc, object, regexp, string, time };

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

@@ -0,0 +1 @@
+export declare const list: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.0.220",
+  "version": "1.0.222",
   "description": "",
   "main": "./build/jamespot-react-components.js",
   "types": "./build/src/index.d.ts",
@@ -80,7 +80,7 @@
     "chroma-js": "^2.1.1",
     "classnames": "^2.3.1",
     "dompurify": "^3.0.5",
-    "jamespot-user-api": "^1.0.201",
+    "jamespot-user-api": "^1.0.202",
     "moment": "2.29.4",
     "react": "^17.x",
     "react-beautiful-dnd": "^13.1.1",