jamespot-react-components 1.0.86 → 1.0.96
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/assets/404.6ddcf23842aa398fdb2521ed61e26426.png +0 -0
- package/build/jamespot-react-components.js +351 -325
- package/build/jamespot-react-components.js.map +1 -1
- package/build/src/components/404/index.d.ts +2 -0
- package/build/src/components/Common/util/getColor.util.d.ts +1 -1
- package/build/src/components/Form/Input/Common/JRCFormErrors.d.ts +3 -4
- package/build/src/components/Form/Input/Common/JRCFormFieldRenderer.d.ts +2 -1
- package/build/src/components/Form/Input/Common/JRCFormFieldRenderer.types.d.ts +5 -5
- package/build/src/components/Form/Input/Common/useFormControls.d.ts +12 -24
- package/build/src/components/Form/Input/JRCFormCheckbox/JRCFormCheckbox.d.ts +3 -0
- package/build/src/components/Form/Input/JRCFormCheckbox/JRCFormCheckbox.style.d.ts +2 -2
- package/build/src/components/Form/Input/JRCFormCheckbox/JRCFormCheckbox.types.d.ts +6 -6
- package/build/src/components/Form/Input/JRCFormEmail/JRCInputEmail.d.ts +2 -1
- package/build/src/components/Form/Input/JRCFormRichText/JRCFormRichTextField.d.ts +1 -1
- package/build/src/components/Form/Input/JRCFormSelect/JRCFormSelect.d.ts +4 -3
- package/build/src/components/Form/Input/JRCFormSelect/JRCFormSelectTag.d.ts +2 -1
- package/build/src/components/Form/Input/JRCInputCheckbox/JRCInputCheckbox.d.ts +4 -3
- package/build/src/components/Form/Input/JRCInputCheckbox/JRCInputCheckbox.types.d.ts +6 -5
- package/build/src/components/Form/Input/JRCInputDate/JRCInputDate.d.ts +2 -1
- package/build/src/components/Form/Input/JRCInputDate/JRCInputDate.stories.d.ts +3 -1
- package/build/src/components/Form/Input/JRCInputText/JRCInputText.d.ts +2 -1
- package/build/src/components/Form/Input/JRCInputText/JRCInputText.stories.d.ts +3 -1
- package/build/src/components/Form/Input/JRCInputTextarea/JRCInputTextarea.d.ts +2 -1
- package/build/src/components/Form/Input/JRCInputTextarea/JRCInputTextarea.stories.d.ts +3 -1
- package/build/src/components/Form/Input/JRCSelect/JRCAutocompleteCommunity.d.ts +3 -2
- package/build/src/components/Form/Input/JRCSelect/JRCInputAutocomplete.d.ts +3 -2
- package/build/src/components/Form/Input/JRCSelect/JRCInputSelect.d.ts +3 -2
- package/build/src/components/Form/Input/JRCSelect/JRCInputSelect.style.d.ts +5 -5
- package/build/src/components/Form/Input/JRCSelect/JRCInputSelect.types.d.ts +5 -4
- package/build/src/components/JRCAppLeftColumn/JRCAppLeftColumn.stories.d.ts +5 -3
- package/build/src/components/JRCAppLeftColumn/JRCAppLeftColumn.styles.d.ts +1 -1
- package/build/src/components/JRCButton/JRCButton.d.ts +2 -2
- package/build/src/components/JRCButton/JRCButton.stories.d.ts +4 -1
- package/build/src/components/JRCButtonDropdown/JRCButtonDropdown.styles.d.ts +1 -1
- package/build/src/components/JRCGrid/JRCGrid.stories.d.ts +12 -3
- package/build/src/components/JRCIcon/JRCIcon.stories.d.ts +4 -1
- package/build/src/components/JRCMenu/JRCMenu.stories.d.ts +4 -1
- package/build/src/components/JRCModal/JRCModal.d.ts +7 -0
- package/build/src/components/JRCModal/JRCModal.styles.d.ts +3 -0
- package/build/src/components/JRCModalImg/JRCModalImg.stories.d.ts +4 -1
- package/build/src/components/JRCSkeleton/JRCSkeletonLine.d.ts +10 -0
- package/build/src/components/JRCSkeleton/JRCSkeletonSquare.d.ts +10 -0
- package/build/src/components/JRCSkeleton/common.d.ts +1 -0
- package/build/src/components/JRCTabs/JRCTabs.stories.d.ts +12 -3
- package/build/src/components/JRCTypography/JRCTypography.styles.d.ts +7 -6
- package/build/src/components/Templates/template.styles.d.ts +6 -6
- package/build/src/hooks/UseDidMountEffect.d.ts +5 -0
- package/build/src/hooks/UseTimeout.d.ts +1 -1
- package/build/src/index.d.ts +3 -0
- package/build/src/storybook/decorators.d.ts +0 -1
- package/build/src/styles/theme.d.ts +5 -5
- package/build/src/types.d.ts +2 -0
- package/build/src/utils/utils.date.d.ts +1 -1
- package/package.json +3 -3
- package/storybook-static/587.e803fde0.iframe.bundle.js +2 -0
- package/storybook-static/{587.e875d59e.iframe.bundle.js.LICENSE.txt → 587.e803fde0.iframe.bundle.js.LICENSE.txt} +0 -0
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/main.b14e8790.iframe.bundle.js +1 -0
- package/storybook-static/587.e875d59e.iframe.bundle.js +0 -2
- package/storybook-static/main.08c3c60d.iframe.bundle.js +0 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
+
import { ModalBorderRadius } from './JRCModal.styles';
|
|
2
3
|
/**
|
|
3
4
|
* Interface to provide Modal Buttons
|
|
4
5
|
* @member color button color "primary" | "red" | "green" | "grey"
|
|
@@ -22,6 +23,9 @@ export interface JRCModalButtonType extends ComponentPropsWithoutRef<'button'> {
|
|
|
22
23
|
* @member title optional string or JSX.Element (header content) if hasHeader= true
|
|
23
24
|
* @member showIconClose boolean to show/hide the close (x) button of the Modal
|
|
24
25
|
* @member enableClickAwayCloseModal boolean to enable the close of the Modal by Click Outside of Modal
|
|
26
|
+
* @member contentFull content without padding
|
|
27
|
+
* @member overflow allow overflow hidden (crop background for radius)
|
|
28
|
+
* @member radius border radius size
|
|
25
29
|
* @member children default ReactNode children in the Modal content
|
|
26
30
|
* @member portalId id attribute for createPortal
|
|
27
31
|
* @member inPlace if true, does not use a portal
|
|
@@ -35,6 +39,9 @@ export interface JRCModalProps {
|
|
|
35
39
|
title?: React.ReactNode;
|
|
36
40
|
showIconClose?: boolean;
|
|
37
41
|
enableClickAwayCloseModal?: boolean;
|
|
42
|
+
contentFull?: boolean;
|
|
43
|
+
overflow?: 'hidden';
|
|
44
|
+
radius?: ModalBorderRadius;
|
|
38
45
|
isFull?: boolean;
|
|
39
46
|
isFullHeight?: boolean;
|
|
40
47
|
modalOptions?: ReactNode;
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
+
export declare type ModalBorderRadius = 'medium' | 'small';
|
|
1
2
|
export declare const JRCModalBox: import("styled-components").StyledComponent<"div", any, {
|
|
2
3
|
isFullHeight?: boolean | undefined;
|
|
3
4
|
}, never>;
|
|
4
5
|
export declare const JRCModalContainerFull: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
6
|
export declare const JRCModalContainer: import("styled-components").StyledComponent<"div", any, {
|
|
6
7
|
isFullHeight?: boolean | undefined;
|
|
8
|
+
overflow?: "hidden" | undefined;
|
|
9
|
+
radius?: ModalBorderRadius | undefined;
|
|
7
10
|
}, never>;
|
|
8
11
|
export declare const JRCModalTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
12
|
export declare const JRCModalOptions: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -4,4 +4,7 @@ import { Meta, Story } from '@storybook/react';
|
|
|
4
4
|
declare const _default: Meta<import("@storybook/react").Args>;
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const SkeletonModal: Story<JRCModalImgProps>;
|
|
7
|
-
export declare const ShowAndHideModal:
|
|
7
|
+
export declare const ShowAndHideModal: {
|
|
8
|
+
(): JSX.Element;
|
|
9
|
+
parameters: any;
|
|
10
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { TSizes } from '../JRCTypography/JRCTypography.d';
|
|
2
|
+
export declare type JRCSkeletonLineProps = {
|
|
3
|
+
width?: string;
|
|
4
|
+
size?: TSizes;
|
|
5
|
+
lineHeight?: number;
|
|
6
|
+
height?: string;
|
|
7
|
+
borderRadius?: string;
|
|
8
|
+
margin?: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const JRCSkeletonLine: ({ width, size, lineHeight, height, borderRadius, margin, }: JRCSkeletonLineProps) => JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare type JRCSkeletonSquareProps = {
|
|
2
|
+
ratio?: {
|
|
3
|
+
x: number;
|
|
4
|
+
y: number;
|
|
5
|
+
};
|
|
6
|
+
width?: string;
|
|
7
|
+
borderRadius?: string;
|
|
8
|
+
margin?: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const JRCSkeletonSquare: import("styled-components").StyledComponent<"div", any, JRCSkeletonSquareProps, never>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const pulseAnimation: import("styled-components").FlattenSimpleInterpolation;
|
|
@@ -4,6 +4,15 @@ declare const _default: {
|
|
|
4
4
|
component: ({ entries, activeItem, direction, callback, dataCy, }: import("./JRCTabs").JRCTabsProps) => JSX.Element;
|
|
5
5
|
};
|
|
6
6
|
export default _default;
|
|
7
|
-
export declare const TabHorizontal:
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
export declare const TabHorizontal: {
|
|
8
|
+
(): JSX.Element;
|
|
9
|
+
parameters: any;
|
|
10
|
+
};
|
|
11
|
+
export declare const TabVertical: {
|
|
12
|
+
(): JSX.Element;
|
|
13
|
+
parameters: any;
|
|
14
|
+
};
|
|
15
|
+
export declare const EmbeddedTab: {
|
|
16
|
+
(): JSX.Element;
|
|
17
|
+
parameters: any;
|
|
18
|
+
};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { JRCTypographyProps } from './JRCTypography.d';
|
|
2
|
+
export declare const lineHeightRatio = 1.5;
|
|
2
3
|
export declare const SIZES: Readonly<{
|
|
3
|
-
s:
|
|
4
|
-
m:
|
|
5
|
-
l:
|
|
6
|
-
xl:
|
|
7
|
-
xxl:
|
|
8
|
-
xxxl:
|
|
4
|
+
s: number;
|
|
5
|
+
m: number;
|
|
6
|
+
l: number;
|
|
7
|
+
xl: number;
|
|
8
|
+
xxl: number;
|
|
9
|
+
xxxl: number;
|
|
9
10
|
}>;
|
|
10
11
|
export declare const Typography: import("styled-components").StyledComponent<"p", any, Pick<JRCTypographyProps, "color" | "size" | "weight">, never>;
|
|
@@ -24,6 +24,9 @@ export declare const OpenCloseButton: import("styled-components").StyledComponen
|
|
|
24
24
|
slot?: string | undefined;
|
|
25
25
|
style?: React.CSSProperties | undefined;
|
|
26
26
|
title?: string | undefined;
|
|
27
|
+
type?: "button" | "reset" | "submit" | undefined;
|
|
28
|
+
onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
29
|
+
children?: React.ReactNode;
|
|
27
30
|
key?: React.Key | null | undefined;
|
|
28
31
|
defaultChecked?: boolean | undefined;
|
|
29
32
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
@@ -31,7 +34,7 @@ export declare const OpenCloseButton: import("styled-components").StyledComponen
|
|
|
31
34
|
suppressHydrationWarning?: boolean | undefined;
|
|
32
35
|
accessKey?: string | undefined;
|
|
33
36
|
className?: string | undefined;
|
|
34
|
-
contentEditable?:
|
|
37
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
|
|
35
38
|
contextMenu?: string | undefined;
|
|
36
39
|
dir?: string | undefined;
|
|
37
40
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
@@ -64,7 +67,7 @@ export declare const OpenCloseButton: import("styled-components").StyledComponen
|
|
|
64
67
|
results?: number | undefined;
|
|
65
68
|
security?: string | undefined;
|
|
66
69
|
unselectable?: "on" | "off" | undefined;
|
|
67
|
-
inputMode?: "
|
|
70
|
+
inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
68
71
|
is?: string | undefined;
|
|
69
72
|
'aria-activedescendant'?: string | undefined;
|
|
70
73
|
'aria-atomic'?: (boolean | "true" | "false") | undefined;
|
|
@@ -114,7 +117,6 @@ export declare const OpenCloseButton: import("styled-components").StyledComponen
|
|
|
114
117
|
'aria-valuemin'?: number | undefined;
|
|
115
118
|
'aria-valuenow'?: number | undefined;
|
|
116
119
|
'aria-valuetext'?: string | undefined;
|
|
117
|
-
children?: React.ReactNode;
|
|
118
120
|
dangerouslySetInnerHTML?: {
|
|
119
121
|
__html: string;
|
|
120
122
|
} | undefined;
|
|
@@ -148,7 +150,6 @@ export declare const OpenCloseButton: import("styled-components").StyledComponen
|
|
|
148
150
|
onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
|
|
149
151
|
onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
150
152
|
onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
151
|
-
onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
152
153
|
onErrorCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
|
|
153
154
|
onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
|
|
154
155
|
onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
|
|
@@ -279,7 +280,6 @@ export declare const OpenCloseButton: import("styled-components").StyledComponen
|
|
|
279
280
|
onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
280
281
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
281
282
|
css?: import("@emotion/core").InterpolationWithTheme<any>;
|
|
282
|
-
type?: "button" | "reset" | "submit" | undefined;
|
|
283
283
|
autoFocus?: boolean | undefined;
|
|
284
284
|
disabled?: boolean | undefined;
|
|
285
285
|
formAction?: string | undefined;
|
|
@@ -292,7 +292,7 @@ export declare const OpenCloseButton: import("styled-components").StyledComponen
|
|
|
292
292
|
ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
|
|
293
293
|
theme: any;
|
|
294
294
|
offset: string;
|
|
295
|
-
} & Open & Closing, "form" | "slot" | "style" | "title" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "
|
|
295
|
+
} & Open & Closing, "form" | "slot" | "style" | "title" | "type" | "ref" | "onError" | "children" | "theme" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "offset">;
|
|
296
296
|
export declare const AppTabLabel: import("styled-components").StyledComponent<"p", any, Open, never>;
|
|
297
297
|
export declare const AppTabContainer: import("styled-components").StyledComponent<"div", any, Open, never>;
|
|
298
298
|
export declare const AppTab: import("styled-components").StyledComponent<"button", any, Open & {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Dispatch, SetStateAction } from 'react';
|
|
2
2
|
/**
|
|
3
|
-
* This hook provides a way to reset a value after a timeout
|
|
3
|
+
* This hook provides a way to reset a value after a timeout every time it is set
|
|
4
4
|
* @param value default value
|
|
5
5
|
* @param delay delay
|
|
6
6
|
*/
|
package/build/src/index.d.ts
CHANGED
|
@@ -25,6 +25,7 @@ declare global {
|
|
|
25
25
|
*/
|
|
26
26
|
export { default as Resources } from './translation';
|
|
27
27
|
export { default as Theme } from './styles/theme';
|
|
28
|
+
export { JRC404 } from './components/404';
|
|
28
29
|
export { JRCAlert } from './components/JRCAlert/JRCAlert';
|
|
29
30
|
export { JRCAppColumn } from './components/Templates/JRCAppColumn';
|
|
30
31
|
export { JRCAppContainer } from './components/JRCAppContainer/JRCAppContainer';
|
|
@@ -88,6 +89,8 @@ export { JRCMenu } from './components/JRCMenu/JRCMenu';
|
|
|
88
89
|
export { JRCModal } from './components/JRCModal/JRCModal';
|
|
89
90
|
export { JRCModalImg } from './components/JRCModalImg/JRCModalImg';
|
|
90
91
|
export { JRCPagination } from './components/JRCPagination/JRCPagination';
|
|
92
|
+
export { JRCSkeletonLine } from './components/JRCSkeleton/JRCSkeletonLine';
|
|
93
|
+
export { JRCSkeletonSquare } from './components/JRCSkeleton/JRCSkeletonSquare';
|
|
91
94
|
export { JRCStyledHref, JRCLinkToUser, JRCLinkToArticle } from './components/JRCHref/JRCHref';
|
|
92
95
|
export { JRCTabs, JRCTabPanel } from './components/JRCTabs/JRCTabs';
|
|
93
96
|
export { JRCTag } from './components/JRCTag/JRCTag';
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
export interface ITheme {
|
|
2
2
|
config: ThemeType;
|
|
3
3
|
get: () => ThemeType;
|
|
4
|
-
initTheme: (options
|
|
4
|
+
initTheme: (options?: ThemeConfigOptions) => void;
|
|
5
5
|
}
|
|
6
6
|
export declare type ThemeConfigOptions = {
|
|
7
|
-
fontFamily
|
|
7
|
+
fontFamily?: string;
|
|
8
8
|
linkColor: string;
|
|
9
9
|
buttonColor: string;
|
|
10
|
-
headerColor
|
|
10
|
+
headerColor?: string;
|
|
11
11
|
headerTextColor: string;
|
|
12
12
|
headerUserBackground: string;
|
|
13
13
|
headerUserTextColor: string;
|
|
14
14
|
headerSearchBarTextColor: string;
|
|
15
|
-
headerSearchBarBackgroundColor
|
|
15
|
+
headerSearchBarBackgroundColor?: string;
|
|
16
16
|
navBackground: string;
|
|
17
17
|
navTextColor: string;
|
|
18
18
|
bgColorNotLogged: string;
|
|
19
19
|
};
|
|
20
|
-
export declare type Colors = 'primary' | 'secondary' | 'headerColor' | 'headerTextColor' | 'headerUserBackground' | 'headerUserTextColor' | 'headerSearchBarTextColor' | 'headerSearchBarBackgroundColor' | 'lavender' | 'orange' | 'yellow' | 'green' | 'navy' | 'overseas' | 'grey0' | 'grey1' | 'grey2' | 'grey3' | 'grey4' | 'grey5' | 'grey6' | 'black' | 'black10' | 'black15' | 'black20' | 'white';
|
|
20
|
+
export declare type Colors = 'primary' | 'secondary' | 'headerColor' | 'headerTextColor' | 'headerUserBackground' | 'headerUserTextColor' | 'headerSearchBarTextColor' | 'headerSearchBarBackgroundColor' | 'lavender' | 'orange' | 'yellow' | 'green' | 'navy' | 'overseas' | 'sandLight' | 'sand' | 'grey0' | 'grey1' | 'grey2' | 'grey3' | 'grey4' | 'grey5' | 'grey6' | 'black' | 'black10' | 'black15' | 'black20' | 'white';
|
|
21
21
|
declare type ThemeConfigColorType = {
|
|
22
22
|
[color in Colors]: string;
|
|
23
23
|
};
|
package/build/src/types.d.ts
CHANGED
|
@@ -48,6 +48,8 @@ export { JRCMenuProps, JRCMenuItemProps } from './components/JRCMenu/JRCMenu';
|
|
|
48
48
|
export { JRCModalButtonType, JRCModalProps } from './components/JRCModal/JRCModal';
|
|
49
49
|
export { JRCModalImgButtonType, JRCModalImgProps } from './components/JRCModalImg/JRCModalImg';
|
|
50
50
|
export { JRCPaginationProps } from './components/JRCPagination/JRCPagination';
|
|
51
|
+
export { JRCSkeletonLineProps } from './components/JRCSkeleton/JRCSkeletonLine';
|
|
52
|
+
export { JRCSkeletonSquareProps } from './components/JRCSkeleton/JRCSkeletonSquare';
|
|
51
53
|
export { JRCTabsProps, JRCTabPanelProps } from './components/JRCTabs/JRCTabs';
|
|
52
54
|
export { JRCTagProps } from './components/JRCTag/JRCTag';
|
|
53
55
|
export { JRCTemplateBaseProps } from './components/Templates/JRCBase.template';
|
|
@@ -13,6 +13,6 @@ export declare const extractDate: (str: string) => extractDateProps;
|
|
|
13
13
|
* @param {string} str - Date format Y-m-d H:i:s
|
|
14
14
|
* @returns {(undefined|number)} Return timestamp
|
|
15
15
|
*/
|
|
16
|
-
export declare const strToTimestamp: (str: string) =>
|
|
16
|
+
export declare const strToTimestamp: (str: string) => undefined | number;
|
|
17
17
|
export declare const toISODate: (date?: Date) => string;
|
|
18
18
|
export declare const toHumanDate: (date: extractDateProps, format?: DateFormat) => string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "jamespot-react-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.96",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./build/jamespot-react-components.js",
|
|
6
6
|
"types": "./build/src/index.d.ts",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"storybook": "start-storybook -p 6006",
|
|
21
21
|
"storybook-no-cache": "cross-env NODE_ENV=development STORYBOOK_MODE=true PUBLIC_PATH='' start-storybook -s ./.storybook/assets/ -c .storybook -p 3022 --no-manager-cache",
|
|
22
22
|
"build-storybook": "build-storybook",
|
|
23
|
-
"prepare": "
|
|
23
|
+
"prepare": "husky install"
|
|
24
24
|
},
|
|
25
25
|
"keywords": [],
|
|
26
26
|
"author": "",
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
"@types/redux-logger": "^3.0.8",
|
|
99
99
|
"chroma-js": "^2.1.1",
|
|
100
100
|
"classnames": "^2.3.1",
|
|
101
|
-
"jamespot-user-api": "^1.0.
|
|
101
|
+
"jamespot-user-api": "^1.0.72",
|
|
102
102
|
"moment": "^2.29.1",
|
|
103
103
|
"react": "^17.x",
|
|
104
104
|
"react-dnd": "^14.0.4",
|