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.
Files changed (60) hide show
  1. package/build/assets/404.6ddcf23842aa398fdb2521ed61e26426.png +0 -0
  2. package/build/jamespot-react-components.js +351 -325
  3. package/build/jamespot-react-components.js.map +1 -1
  4. package/build/src/components/404/index.d.ts +2 -0
  5. package/build/src/components/Common/util/getColor.util.d.ts +1 -1
  6. package/build/src/components/Form/Input/Common/JRCFormErrors.d.ts +3 -4
  7. package/build/src/components/Form/Input/Common/JRCFormFieldRenderer.d.ts +2 -1
  8. package/build/src/components/Form/Input/Common/JRCFormFieldRenderer.types.d.ts +5 -5
  9. package/build/src/components/Form/Input/Common/useFormControls.d.ts +12 -24
  10. package/build/src/components/Form/Input/JRCFormCheckbox/JRCFormCheckbox.d.ts +3 -0
  11. package/build/src/components/Form/Input/JRCFormCheckbox/JRCFormCheckbox.style.d.ts +2 -2
  12. package/build/src/components/Form/Input/JRCFormCheckbox/JRCFormCheckbox.types.d.ts +6 -6
  13. package/build/src/components/Form/Input/JRCFormEmail/JRCInputEmail.d.ts +2 -1
  14. package/build/src/components/Form/Input/JRCFormRichText/JRCFormRichTextField.d.ts +1 -1
  15. package/build/src/components/Form/Input/JRCFormSelect/JRCFormSelect.d.ts +4 -3
  16. package/build/src/components/Form/Input/JRCFormSelect/JRCFormSelectTag.d.ts +2 -1
  17. package/build/src/components/Form/Input/JRCInputCheckbox/JRCInputCheckbox.d.ts +4 -3
  18. package/build/src/components/Form/Input/JRCInputCheckbox/JRCInputCheckbox.types.d.ts +6 -5
  19. package/build/src/components/Form/Input/JRCInputDate/JRCInputDate.d.ts +2 -1
  20. package/build/src/components/Form/Input/JRCInputDate/JRCInputDate.stories.d.ts +3 -1
  21. package/build/src/components/Form/Input/JRCInputText/JRCInputText.d.ts +2 -1
  22. package/build/src/components/Form/Input/JRCInputText/JRCInputText.stories.d.ts +3 -1
  23. package/build/src/components/Form/Input/JRCInputTextarea/JRCInputTextarea.d.ts +2 -1
  24. package/build/src/components/Form/Input/JRCInputTextarea/JRCInputTextarea.stories.d.ts +3 -1
  25. package/build/src/components/Form/Input/JRCSelect/JRCAutocompleteCommunity.d.ts +3 -2
  26. package/build/src/components/Form/Input/JRCSelect/JRCInputAutocomplete.d.ts +3 -2
  27. package/build/src/components/Form/Input/JRCSelect/JRCInputSelect.d.ts +3 -2
  28. package/build/src/components/Form/Input/JRCSelect/JRCInputSelect.style.d.ts +5 -5
  29. package/build/src/components/Form/Input/JRCSelect/JRCInputSelect.types.d.ts +5 -4
  30. package/build/src/components/JRCAppLeftColumn/JRCAppLeftColumn.stories.d.ts +5 -3
  31. package/build/src/components/JRCAppLeftColumn/JRCAppLeftColumn.styles.d.ts +1 -1
  32. package/build/src/components/JRCButton/JRCButton.d.ts +2 -2
  33. package/build/src/components/JRCButton/JRCButton.stories.d.ts +4 -1
  34. package/build/src/components/JRCButtonDropdown/JRCButtonDropdown.styles.d.ts +1 -1
  35. package/build/src/components/JRCGrid/JRCGrid.stories.d.ts +12 -3
  36. package/build/src/components/JRCIcon/JRCIcon.stories.d.ts +4 -1
  37. package/build/src/components/JRCMenu/JRCMenu.stories.d.ts +4 -1
  38. package/build/src/components/JRCModal/JRCModal.d.ts +7 -0
  39. package/build/src/components/JRCModal/JRCModal.styles.d.ts +3 -0
  40. package/build/src/components/JRCModalImg/JRCModalImg.stories.d.ts +4 -1
  41. package/build/src/components/JRCSkeleton/JRCSkeletonLine.d.ts +10 -0
  42. package/build/src/components/JRCSkeleton/JRCSkeletonSquare.d.ts +10 -0
  43. package/build/src/components/JRCSkeleton/common.d.ts +1 -0
  44. package/build/src/components/JRCTabs/JRCTabs.stories.d.ts +12 -3
  45. package/build/src/components/JRCTypography/JRCTypography.styles.d.ts +7 -6
  46. package/build/src/components/Templates/template.styles.d.ts +6 -6
  47. package/build/src/hooks/UseDidMountEffect.d.ts +5 -0
  48. package/build/src/hooks/UseTimeout.d.ts +1 -1
  49. package/build/src/index.d.ts +3 -0
  50. package/build/src/storybook/decorators.d.ts +0 -1
  51. package/build/src/styles/theme.d.ts +5 -5
  52. package/build/src/types.d.ts +2 -0
  53. package/build/src/utils/utils.date.d.ts +1 -1
  54. package/package.json +3 -3
  55. package/storybook-static/587.e803fde0.iframe.bundle.js +2 -0
  56. package/storybook-static/{587.e875d59e.iframe.bundle.js.LICENSE.txt → 587.e803fde0.iframe.bundle.js.LICENSE.txt} +0 -0
  57. package/storybook-static/iframe.html +1 -1
  58. package/storybook-static/main.b14e8790.iframe.bundle.js +1 -0
  59. package/storybook-static/587.e875d59e.iframe.bundle.js +0 -2
  60. 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: () => JSX.Element;
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: () => JSX.Element;
8
- export declare const TabVertical: () => JSX.Element;
9
- export declare const EmbeddedTab: () => JSX.Element;
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: string;
4
- m: string;
5
- l: string;
6
- xl: string;
7
- xxl: string;
8
- xxxl: string;
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?: "inherit" | (boolean | "true" | "false") | undefined;
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?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
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" | "children" | "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" | "onError" | "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" | "type" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "theme" | "offset">;
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,2 +1,7 @@
1
1
  import { DependencyList } from 'react';
