@elliemae/ds-props-helpers 2.3.0-next.3 → 3.0.0-alpha.0
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/dist/cjs/defaultProps/index.js +28 -0
- package/dist/cjs/defaultProps/index.js.map +7 -0
- package/dist/cjs/defaultProps/useMemoMergePropsWithDefault.js +48 -0
- package/dist/cjs/defaultProps/useMemoMergePropsWithDefault.js.map +7 -0
- package/dist/cjs/getProps/index.js +37 -0
- package/dist/cjs/getProps/index.js.map +7 -0
- package/dist/cjs/globalProps/constants.js +398 -0
- package/dist/cjs/globalProps/constants.js.map +7 -0
- package/dist/cjs/globalProps/globalAttributesPropTypes.js +398 -0
- package/dist/cjs/globalProps/globalAttributesPropTypes.js.map +7 -0
- package/dist/cjs/globalProps/index.js +29 -0
- package/dist/cjs/globalProps/index.js.map +7 -0
- package/dist/cjs/globalProps/useGetGlobalAttributes.js +56 -0
- package/dist/cjs/globalProps/useGetGlobalAttributes.js.map +7 -0
- package/dist/cjs/index.js +32 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/propTypes/PropTypes.js +136 -0
- package/dist/cjs/propTypes/PropTypes.js.map +7 -0
- package/dist/cjs/propTypes/customPropTypes.js +38 -0
- package/dist/cjs/propTypes/customPropTypes.js.map +7 -0
- package/dist/cjs/propTypes/describe.js +81 -0
- package/dist/cjs/propTypes/describe.js.map +7 -0
- package/dist/cjs/propTypes/describeConversions.js +96 -0
- package/dist/cjs/propTypes/describeConversions.js.map +7 -0
- package/dist/cjs/propTypes/describeGuards.js +49 -0
- package/dist/cjs/propTypes/describeGuards.js.map +7 -0
- package/dist/cjs/propTypes/index.js +37 -0
- package/dist/cjs/propTypes/index.js.map +7 -0
- package/dist/cjs/propTypes/toTypescript.js +139 -0
- package/dist/cjs/propTypes/toTypescript.js.map +7 -0
- package/dist/cjs/propTypes/types.js +27 -0
- package/dist/cjs/propTypes/types.js.map +7 -0
- package/dist/cjs/tests/globalProps/TestComponent.js +42 -0
- package/dist/cjs/tests/globalProps/TestComponent.js.map +7 -0
- package/dist/cjs/tests/validation/test.schema.js +67 -0
- package/dist/cjs/tests/validation/test.schema.js.map +7 -0
- package/dist/cjs/validation/errorTemplates.js +48 -0
- package/dist/cjs/validation/errorTemplates.js.map +7 -0
- package/dist/cjs/validation/index.js +30 -0
- package/dist/cjs/validation/index.js.map +7 -0
- package/dist/cjs/validation/typescriptGuards.js +65 -0
- package/dist/cjs/validation/typescriptGuards.js.map +7 -0
- package/dist/cjs/validation/typescriptParsers.js +76 -0
- package/dist/cjs/validation/typescriptParsers.js.map +7 -0
- package/dist/cjs/validation/typescriptValidator.js +171 -0
- package/dist/cjs/validation/typescriptValidator.js.map +7 -0
- package/dist/cjs/validation/validator.js +55 -0
- package/dist/cjs/validation/validator.js.map +7 -0
- package/dist/esm/defaultProps/index.js +3 -0
- package/dist/esm/defaultProps/index.js.map +7 -0
- package/dist/esm/defaultProps/useMemoMergePropsWithDefault.js +19 -0
- package/dist/esm/defaultProps/useMemoMergePropsWithDefault.js.map +7 -0
- package/dist/esm/getProps/index.js +8 -0
- package/dist/esm/getProps/index.js.map +7 -0
- package/dist/esm/globalProps/constants.js +369 -0
- package/dist/esm/globalProps/constants.js.map +7 -0
- package/{esm → dist/esm}/globalProps/globalAttributesPropTypes.js +58 -67
- package/dist/esm/globalProps/globalAttributesPropTypes.js.map +7 -0
- package/dist/esm/globalProps/index.js +4 -0
- package/dist/esm/globalProps/index.js.map +7 -0
- package/dist/esm/globalProps/useGetGlobalAttributes.js +27 -0
- package/dist/esm/globalProps/useGetGlobalAttributes.js.map +7 -0
- package/dist/esm/index.js +7 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/propTypes/PropTypes.js +107 -0
- package/dist/esm/propTypes/PropTypes.js.map +7 -0
- package/dist/esm/propTypes/customPropTypes.js +9 -0
- package/dist/esm/propTypes/customPropTypes.js.map +7 -0
- package/dist/esm/propTypes/describe.js +52 -0
- package/dist/esm/propTypes/describe.js.map +7 -0
- package/dist/esm/propTypes/describeConversions.js +76 -0
- package/dist/esm/propTypes/describeConversions.js.map +7 -0
- package/dist/esm/propTypes/describeGuards.js +20 -0
- package/dist/esm/propTypes/describeGuards.js.map +7 -0
- package/dist/esm/propTypes/index.js +8 -0
- package/dist/esm/propTypes/index.js.map +7 -0
- package/dist/esm/propTypes/toTypescript.js +110 -0
- package/dist/esm/propTypes/toTypescript.js.map +7 -0
- package/dist/esm/propTypes/types.js +2 -0
- package/dist/esm/propTypes/types.js.map +7 -0
- package/dist/esm/tests/globalProps/TestComponent.js +13 -0
- package/dist/esm/tests/globalProps/TestComponent.js.map +7 -0
- package/dist/esm/tests/validation/test.schema.js +38 -0
- package/dist/esm/tests/validation/test.schema.js.map +7 -0
- package/dist/esm/validation/errorTemplates.js +19 -0
- package/dist/esm/validation/errorTemplates.js.map +7 -0
- package/dist/esm/validation/index.js +5 -0
- package/dist/esm/validation/index.js.map +7 -0
- package/dist/esm/validation/typescriptGuards.js +36 -0
- package/dist/esm/validation/typescriptGuards.js.map +7 -0
- package/dist/esm/validation/typescriptParsers.js +47 -0
- package/dist/esm/validation/typescriptParsers.js.map +7 -0
- package/dist/esm/validation/typescriptValidator.js +153 -0
- package/dist/esm/validation/typescriptValidator.js.map +7 -0
- package/dist/esm/validation/validator.js +26 -0
- package/dist/esm/validation/validator.js.map +7 -0
- package/{types → dist/types}/defaultProps/index.d.ts +0 -0
- package/{types → dist/types}/defaultProps/useMemoMergePropsWithDefault.d.ts +0 -0
- package/{types → dist/types}/getProps/index.d.ts +0 -0
- package/{types → dist/types}/globalProps/constants.d.ts +0 -0
- package/{types → dist/types}/globalProps/globalAttributesPropTypes.d.ts +0 -0
- package/{types → dist/types}/globalProps/index.d.ts +0 -0
- package/{types → dist/types}/globalProps/useGetGlobalAttributes.d.ts +0 -0
- package/{types → dist/types}/index.d.ts +0 -0
- package/{types → dist/types}/propTypes/PropTypes.d.ts +0 -0
- package/{types → dist/types}/propTypes/customPropTypes.d.ts +0 -0
- package/{types → dist/types}/propTypes/describe.d.ts +0 -0
- package/{types → dist/types}/propTypes/describeConversions.d.ts +0 -0
- package/{types → dist/types}/propTypes/describeGuards.d.ts +0 -0
- package/{types → dist/types}/propTypes/index.d.ts +0 -0
- package/{types → dist/types}/propTypes/toTypescript.d.ts +0 -0
- package/{types → dist/types}/propTypes/types.d.ts +1 -1
- package/{types → dist/types}/tests/globalProps/TestComponent.d.ts +0 -0
- package/{types → dist/types}/tests/globalProps/globalAttributes.test.d.ts +0 -0
- package/{types → dist/types}/tests/validation/any.validation.test.d.ts +0 -0
- package/{types → dist/types}/tests/validation/array.validation.test.d.ts +0 -0
- package/{types → dist/types}/tests/validation/boolean.validation.test.d.ts +0 -0
- package/{types → dist/types}/tests/validation/function.validation.test.d.ts +0 -0
- package/{types → dist/types}/tests/validation/number.validation.test.d.ts +0 -0
- package/{types → dist/types}/tests/validation/object.validation.test.d.ts +0 -0
- package/{types → dist/types}/tests/validation/schema.validation.test.d.ts +0 -0
- package/{types → dist/types}/tests/validation/string.validation.test.d.ts +0 -0
- package/{types → dist/types}/tests/validation/test.schema.d.ts +0 -0
- package/{types → dist/types}/tests/validation/union.validation.test.d.ts +0 -0
- package/{types → dist/types}/validation/errorTemplates.d.ts +0 -0
- package/{types → dist/types}/validation/index.d.ts +0 -0
- package/{types → dist/types}/validation/typescriptGuards.d.ts +0 -0
- package/{types → dist/types}/validation/typescriptParsers.d.ts +0 -0
- package/{types → dist/types}/validation/typescriptValidator.d.ts +0 -0
- package/{types → dist/types}/validation/validator.d.ts +0 -0
- package/package.json +71 -62
- package/cjs/defaultProps/index.js +0 -9
- package/cjs/defaultProps/useMemoMergePropsWithDefault.js +0 -48
- package/cjs/getProps/index.js +0 -20
- package/cjs/globalProps/constants.js +0 -15
- package/cjs/globalProps/globalAttributesPropTypes.js +0 -382
- package/cjs/globalProps/index.js +0 -11
- package/cjs/globalProps/useGetGlobalAttributes.js +0 -36
- package/cjs/index.js +0 -28
- package/cjs/propTypes/PropTypes.js +0 -130
- package/cjs/propTypes/customPropTypes.js +0 -21
- package/cjs/propTypes/describe.js +0 -64
- package/cjs/propTypes/describeConversions.js +0 -104
- package/cjs/propTypes/describeGuards.js +0 -21
- package/cjs/propTypes/index.js +0 -11
- package/cjs/propTypes/toTypescript.js +0 -160
- package/cjs/propTypes/types.js +0 -2
- package/cjs/validation/errorTemplates.js +0 -16
- package/cjs/validation/index.js +0 -15
- package/cjs/validation/typescriptGuards.js +0 -36
- package/cjs/validation/typescriptParsers.js +0 -45
- package/cjs/validation/typescriptValidator.js +0 -208
- package/cjs/validation/validator.js +0 -36
- package/esm/defaultProps/index.js +0 -1
- package/esm/defaultProps/useMemoMergePropsWithDefault.js +0 -39
- package/esm/getProps/index.js +0 -15
- package/esm/globalProps/constants.js +0 -11
- package/esm/globalProps/index.js +0 -2
- package/esm/globalProps/useGetGlobalAttributes.js +0 -32
- package/esm/index.js +0 -9
- package/esm/propTypes/PropTypes.js +0 -124
- package/esm/propTypes/customPropTypes.js +0 -17
- package/esm/propTypes/describe.js +0 -62
- package/esm/propTypes/describeConversions.js +0 -96
- package/esm/propTypes/describeGuards.js +0 -10
- package/esm/propTypes/index.js +0 -2
- package/esm/propTypes/toTypescript.js +0 -154
- package/esm/propTypes/types.js +0 -1
- package/esm/validation/errorTemplates.js +0 -11
- package/esm/validation/index.js +0 -3
- package/esm/validation/typescriptGuards.js +0 -23
- package/esm/validation/typescriptParsers.js +0 -41
- package/esm/validation/typescriptValidator.js +0 -203
- package/esm/validation/validator.js +0 -32
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
-
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
-
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
-
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
-
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
6
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
7
|
-
import { useRef } from 'react';
|
|
8
|
-
import deepequal from 'fast-deep-equal/react';
|
|
9
|
-
|
|
10
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
11
|
-
|
|
12
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
13
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
14
|
-
|
|
15
|
-
const useMemoCompare = (next, compare) => {
|
|
16
|
-
// Ref for storing previous value
|
|
17
|
-
const previousRef = useRef(next);
|
|
18
|
-
const previous = previousRef.current; // Pass previous and next value to compare function
|
|
19
|
-
// to determine whether to consider them equal.
|
|
20
|
-
|
|
21
|
-
const isEqual = compare(previous, next); // If not equal update previousRef to next value.
|
|
22
|
-
// We only update if not equal so that this hook continues to return
|
|
23
|
-
// the same old value if compare keeps returning true.
|
|
24
|
-
|
|
25
|
-
if (!isEqual) previousRef.current = next; // Finally, if equal then return the previous value
|
|
26
|
-
|
|
27
|
-
return isEqual ? previous : next;
|
|
28
|
-
}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
const useMemoMergePropsWithDefault = function (props, defaultProps) {
|
|
32
|
-
let compare = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : deepequal;
|
|
33
|
-
|
|
34
|
-
const mergedProps = _objectSpread(_objectSpread({}, defaultProps), props);
|
|
35
|
-
|
|
36
|
-
return useMemoCompare(mergedProps, compare);
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
export { useMemoMergePropsWithDefault };
|
package/esm/getProps/index.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
-
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
-
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
5
|
-
|
|
6
|
-
const getAriaProps = props => Object.fromEntries(Object.entries(props).filter(_ref => {
|
|
7
|
-
let [key] = _ref;
|
|
8
|
-
return key.includes('aria-');
|
|
9
|
-
}));
|
|
10
|
-
const getDataProps = props => Object.fromEntries(Object.entries(props).filter(_ref2 => {
|
|
11
|
-
let [key] = _ref2;
|
|
12
|
-
return key.includes('data-');
|
|
13
|
-
}));
|
|
14
|
-
|
|
15
|
-
export { getAriaProps, getDataProps };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
2
|
-
import 'core-js/modules/esnext.iterator.map.js';
|
|
3
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
4
|
-
|
|
5
|
-
/* eslint-disable max-lines */
|
|
6
|
-
const ariaAttributes = ['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'];
|
|
7
|
-
const domAttributes = ['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'];
|
|
8
|
-
const htmlAttributes = ['about', 'accept', 'acceptCharset', 'accessKey', 'action', 'allowFullScreen', 'allowTransparency', 'alt', 'as', 'async', 'autoCapitalize', 'autoComplete', 'autoCorrect', 'autoFocus', 'autoPlay', 'autoSave', 'capture', 'cellPadding', 'cellSpacing', 'challenge', 'charSet', 'checked', 'cite', 'classID', 'className', 'color', 'cols', 'colSpan', 'content', 'contentEditable', 'contextMenu', 'controls', 'coords', 'crossOrigin', 'data', 'datatype', 'dateTime', 'default', 'defaultChecked', 'defaultValue', 'defer', 'dir', 'disabled', 'download', 'draggable', 'encType', 'form', 'formAction', 'formEncType', 'formMethod', 'formNoValidate', 'formTarget', 'frameBorder', 'headers', 'height', 'hidden', 'high', 'href', 'hrefLang', 'htmlFor', 'httpEquiv', 'id', 'inlist', 'inputMode', 'integrity', 'is', 'itemID', 'itemProp', 'itemRef', 'itemScope', 'itemType', 'keyParams', 'keyType', 'kind', 'label', 'lang', 'list', 'loop', 'low', 'manifest', 'marginHeight', 'marginWidth', 'max', 'maxLength', 'media', 'mediaGroup', 'method', 'min', 'minLength', 'multiple', 'muted', 'name', 'nonce', 'noValidate', 'open', 'optimum', 'pattern', 'placeholder', 'playsInline', 'poster', 'prefix', 'preload', 'property', 'radioGroup', 'readOnly', 'rel', 'required', 'resource', 'results', 'reversed', 'role', 'rows', 'rowSpan', 'sandbox', 'scope', 'scoped', 'scrolling', 'seamless', 'security', 'selected', 'shape', 'size', 'sizes', 'slot', 'span', 'spellCheck', 'src', 'srcDoc', 'srcLang', 'srcSet', 'start', 'step', 'style', 'summary', 'suppressContentEditableWarning', 'suppressHydrationWarning', 'tabIndex', 'target', 'title', 'translate', 'type', 'typeof', 'unselectable', 'useMap', 'value', 'vocab', 'width', 'wmode', 'wrap'];
|
|
9
|
-
const globalAttributes = Object.fromEntries([...ariaAttributes, ...domAttributes, ...htmlAttributes].map(entry => [entry, true]));
|
|
10
|
-
|
|
11
|
-
export { globalAttributes };
|
package/esm/globalProps/index.js
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
2
|
-
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
-
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
4
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
5
|
-
import { useMemo } from 'react';
|
|
6
|
-
import { globalAttributes } from './constants.js';
|
|
7
|
-
|
|
8
|
-
const useGetGlobalAttributes = (props, overrides) => {
|
|
9
|
-
const componentGlobalAttributes = useMemo(() => {
|
|
10
|
-
const globalAttributesObject = {};
|
|
11
|
-
Object.entries(props).forEach(_ref => {
|
|
12
|
-
let [key, value] = _ref;
|
|
13
|
-
|
|
14
|
-
if (key in globalAttributes || key.startsWith('data-')) {
|
|
15
|
-
if (overrides && key in overrides && typeof value === 'function' && typeof overrides[key] === 'function') {
|
|
16
|
-
const newFunc = function () {
|
|
17
|
-
value(...arguments);
|
|
18
|
-
overrides[key](...arguments);
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
globalAttributesObject[key] = newFunc;
|
|
22
|
-
} else {
|
|
23
|
-
globalAttributesObject[key] = value;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
return globalAttributesObject;
|
|
28
|
-
}, [props, overrides]);
|
|
29
|
-
return componentGlobalAttributes;
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
export { useGetGlobalAttributes };
|
package/esm/index.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export { useMemoMergePropsWithDefault } from './defaultProps/useMemoMergePropsWithDefault.js';
|
|
2
|
-
export { useValidatePropTypes } from './validation/validator.js';
|
|
3
|
-
export { throwRequiredError, throwTypeError } from './validation/errorTemplates.js';
|
|
4
|
-
export { useValidateTypescriptPropTypes, validateTypescriptPropTypesImplementation } from './validation/typescriptValidator.js';
|
|
5
|
-
export { getAriaProps, getDataProps } from './getProps/index.js';
|
|
6
|
-
export { useGetGlobalAttributes } from './globalProps/useGetGlobalAttributes.js';
|
|
7
|
-
export { globalAttributesPropTypes } from './globalProps/globalAttributesPropTypes.js';
|
|
8
|
-
export { default as PropTypes } from './propTypes/PropTypes.js';
|
|
9
|
-
export { default as describe } from './propTypes/describe.js';
|
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
-
import 'core-js/modules/esnext.iterator.filter.js';
|
|
3
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
4
|
-
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
-
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
6
|
-
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
7
|
-
|
|
8
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
9
|
-
|
|
10
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
11
|
-
|
|
12
|
-
const addPropTypeDocumentationField = fieldName => function addFieldToReactDesc(value) {
|
|
13
|
-
if (!this.reactDesc) {
|
|
14
|
-
this.reactDesc = {};
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
let realValue = value;
|
|
18
|
-
if (fieldName === 'global' || fieldName === 'hidden') realValue = true;
|
|
19
|
-
this.reactDesc[fieldName] = realValue;
|
|
20
|
-
return this;
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
const documentedPropType = {
|
|
24
|
-
defaultValue: addPropTypeDocumentationField('defaultValue'),
|
|
25
|
-
description: addPropTypeDocumentationField('description'),
|
|
26
|
-
deprecated: addPropTypeDocumentationField('deprecated'),
|
|
27
|
-
format: addPropTypeDocumentationField('format'),
|
|
28
|
-
global: addPropTypeDocumentationField('global'),
|
|
29
|
-
hidden: addPropTypeDocumentationField('hidden')
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
const createPropType = type => {
|
|
33
|
-
const propTypeObj = _objectSpread({
|
|
34
|
-
type
|
|
35
|
-
}, documentedPropType);
|
|
36
|
-
|
|
37
|
-
Object.defineProperty(propTypeObj, 'isRequired', {
|
|
38
|
-
get: function getRequired() {
|
|
39
|
-
if (!this.reactDesc) {
|
|
40
|
-
this.reactDesc = {};
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
this.reactDesc.required = true;
|
|
44
|
-
return this;
|
|
45
|
-
},
|
|
46
|
-
enumerable: true,
|
|
47
|
-
configurable: true
|
|
48
|
-
});
|
|
49
|
-
return propTypeObj;
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
const createPropTypeWithArgs = type => args => {
|
|
53
|
-
const propTypeObj = _objectSpread({
|
|
54
|
-
args,
|
|
55
|
-
type
|
|
56
|
-
}, documentedPropType);
|
|
57
|
-
|
|
58
|
-
Object.defineProperty(propTypeObj, 'isRequired', {
|
|
59
|
-
get: function getRequired() {
|
|
60
|
-
if (!this.reactDesc) {
|
|
61
|
-
this.reactDesc = {};
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
this.reactDesc.required = true;
|
|
65
|
-
return this;
|
|
66
|
-
},
|
|
67
|
-
enumerable: true,
|
|
68
|
-
configurable: true
|
|
69
|
-
});
|
|
70
|
-
return propTypeObj;
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
const PropTypes = {
|
|
74
|
-
custom: callback => {
|
|
75
|
-
const target = callback.bind(null);
|
|
76
|
-
target.type = 'func';
|
|
77
|
-
Object.keys(documentedPropType).forEach(fieldName => {
|
|
78
|
-
const fieldNameCasted = fieldName; // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
|
|
79
|
-
|
|
80
|
-
target[fieldNameCasted] = documentedPropType[fieldNameCasted];
|
|
81
|
-
});
|
|
82
|
-
return target;
|
|
83
|
-
}
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
function definePropType(type) {
|
|
87
|
-
Object.defineProperty(PropTypes, type, {
|
|
88
|
-
get: function getPropType() {
|
|
89
|
-
return createPropType(type);
|
|
90
|
-
},
|
|
91
|
-
enumerable: true,
|
|
92
|
-
configurable: true
|
|
93
|
-
});
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
function definePropTypeWithArgs(type) {
|
|
97
|
-
Object.defineProperty(PropTypes, type, {
|
|
98
|
-
get: function getPropType() {
|
|
99
|
-
return createPropTypeWithArgs(type);
|
|
100
|
-
},
|
|
101
|
-
enumerable: true,
|
|
102
|
-
configurable: true
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
definePropType('any');
|
|
107
|
-
definePropType('array');
|
|
108
|
-
definePropType('bool');
|
|
109
|
-
definePropType('element');
|
|
110
|
-
definePropType('func');
|
|
111
|
-
definePropType('node');
|
|
112
|
-
definePropType('number');
|
|
113
|
-
definePropType('object');
|
|
114
|
-
definePropType('symbol');
|
|
115
|
-
definePropType('string');
|
|
116
|
-
definePropTypeWithArgs('arrayOf');
|
|
117
|
-
definePropTypeWithArgs('instanceOf');
|
|
118
|
-
definePropTypeWithArgs('objectOf');
|
|
119
|
-
definePropTypeWithArgs('oneOfType');
|
|
120
|
-
definePropTypeWithArgs('oneOf');
|
|
121
|
-
definePropTypeWithArgs('shape');
|
|
122
|
-
definePropTypeWithArgs('tuple');
|
|
123
|
-
|
|
124
|
-
export { PropTypes as default };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
|
-
|
|
3
|
-
/* eslint-disable max-params */
|
|
4
|
-
const tupleValidator = tupleShape => {
|
|
5
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call
|
|
6
|
-
const func = function (value, index) {
|
|
7
|
-
for (var _len = arguments.length, rest = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
|
8
|
-
rest[_key - 2] = arguments[_key];
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
return tupleShape[index](value, index, ...rest);
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
return func;
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
export { tupleValidator };
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
2
|
-
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
-
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
4
|
-
import { convertPropType } from './describeConversions.js';
|
|
5
|
-
import descToTypescript from './toTypescript.js';
|
|
6
|
-
|
|
7
|
-
function describe(ComponentInstance) {
|
|
8
|
-
if (!ComponentInstance) {
|
|
9
|
-
throw new Error('react-desc: component is required');
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
const documentation = {
|
|
13
|
-
propTypes: {}
|
|
14
|
-
};
|
|
15
|
-
const DocumentedComponent = ComponentInstance;
|
|
16
|
-
|
|
17
|
-
const addDocumentationProp = propName => {
|
|
18
|
-
const func = value => {
|
|
19
|
-
documentation[propName] = value;
|
|
20
|
-
return DocumentedComponent;
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
return func;
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
DocumentedComponent.availableAt = addDocumentationProp('availableAt');
|
|
27
|
-
DocumentedComponent.description = addDocumentationProp('description');
|
|
28
|
-
DocumentedComponent.details = addDocumentationProp('details');
|
|
29
|
-
DocumentedComponent.deprecated = addDocumentationProp('deprecated');
|
|
30
|
-
DocumentedComponent.usage = addDocumentationProp('usage');
|
|
31
|
-
DocumentedComponent.intrinsicElement = addDocumentationProp('intrinsicElement');
|
|
32
|
-
|
|
33
|
-
DocumentedComponent.toTypescript = () => descToTypescript(ComponentInstance, documentation);
|
|
34
|
-
|
|
35
|
-
Object.defineProperty(DocumentedComponent, 'propTypes', {
|
|
36
|
-
get: () => DocumentedComponent.propTypesValue,
|
|
37
|
-
set: value => {
|
|
38
|
-
if (!DocumentedComponent.propTypesValue) {
|
|
39
|
-
DocumentedComponent.propTypesValue = {};
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
Object.keys(value).forEach(name => {
|
|
43
|
-
const propType = value[name];
|
|
44
|
-
let realPropType;
|
|
45
|
-
documentation.propTypes[name] = propType;
|
|
46
|
-
realPropType = convertPropType(propType);
|
|
47
|
-
|
|
48
|
-
if (value[name].reactDesc.required) {
|
|
49
|
-
realPropType = realPropType.isRequired;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
DocumentedComponent.propTypesValue[name] = realPropType;
|
|
53
|
-
return propType;
|
|
54
|
-
});
|
|
55
|
-
},
|
|
56
|
-
enumerable: true,
|
|
57
|
-
configurable: true
|
|
58
|
-
});
|
|
59
|
-
return DocumentedComponent;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
export { describe as default };
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
|
-
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
3
|
-
import 'core-js/modules/esnext.iterator.map.js';
|
|
4
|
-
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
-
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
6
|
-
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
7
|
-
import PropTypes from 'prop-types';
|
|
8
|
-
import { tupleValidator } from './customPropTypes.js';
|
|
9
|
-
import { hasArguments, isOneOfType, isArrayOf, isShape, isInstanceOf, isOneOf, isObjectOf, isExact } from './describeGuards.js';
|
|
10
|
-
|
|
11
|
-
const enrichPropType = (propType, reactDesc) => {
|
|
12
|
-
const func = function (props, propName, componentName) {
|
|
13
|
-
if (reactDesc && reactDesc.deprecated && propName in props && !reactDesc.warned) {
|
|
14
|
-
const {
|
|
15
|
-
version = '',
|
|
16
|
-
message = ''
|
|
17
|
-
} = reactDesc.deprecated;
|
|
18
|
-
const warning = "\"".concat(propName, "\" property of \"").concat(componentName, "\" will be deprecated on VERSION: ").concat(version, ".\n").concat(message);
|
|
19
|
-
console.warn(warning);
|
|
20
|
-
reactDesc.warned = true;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
|
|
24
|
-
rest[_key - 3] = arguments[_key];
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
return propType(props, propName, componentName, ...rest);
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
Object.defineProperty(func, 'isRequired', Object.getOwnPropertyDescriptor(propType, 'isRequired'));
|
|
31
|
-
return func;
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
const convertArray = array => array.map(type => convertPropType(type));
|
|
35
|
-
|
|
36
|
-
const convertShape = _shape => {
|
|
37
|
-
const result = {};
|
|
38
|
-
Object.keys(_shape).forEach(key => {
|
|
39
|
-
result[key] = convertPropType(_shape[key]);
|
|
40
|
-
});
|
|
41
|
-
return result;
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
const convertPropType = propType => {
|
|
45
|
-
if (!propType || !propType.type) {
|
|
46
|
-
throw new Error("react-desc: unknown error -- proptype is not well defined");
|
|
47
|
-
} // DimSum PropTypes conversion
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
if (propType.type === 'tuple') {
|
|
51
|
-
return enrichPropType(PropTypes.arrayOf(tupleValidator(convertArray(propType.args))), propType.reactDesc);
|
|
52
|
-
} // Default PropType conversion
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
const realPropType = PropTypes[propType.type];
|
|
56
|
-
|
|
57
|
-
if (!realPropType) {
|
|
58
|
-
throw new Error("react-desc: unknown type ".concat(propType.type));
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
if (hasArguments(propType)) {
|
|
62
|
-
if (isOneOfType(propType)) {
|
|
63
|
-
return enrichPropType(realPropType(convertArray(propType.args)), propType.reactDesc);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
if (isArrayOf(propType)) {
|
|
67
|
-
return enrichPropType(realPropType(convertPropType(propType.args)), propType.reactDesc);
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
if (isShape(propType)) {
|
|
71
|
-
return enrichPropType(realPropType(convertShape(propType.args)), propType.reactDesc);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
if (isInstanceOf(propType)) {
|
|
75
|
-
return enrichPropType(realPropType(propType.args), propType.reactDesc);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
if (isOneOf(propType)) {
|
|
79
|
-
return enrichPropType(realPropType(propType.args), propType.reactDesc);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
if (isObjectOf(propType)) {
|
|
83
|
-
return enrichPropType(realPropType(propType.args), propType.reactDesc);
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
if (isExact(propType)) {
|
|
87
|
-
return enrichPropType(realPropType(propType.args), propType.reactDesc);
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
throw new Error("react-desc: unknown error -- proptype with args is not matching");
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
return enrichPropType(realPropType, propType.reactDesc);
|
|
94
|
-
};
|
|
95
|
-
|
|
96
|
-
export { convertPropType };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
const hasArguments = (propType, realPropType) => !!propType.args;
|
|
2
|
-
const isOneOfType = (propType, realPropType) => propType.type === 'oneOfType';
|
|
3
|
-
const isArrayOf = (propType, realPropType) => propType.type === 'arrayOf';
|
|
4
|
-
const isShape = (propType, realPropType) => propType.type === 'shape';
|
|
5
|
-
const isInstanceOf = (propType, realPropType) => propType.type === 'instanceOf';
|
|
6
|
-
const isOneOf = (propType, realPropType) => propType.type === 'oneOf';
|
|
7
|
-
const isObjectOf = (propType, realPropType) => propType.type === 'objectOf';
|
|
8
|
-
const isExact = (propType, realPropType) => propType.type === 'exact';
|
|
9
|
-
|
|
10
|
-
export { hasArguments, isArrayOf, isExact, isInstanceOf, isObjectOf, isOneOf, isOneOfType, isShape };
|
package/esm/propTypes/index.js
DELETED
|
@@ -1,154 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
-
import 'core-js/modules/esnext.iterator.filter.js';
|
|
3
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
4
|
-
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
5
|
-
import 'core-js/modules/esnext.iterator.map.js';
|
|
6
|
-
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
7
|
-
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
8
|
-
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
9
|
-
|
|
10
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
11
|
-
|
|
12
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
13
|
-
|
|
14
|
-
/* eslint-disable @typescript-eslint/restrict-template-expressions */
|
|
15
|
-
|
|
16
|
-
/* eslint-disable @typescript-eslint/no-use-before-define */
|
|
17
|
-
|
|
18
|
-
/* eslint-disable complexity */
|
|
19
|
-
|
|
20
|
-
/* eslint-disable react/forbid-foreign-prop-types */
|
|
21
|
-
const arrayFormat = array => array.map(propType => propTypeFormat(propType));
|
|
22
|
-
|
|
23
|
-
const shapeFormat = shape => {
|
|
24
|
-
const props = Object.keys(shape).map(key => {
|
|
25
|
-
const value = shape[key];
|
|
26
|
-
let valueFormat;
|
|
27
|
-
|
|
28
|
-
if (value.type && (value.type === 'arrayOf' || value.type === 'oneOfType' || value.type === 'oneOf') && Array.isArray(value.args)) {
|
|
29
|
-
valueFormat = "".concat(propTypeFormat(value));
|
|
30
|
-
} else if (value.type === 'shape') {
|
|
31
|
-
valueFormat = "".concat(propTypeFormat(value));
|
|
32
|
-
} else {
|
|
33
|
-
valueFormat = propTypeFormat(value);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
return "".concat(key).concat(value.reactDesc && value.reactDesc.required ? '' : '?', ": ").concat(valueFormat);
|
|
37
|
-
});
|
|
38
|
-
return "{".concat(props.join(','), "}");
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
const propTypeFormat = function (propType) {
|
|
42
|
-
let joinWith = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
43
|
-
let result;
|
|
44
|
-
|
|
45
|
-
if (Array.isArray(propType)) {
|
|
46
|
-
result = arrayFormat(propType).join(joinWith);
|
|
47
|
-
} else if (typeof propType !== 'function' && propType.type) {
|
|
48
|
-
switch (propType.type) {
|
|
49
|
-
case 'array':
|
|
50
|
-
result = 'any[]';
|
|
51
|
-
break;
|
|
52
|
-
|
|
53
|
-
case 'arrayOf':
|
|
54
|
-
if (propType.args.type === 'oneOfType') {
|
|
55
|
-
result = "(".concat(propTypeFormat(propType.args, ' | '), ")[]");
|
|
56
|
-
} else {
|
|
57
|
-
result = "".concat(propTypeFormat(propType.args, '\n'), "[]");
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
break;
|
|
61
|
-
|
|
62
|
-
case 'tuple':
|
|
63
|
-
result = "[".concat(propTypeFormat(propType.args, ', '), "]");
|
|
64
|
-
break;
|
|
65
|
-
|
|
66
|
-
case 'bool':
|
|
67
|
-
result = 'boolean';
|
|
68
|
-
break;
|
|
69
|
-
|
|
70
|
-
case 'func':
|
|
71
|
-
result = '((...args: any[]) => any)';
|
|
72
|
-
break;
|
|
73
|
-
|
|
74
|
-
case 'node':
|
|
75
|
-
result = 'React.ReactNode';
|
|
76
|
-
break;
|
|
77
|
-
|
|
78
|
-
case 'element':
|
|
79
|
-
result = 'JSX.Element';
|
|
80
|
-
break;
|
|
81
|
-
|
|
82
|
-
case 'instanceOf':
|
|
83
|
-
result = 'any';
|
|
84
|
-
break;
|
|
85
|
-
|
|
86
|
-
case 'symbol':
|
|
87
|
-
result = 'any';
|
|
88
|
-
break;
|
|
89
|
-
|
|
90
|
-
case 'objectOf':
|
|
91
|
-
result = "{ [key: string]: ".concat(propTypeFormat(propType.args), " }");
|
|
92
|
-
break;
|
|
93
|
-
|
|
94
|
-
case 'oneOf':
|
|
95
|
-
result = propType.args.map(a => "\"".concat(a, "\"")).join(' | ');
|
|
96
|
-
break;
|
|
97
|
-
|
|
98
|
-
case 'oneOfType':
|
|
99
|
-
result = "".concat(propTypeFormat(propType.args, ' | '));
|
|
100
|
-
break;
|
|
101
|
-
|
|
102
|
-
case 'shape':
|
|
103
|
-
result = "".concat(shapeFormat(propType.args));
|
|
104
|
-
break;
|
|
105
|
-
|
|
106
|
-
default:
|
|
107
|
-
result = "".concat(propType.type);
|
|
108
|
-
break;
|
|
109
|
-
}
|
|
110
|
-
} else {
|
|
111
|
-
result = 'any';
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
return result;
|
|
115
|
-
};
|
|
116
|
-
|
|
117
|
-
const propTypeAsTypescript = (propType, propName) => {
|
|
118
|
-
const documentation = _objectSpread(_objectSpread({}, propType.reactDesc), {}, {
|
|
119
|
-
name: propName
|
|
120
|
-
});
|
|
121
|
-
|
|
122
|
-
documentation.format = propTypeFormat(propType);
|
|
123
|
-
return documentation;
|
|
124
|
-
};
|
|
125
|
-
|
|
126
|
-
function descToTypescript(component, reactDesc) {
|
|
127
|
-
if (!component) {
|
|
128
|
-
throw new Error('react-desc: component is required');
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
const documentation = _objectSpread({
|
|
132
|
-
name: component.displayName || component.name
|
|
133
|
-
}, reactDesc);
|
|
134
|
-
|
|
135
|
-
if (reactDesc) {
|
|
136
|
-
delete documentation.propTypes;
|
|
137
|
-
|
|
138
|
-
if (reactDesc.propTypes) {
|
|
139
|
-
const propTypes = [];
|
|
140
|
-
Object.keys(reactDesc.propTypes).forEach(propName => {
|
|
141
|
-
const propType = reactDesc.propTypes[propName];
|
|
142
|
-
propTypes.push(propTypeAsTypescript(propType, propName));
|
|
143
|
-
});
|
|
144
|
-
|
|
145
|
-
if (propTypes.length > 0) {
|
|
146
|
-
documentation.properties = propTypes;
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
return documentation;
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
export { descToTypescript as default };
|
package/esm/propTypes/types.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/es.string.replace.js';
|
|
2
|
-
|
|
3
|
-
/* eslint-disable max-params */
|
|
4
|
-
const throwTypeError = (componentName, validPropKey, invalidProp, validFormat) => {
|
|
5
|
-
throw new Error("".concat(componentName, ":: You are trying to pass a not valid \"").concat(validPropKey, "\" property, \n please provide a valid type.\n\n Received: ").concat(invalidProp, " (").concat(typeof invalidProp, ")\n Expected: (").concat(validFormat.replace('\n', ' or '), ")\n "));
|
|
6
|
-
};
|
|
7
|
-
const throwRequiredError = (componentName, validPropKey) => {
|
|
8
|
-
throw new Error("".concat(componentName, ":: Please provide a/an \"").concat(validPropKey, "\" property to use this component. \n This property is required.\n "));
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
export { throwRequiredError, throwTypeError };
|
package/esm/validation/index.js
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
2
|
-
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
-
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
4
|
-
|
|
5
|
-
const isPrimitiveType = format => ['string', 'number', 'boolean'].includes(format);
|
|
6
|
-
const isUndefined = format => format === '"undefined"';
|
|
7
|
-
const isNull = format => format === '"null"';
|
|
8
|
-
const isUnion = format => {
|
|
9
|
-
let depth = 0;
|
|
10
|
-
let satisfies = false;
|
|
11
|
-
format.split('').forEach(char => {
|
|
12
|
-
if (['{', '('].includes(char)) depth += 1;else if (['}', ')'].includes(char)) depth -= 1;else if (char === '|' && depth === 0) satisfies = true;
|
|
13
|
-
});
|
|
14
|
-
return satisfies;
|
|
15
|
-
};
|
|
16
|
-
const isString = format => !isUnion(format) && format[0] === '"' && format.slice(-1) === '"';
|
|
17
|
-
const isArray = format => !isUnion(format) && format.slice(-2) === '[]';
|
|
18
|
-
const isObject = format => format === 'object' || !isUnion(format) && format[0] === '{' && format.slice(-1) === '}';
|
|
19
|
-
const isFunction = format => !isUnion(format) && format === '((...args: any[]) => any)';
|
|
20
|
-
const isJSXorNode = format => !isUnion(format) && ['React.ReactNode', 'JSX.Element'].includes(format);
|
|
21
|
-
const isSomethingWithParenthesis = format => !isUnion(format) && format[0] === '(' && format.slice(-1) === ')';
|
|
22
|
-
|
|
23
|
-
export { isArray, isFunction, isJSXorNode, isNull, isObject, isPrimitiveType, isSomethingWithParenthesis, isString, isUndefined, isUnion };
|