jamespot-react-components 1.0.161 → 1.0.163

package/build/src/components/Editors/components/EditorInputCheckbox.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const CSSInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const EditorInputCheckbox: ({ label, initialValue, options, onChange, }: {
+    label: string;
+    initialValue: string[];
+    options: {
+        label: string;
+        value: string;
+    }[];
+    onChange: (value: string[]) => void;
+}) => React.JSX.Element;

package/build/src/components/Form/Input/JRCInputTinyMCE/JRCInputTinyMCE.d.ts

@@ -6,12 +6,13 @@ import { DataCy } from '../../../../types/dataAttributes';
 declare global {
     const tinymce: any;
 }
-export type MentionQuery = (query: string) => Promise<{
+export type TinyMention = {
     type: 'autocompleteitem';
     value: string;
     text: string;
     icon?: string;
-}[]>;
+};
+export type MentionQuery = (query: string) => Promise<TinyMention[]>;
 export type JRCInputTinyMCEProps = DataCy & {
     token?: string;
     commonOptions: TinyMCECommonOptions;

package/build/src/components/Form/Input/JRCInputTinyMCE/JRCTinyMCEFileUploadModal.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+type JRCTinyMCEFileUploadModalProps = {
+    closeHandler: () => void;
+    open: boolean;
+    token?: string;
+};
+export declare const JRCTinyMCEFileUploadModal: ({ open, closeHandler, token }: JRCTinyMCEFileUploadModalProps) => React.JSX.Element;
+export {};

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

@@ -1,9 +1,12 @@
 import * as React from 'react';
-import { Area as _Area, Point as _Point, Size as _Size } from 'react-easy-crop/types';
 import { JRCModalProps } from '../JRCModal/templates/JRCModal.types';
-export type Size = _Size;
-export type Point = _Point;
-export type Area = _Area;
+import 'react-image-crop/dist/ReactCrop.css';
+export type Area = {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+};
 export type JRCCropImageProps = Pick<JRCModalProps, 'open' | 'closeHandler'> & {
     aspectRatio?: number | undefined;
     allowCustomRatio?: boolean;
@@ -13,4 +16,4 @@ export type JRCCropImageProps = Pick<JRCModalProps, 'open' | 'closeHandler'> & {
     }) => void;
     zIndex?: number;
 };
-export declare function JRCCropImage(props: JRCCropImageProps): React.JSX.Element;
+export declare function JRCCropImage({ save, ...props }: JRCCropImageProps): React.JSX.Element;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { WidgetSliderSlide } from './types';
+export type JRCWidgetSliderProps = {
+    slides: WidgetSliderSlide[];
+    maxWidth: number;
+    loop: boolean;
+    useDots?: boolean;
+    startAt?: number;
+};
+export declare const JRCWidgetSlider: ({ slides, maxWidth, loop, useDots, startAt, }: JRCWidgetSliderProps) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetSlider/JRCWidgetSlider.stories.d.ts

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