2
+ /**
3
+ * Simulate the React v16 useDidMountEffect
4
+ * @param func
5
+ * @param deps be sure to pass ALL the deps used in your effect
6
+ */
2
7
  export declare const useDidMountEffect: (func: Function, deps: DependencyList) => void;
@@ -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 everytime it is set
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
  */
@@ -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,2 +1 @@
1
- /// <reference types="react" />
2
1
  export declare const withReduxForm: (storyFunc: any) => JSX.Element;
@@ -1,23 +1,23 @@
1
1
  export interface ITheme {
2
2
  config: ThemeType;
3
3
  get: () => ThemeType;
4
- initTheme: (options: ThemeConfigOptions) => void;
4
+ initTheme: (options?: ThemeConfigOptions) => void;
5
5
  }
6
6
  export declare type ThemeConfigOptions = {
7
- fontFamily: string;
7
+ fontFamily?: string;
8
8
  linkColor: string;
9
9
  buttonColor: string;
10
- headerColor: string;
10
+ headerColor?: string;
11
11
  headerTextColor: string;
12
12
  headerUserBackground: string;
13
13
  headerUserTextColor: string;
14
14
  headerSearchBarTextColor: string;
15
- headerSearchBarBackgroundColor: string;
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
  };
@@ -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) => number | undefined;
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.86",
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": "npm run build && node -e \"if(require('fs').existsSync('.git')){process.exit(1)}\" || husky install"
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.50",
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",