jamespot-react-components 1.0.176 → 1.0.178

package/build/src/components/Form/Input/JRCInputCheckbox/JRCInputToggle.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { ControllerRenderProps, FieldValues } from 'react-hook-form';
+import { DataCy } from 'types/dataAttributes';
+import { JRCTooltipProps } from 'components/JRCTooltip/JRCTooltip';
+type ToggleListOption<TFieldValues> = {
+    label: string | JSX.Element;
+    value: string | number | TFieldValues;
+};
+export type ToggleProps = DataCy & {
+    disabled?: boolean;
+    options: Array<ToggleListOption<string>>;
+};
+export type ToggleRawProps<TFieldValues extends FieldValues = FieldValues> = ToggleProps & Omit<ControllerRenderProps<TFieldValues>, 'value' | 'ref'> & {
+    ref?: React.ForwardedRef<HTMLInputElement>;
+} & {
+    value: string;
+    tooltip?: JRCTooltipProps;
+};
+export declare const JRCInputToggleRaw: React.ForwardRefExoticComponent<Omit<DataCy & {
+    disabled?: boolean | undefined;
+    options: Array<ToggleListOption<string>>;
+} & Omit<ControllerRenderProps<FieldValues, string>, "ref" | "value"> & {
+    ref?: React.ForwardedRef<HTMLInputElement> | undefined;
+} & {
+    value: string;
+    tooltip?: JRCTooltipProps | undefined;
+}, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/build/src/components/{Beta/BETA_JRCColorPicker/JRCColorPicker.stories.d.ts → Form/Input/JRCInputCheckbox/JRCInputToggle.stories.d.ts}

@@ -1,5 +1,5 @@
 import { Meta, Story } from '@storybook/react';
-import { JRCColorPickerTypes } from './JRCColorPicker.types';
+import { ToggleRawProps } from './JRCInputToggle';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const ColorPicker: Story<JRCColorPickerTypes>;
+export declare const InputToggle: Story<ToggleRawProps<any>>;

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

@@ -1,3 +1,4 @@
+export declare const InputFileWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Grid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     position?: "right" | "bottom" | undefined;
     columnCount: number;

package/build/src/components/Form/Input/JRCSelect/JRCInputSelectHierarchicalTree.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { JRCInputSelectProps } from './JRCInputSelect.types';
 import { JRCModalLayoutProps } from 'components/JRCModal/JRCModalLayout';