package/build/src/components/Widgets/JRCWidgetSlider/JRCWidgetSliderEditor.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { JRCWidgetSliderEditorProps, WidgetSliderSlide } from './types';
+export declare const CSSSlide: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CSSSlideTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const JRCWidgetSliderEditor: ({ slides, loop, useDots, onChange, onSave, }: JRCWidgetSliderEditorProps & {
+    onSave: (content: Partial<JRCWidgetSliderEditorProps>) => void;
+    onChange: (content: Partial<JRCWidgetSliderEditorProps>, override?: boolean) => void;
+}) => React.JSX.Element;
+export declare const EditorSlide: ({ initialSlide, onSave, onClickDelete, }: {
+    initialSlide: WidgetSliderSlide;
+    onSave: (slide: WidgetSliderSlide) => void;
+    onClickDelete: () => void;
+}) => React.JSX.Element;
+/**
+ * TODO: STANDALONE COMPONENT
+ */
+export declare const DeleteWithPrompt: ({ title, description, onClick, }: {
+    title: string;
+    description?: string | undefined;
+    onClick: () => void;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetSlider/components/SliderArrows.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type SliderArrowsProps = {
+    step: number;
+    total: number;
+    loop: boolean;
+    onClickPrev: () => void;
+    onClickNext: () => void;
+};
+export declare const SliderArrows: ({ step, total, loop, onClickPrev, onClickNext }: SliderArrowsProps) => React.JSX.Element;
+export {};

package/build/src/components/Widgets/JRCWidgetSlider/components/SliderDots.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare function neighborValue(index: number, step: number, range: number, rangeDecreaseValue?: number): number;
+/**
+ *  TODO: STANDALONE COMPONENT
+ */
+export declare const SliderDots: ({ step, steps, range, rangeDecreaseValue, onClick, }: {
+    step: number;
+    steps: number;
+    range?: number | undefined;
+    rangeDecreaseValue?: number | undefined;
+    onClick: (index: number) => void;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetSlider/components/SliderImage.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const SliderImage: ({ uri, maxWidth, maxHeight, }: {
+    uri: string;
+    maxWidth: number;
+    maxHeight: number;
+}) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetSlider/components/SliderSlideTitle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { WidgetSliderSlide } from '../types';
+export declare const SliderSlideTitle: ({ title, titleHeading }: Pick<WidgetSliderSlide, 'title' | 'titleHeading'>) => React.JSX.Element;

package/build/src/components/Widgets/JRCWidgetSlider/mock.d.ts

@@ -0,0 +1,2 @@
+import { WidgetSliderSlide } from './types';
+export declare const WIDGET_SLIDER_EMPTY_SLIDE: WidgetSliderSlide;

package/build/src/components/Widgets/JRCWidgetSlider/types.d.ts

@@ -0,0 +1,16 @@
+import { TVariants } from 'components/JRCTypography/JRCTypography.d';
+export type WidgetSliderSlide = {
+    title: string;
+    titleHeading: TVariants;
+    text: string;
+    textColor: string;
+    opacityFilter: number;
+    opacityColor: string;
+    uri: string;
+};
+export type JRCWidgetSliderEditorProps = {
+    slides: WidgetSliderSlide[];
+    loop: boolean;
+    useDots?: boolean;
+    startAt?: number;
+};

package/build/src/components/Widgets/JRCWidgetSlider/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function getNextStep(currentIndex: number, totalElement: number, loop: boolean): number;
+export declare function getPrevStep(currentIndex: number, totalElement: number, loop: boolean): number;

package/build/src/index.d.ts

@@ -136,6 +136,7 @@ export { JRCTag } from './components/JRCTag/JRCTag';
 export { JRCTemplateBase } from './components/Templates/JRCBase.template';
 export { JRCTemplateTwoColumns } from './components/Templates/JRCTwoColumns.template';
 export { JRCThemeProvider } from './components/JRCThemeProvider/JRCThemeProvider';
+export { JRCTinyMCEFileUploadModal } from './components/Form/Input/JRCInputTinyMCE/JRCTinyMCEFileUploadModal';
 export { JRCTinyMCEImageUploadModal } from './components/Form/Input/JRCInputTinyMCE/JRCTinyMCEImageUploadModal';
 export { JRCTinyMCEVideoUploadModal } from './components/Form/Input/JRCInputTinyMCE/JRCTinyMCEVideoUploadModal';
 export { JRCTooltip } from './components/JRCTooltip/JRCTooltip';

package/build/src/types.d.ts

@@ -78,7 +78,7 @@ export type { JRCTypographyProps } from './components/JRCTypography/JRCTypograph
 export type { JRCValidationButtonProps } from './components/JRCButton/JRCValidationButton';
 export type { JRCValueLabelProps } from './components/Form/Common/types';
 export type { JRCWritableFormInputProps } from './components/Form/Input/JRCFormFieldRender';
-export type { MentionQuery } from './components/Form/Input/JRCInputTinyMCE/JRCInputTinyMCE';
+export type { MentionQuery, TinyMention } from './components/Form/Input/JRCInputTinyMCE/JRCInputTinyMCE';
 export type { MessageType } from './components/Common/util/getColor.util';
 export type { TextareaFormInputProps } from './components/Form/Input/JRCFormTextarea/JRCFormTextarea';
 export type { ThemeConfigOptions, ThemeType } from './styles/theme';

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

@@ -28,6 +28,8 @@ export declare const colorimetry: {
         };
     };
     hex: (hex: string) => {
+        toRgbaColor: (opacity: number) => string;
+        toRgbColor: () => string;
         toRgb: () => {
             values: () => {
                 r: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.0.161",
+  "version": "1.0.163",
   "description": "",
   "main": "./build/jamespot-react-components.js",
   "types": "./build/src/index.d.ts",
@@ -92,15 +92,15 @@
     "chroma-js": "^2.1.1",
     "classnames": "^2.3.1",
     "dompurify": "^3.0.5",
-    "jamespot-user-api": "^1.0.131",
+    "jamespot-user-api": "^1.0.133",
     "moment": "2.29.4",
     "react": "^17.x",
     "react-beautiful-dnd": "^13.1.1",
     "react-dnd": "^14.0.4",
     "react-dnd-html5-backend": "^14.0.2",
     "react-dom": "^17.0.2",
-    "react-easy-crop": "^4.6.3",
     "react-hook-form": "^7.25.0",
+    "react-image-crop": "^11.0.4",
     "react-intl": "^5.8.6",
     "react-redux": "^7.2.9",
     "react-router-dom": "^6.2.1",