-import { AutoCompleteConcept, PagingResults } from 'jamespot-user-api';
+import { PagingResults, jObjectAutocomplete } from 'jamespot-user-api';
 export type JRCInputSelectHierarchicalTreeProps = Omit<JRCInputSelectProps, 'asyncPromise'> & JRCModalLayoutProps & {
     asyncPromise?: (inputValue: string, page?: number) => Promise<PagingResults<any>>;
-    hierarchicalTaxonomyPromise: (uriConcept: string) => Promise<PagingResults<AutoCompleteConcept>>;
+    hierarchicalTaxonomyPromise: (uriConcept: string) => Promise<PagingResults<jObjectAutocomplete>>;
     displayModal?: boolean;
     checkboxOptions: Array<{
         label: string;
@@ -13,7 +13,7 @@ export type JRCInputSelectHierarchicalTreeProps = Omit<JRCInputSelectProps, 'asy
 };
 export declare const JRCInputSelectHierarchicalTree: React.ForwardRefExoticComponent<Omit<JRCInputSelectProps<import("react-hook-form").FieldValues>, "asyncPromise"> & JRCModalLayoutProps & {
     asyncPromise?: ((inputValue: string, page?: number) => Promise<PagingResults<any>>) | undefined;
-    hierarchicalTaxonomyPromise: (uriConcept: string) => Promise<PagingResults<AutoCompleteConcept>>;
+    hierarchicalTaxonomyPromise: (uriConcept: string) => Promise<PagingResults<jObjectAutocomplete>>;
     displayModal?: boolean | undefined;
     checkboxOptions: Array<{
         label: string;

package/build/src/components/Form/Input/JRCSelect/SelectHierarchicalTreeModal.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { AutoCompleteConcept, PagingResults } from 'jamespot-user-api';
+import { PagingResults, jObjectAutocomplete } from 'jamespot-user-api';
 type SelectHierarchicalTreeModalProps = {
-    hierarchicalTaxonomyPromise: (uriConcept: string) => Promise<PagingResults<AutoCompleteConcept>>;
+    hierarchicalTaxonomyPromise: (uriConcept: string) => Promise<PagingResults<jObjectAutocomplete>>;
     close: () => void;
     inPlace: boolean;
     options: any[];

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

@@ -1,10 +1,5 @@
 import { jFileLittle } from 'jamespot-user-api';
 import React from 'react';
-export type WedocAttachmentOptions = {
-    active: boolean;
-    getAccessHash?: (fileId: number) => Promise<string>;
-    onError: (message?: string) => void;
-};
 export type JRCAttachmentsProps = {
     files: jFileLittle[];
     isWedocActive: boolean;

package/build/src/components/{Beta/BETA_JRCColorPicker → JRCColorPicker}/ColorPalette.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ColorPaletteType } from './JRCColorPicker.types';
+import { ColorPaletteType } from './JRCColorPickerRawProps';
 export declare const CSSColorBorder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const LockIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CSSColor: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

package/build/src/components/{Beta/BETA_JRCColorPicker → JRCColorPicker}/ColorPicker.d.ts

@@ -23,7 +23,7 @@ type ColorPickerType = {
     initialColor: string;
     width: number;
     height: number;
-    palettes: ColorPickerPaletteType[];
+    palettes?: ColorPickerPaletteType[];
     onChange: (color: string, trigger: boolean) => void;
 };
 export declare const ColorPicker: ({ initialColor, width, height, palettes, onChange }: ColorPickerType) => React.JSX.Element;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { JRCColorPickerRawProps } from './JRCColorPickerRawProps';
+import { FieldValues } from 'react-hook-form/dist/types';
+import { JRCInputFieldProps } from '../Form/Input/Common/JRCFormFieldRenderer.types';
+export type JRCColorPickerProps<T extends FieldValues> = Omit<JRCInputFieldProps<T>, 'placeholder' | 'labelIsLegend'> & Omit<JRCColorPickerRawProps, 'onChange' | 'name' | 'description' | 'label'>;
+export declare const JRCColorPicker: <T extends FieldValues = FieldValues>({ initialValue, palettes, disabled, ...props }: JRCColorPickerProps<T>) => React.JSX.Element;

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

@@ -0,0 +1,7 @@
+import { Meta, Story } from '@storybook/react';
+import { JRCColorPickerProps } from './JRCColorPicker';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const ColorPicker: Story<JRCColorPickerProps<{
+    color: string;
+}>>;

package/build/src/components/{Beta/BETA_JRCColorPicker/BETA_JRCColorPicker.d.ts → JRCColorPicker/JRCColorPickerRaw.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { JRCColorPickerTypes } from './JRCColorPicker.types';
+import { JRCColorPickerRawProps } from './JRCColorPickerRawProps';
 export declare const CSSColorPickerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     expandPositionAbsolute?: boolean | undefined;
 }, never>;
-export declare const BETA_JRCColorPicker: (props: JRCColorPickerTypes) => React.JSX.Element;
+export declare const JRCColorPickerRaw: (props: JRCColorPickerRawProps) => React.JSX.Element;

package/build/src/components/JRCColorPicker/JRCColorPickerRaw.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/react';
+import { JRCColorPickerRawProps } from './JRCColorPickerRawProps';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const ColorPickerRaw: Story<JRCColorPickerRawProps>;

package/build/src/components/{Beta/BETA_JRCColorPicker/JRCColorPicker.types.d.ts → JRCColorPicker/JRCColorPickerRawProps.d.ts}

@@ -7,12 +7,12 @@ export type JRCColorPickerPaletteType = {
     name?: string;
     colors: string[];
 };
-export type JRCColorPickerTypes = {
+export type JRCColorPickerRawProps = {
     label?: string | JSX.Element;
     description?: string;
     initialValue?: string;
     name: string;
-    palettes: JRCColorPickerPaletteType[];
+    palettes?: JRCColorPickerPaletteType[];
     onChange: (color: string) => void;
     disabled?: boolean;
 };

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

@@ -6,7 +6,10 @@ export type JRCFileViewerProps<T> = {
     openWithOptions: JRCFileViewerOpenWithOptionsType;
     children(setIndex: (idFile: number) => void): React.ReactElement<HTMLElement>;
 };
-export type JRCFileViewerOpenWithOptionsType = Record<string, JRCFileViewerOpenWithOptionType[]>;
+export type JRCFileViewerOpenWithOptionsType = Array<{
+    condition: (file: jFileLittle) => boolean;
+    options: JRCFileViewerOpenWithOptionType[];
+}>;
 export type JRCFileViewerOpenWithOptionType = {
     label: string;
     onClick: (item: jFileLittle | undefined) => void;

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

@@ -9,7 +9,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" | "column-reverse" | "row-reverse" | undefined;
+    direction?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
     inline?: boolean | undefined;
     flex?: string | boolean | undefined;
     gap?: number | undefined;

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

@@ -7,6 +7,6 @@ export type JRCHtmlProps = LimitLinesProps & {
 };
 export declare const JRCHtml: React.ForwardRefExoticComponent<LimitLinesProps & {
     className?: string | undefined;
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "g" | "big" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "g" | React.ComponentClass<any, any> | React.FunctionComponent<any> | "big" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | undefined;
     __html: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -9,4 +9,4 @@ export declare const SIZES: Readonly<{
     xxl: 24;
     xxxl: 32;
 }>;
-export declare const Typography: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, Pick<JRCTypographyProps, "color" | "size" | "weight" | "align" | "hoverColor"> & FastCssProps, never>;
+export declare const Typography: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, Pick<JRCTypographyProps, "color" | "size" | "align" | "weight" | "hoverColor"> & FastCssProps, never>;

package/build/src/index.d.ts

@@ -25,7 +25,6 @@ declare global {
  */
 export { default as Resources } from './translation';
 export { default as Theme } from './styles/theme';
-export { BETA_JRCColorPicker } from './components/Beta/BETA_JRCColorPicker/BETA_JRCColorPicker';
 export { BETA_JRCDoubleClick } from './components/Beta/BETA_JRCDoubleClick/BETA_JRCDoubleClick';
 export { BETA_JRCDragAndDrop } from './components/Beta/BETA_JRCDragAndDrop/BETA_JRCDragAndDrop';
 export { ClickAwayListener } from './components/Form/Common/ClickAwayListener';
@@ -48,6 +47,8 @@ export { JRCButtonFile } from './components/JRCButtonFile/JRCButtonFile';
 export { JRCCard } from './components/JRCCard/JRCCard';
 export { JRCCardImg } from './components/JRCCard/JRCCardImg';
 export { JRCCheckbox } from './components/Form/Input/JRCFormCheckbox/JRCCheckbox';
+export { JRCColorPicker } from './components/JRCColorPicker/JRCColorPicker';
+export { JRCColorPickerRaw } from './components/JRCColorPicker/JRCColorPickerRaw';
 export { JRCColumn } from './components/Templates/JRCColumn';
 export { JRCColumnCenter } from './components/JRCColumnCenter/JRCColumnCenter';
 export { JRCColumnLeft } from './components/JRCColumnLeft/JRCColumnLeft';
@@ -115,6 +116,7 @@ export { JRCInputTextarea } from './components/Form/Input/JRCInputTextarea/JRCIn
 export { JRCInputTime } from './components/Form/Input/JRCInputTime/JRCInputTime';
 export { JRCInputTinyMCE } from './components/Form/Input/JRCInputTinyMCE/JRCInputTinyMCE';
 export { JRCInputTinyMCERaw } from './components/Form/Input/JRCInputTinyMCERaw/JRCInputTinyMCERaw';
+export { JRCInputToggleRaw } from './components/Form/Input/JRCInputCheckbox/JRCInputToggle';
 export { JRCInputUrl } from './components/Form/Input/JRCInputUrl/JRCInputUrl';
 export { JRCList } from './components/JRCList/JRCList';
 export { JRCLoader } from './components/JRCLoader/JRCLoader';

package/package.json

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