@elliemae/ds-classnames 2.3.1 → 3.0.0-alpha.3
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/aggregatedClasses.js +98 -0
- package/dist/cjs/aggregatedClasses.js.map +7 -0
- package/dist/cjs/aggregatedClasses.md +323 -0
- package/dist/cjs/classNameManager.js +83 -0
- package/dist/cjs/classNameManager.js.map +7 -0
- package/dist/cjs/converPropsToFormModifiers.js +62 -0
- package/dist/cjs/converPropsToFormModifiers.js.map +7 -0
- package/dist/cjs/convertPropToFeedBackModifiers.js +65 -0
- package/dist/cjs/convertPropToFeedBackModifiers.js.map +7 -0
- package/dist/cjs/convertPropsToColorModifiers.js +58 -0
- package/dist/cjs/convertPropsToColorModifiers.js.map +7 -0
- package/dist/cjs/convertPropsToLayoutModifiers.js +65 -0
- package/dist/cjs/convertPropsToLayoutModifiers.js.map +7 -0
- package/dist/cjs/convertPropsToSizeModifiers.js +77 -0
- package/dist/cjs/convertPropsToSizeModifiers.js.map +7 -0
- package/dist/cjs/convertPropsToTextModifiers.js +58 -0
- package/dist/cjs/convertPropsToTextModifiers.js.map +7 -0
- package/dist/cjs/dimsum.config.js +37 -0
- package/dist/cjs/dimsum.config.js.map +7 -0
- package/dist/cjs/index.js +38 -0
- package/dist/cjs/index.js.map +7 -0
- package/{cjs → dist/cjs}/validateNativeProps.js +57 -31
- package/dist/cjs/validateNativeProps.js.map +7 -0
- package/dist/esm/aggregatedClasses.js +74 -0
- package/dist/esm/aggregatedClasses.js.map +7 -0
- package/dist/esm/aggregatedClasses.md +323 -0
- package/dist/esm/classNameManager.js +54 -0
- package/dist/esm/classNameManager.js.map +7 -0
- package/dist/esm/converPropsToFormModifiers.js +33 -0
- package/dist/esm/converPropsToFormModifiers.js.map +7 -0
- package/dist/esm/convertPropToFeedBackModifiers.js +36 -0
- package/dist/esm/convertPropToFeedBackModifiers.js.map +7 -0
- package/dist/esm/convertPropsToColorModifiers.js +29 -0
- package/dist/esm/convertPropsToColorModifiers.js.map +7 -0
- package/dist/esm/convertPropsToLayoutModifiers.js +36 -0
- package/dist/esm/convertPropsToLayoutModifiers.js.map +7 -0
- package/dist/esm/convertPropsToSizeModifiers.js +48 -0
- package/dist/esm/convertPropsToSizeModifiers.js.map +7 -0
- package/dist/esm/convertPropsToTextModifiers.js +29 -0
- package/dist/esm/convertPropsToTextModifiers.js.map +7 -0
- package/dist/esm/dimsum.config.js +8 -0
- package/dist/esm/dimsum.config.js.map +7 -0
- package/dist/esm/index.js +9 -0
- package/dist/esm/index.js.map +7 -0
- package/{esm → dist/esm}/validateNativeProps.js +30 -19
- package/dist/esm/validateNativeProps.js.map +7 -0
- package/package.json +43 -35
- package/cjs/aggregatedClasses.js +0 -91
- package/cjs/classNameManager.js +0 -92
- package/cjs/converPropsToFormModifiers.js +0 -39
- package/cjs/convertPropToFeedBackModifiers.js +0 -39
- package/cjs/convertPropsToColorModifiers.js +0 -38
- package/cjs/convertPropsToLayoutModifiers.js +0 -41
- package/cjs/convertPropsToSizeModifiers.js +0 -43
- package/cjs/convertPropsToTextModifiers.js +0 -38
- package/cjs/index.js +0 -12
- package/esm/aggregatedClasses.js +0 -78
- package/esm/classNameManager.js +0 -83
- package/esm/converPropsToFormModifiers.js +0 -37
- package/esm/convertPropToFeedBackModifiers.js +0 -37
- package/esm/convertPropsToColorModifiers.js +0 -36
- package/esm/convertPropsToLayoutModifiers.js +0 -39
- package/esm/convertPropsToSizeModifiers.js +0 -41
- package/esm/convertPropsToTextModifiers.js +0 -36
- package/esm/index.js +0 -2
- package/types/aggregatedClasses.d.ts +0 -11
- package/types/classNameManager.d.ts +0 -28
- package/types/converPropsToFormModifiers.d.ts +0 -14
- package/types/convertPropToFeedBackModifiers.d.ts +0 -16
- package/types/convertPropsToColorModifiers.d.ts +0 -10
- package/types/convertPropsToLayoutModifiers.d.ts +0 -16
- package/types/convertPropsToSizeModifiers.d.ts +0 -24
- package/types/convertPropsToTextModifiers.d.ts +0 -14
- package/types/index.d.ts +0 -2
- package/types/validateNativeProps.d.ts +0 -265
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/convertPropsToTextModifiers.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const basicAction = ({ textEllipsis, textAlignment, wordBreak }) => {\n const cssModifier = [];\n if (textEllipsis) cssModifier.push('text-overflow-ellipsis');\n if (wordBreak) cssModifier.push('text-overflow-word-break');\n if (['left', 'right', 'center', 'justify'].indexOf(textAlignment) > -1)\n cssModifier.push(`text-align-${textAlignment}`);\n return cssModifier;\n};\n\nconst instance = [basicAction];\nconst pipe = () => ({\n getInstance() {\n return instance;\n },\n add(customModifier) {\n instance.push(customModifier);\n },\n execute(props) {\n return instance.reduce((temp, action) => [...temp, ...action(props)], []);\n },\n});\n\nexport { pipe };\nexport default pipe;\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA,MAAM,cAAc,CAAC,EAAE,cAAc,eAAe,gBAAgB;AAClE,QAAM,cAAc;AACpB,MAAI;AAAc,gBAAY,KAAK;AACnC,MAAI;AAAW,gBAAY,KAAK;AAChC,MAAI,CAAC,QAAQ,SAAS,UAAU,WAAW,QAAQ,iBAAiB;AAClE,gBAAY,KAAK,cAAc;AACjC,SAAO;AAAA;AAGT,MAAM,WAAW,CAAC;AAClB,MAAM,OAAO,MAAO;AAAA,EAClB,cAAc;AACZ,WAAO;AAAA;AAAA,EAET,IAAI,gBAAgB;AAClB,aAAS,KAAK;AAAA;AAAA,EAEhB,QAAQ,OAAO;AACb,WAAO,SAAS,OAAO,CAAC,MAAM,WAAW,CAAC,GAAG,MAAM,GAAG,OAAO,SAAS;AAAA;AAAA;AAK1E,IAAO,sCAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/dimsum.config.ts"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const dimsumConfig = {\n classNamePrefix: 'em-ds',\n};\n\nexport { dimsumConfig };\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA,MAAM,eAAe;AAAA,EACnB,iBAAiB;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { default as default2, cssPrefix } from "./classNameManager";
|
|
3
|
+
import { default as default3 } from "./aggregatedClasses";
|
|
4
|
+
export {
|
|
5
|
+
default3 as aggregatedClasses,
|
|
6
|
+
default2 as convertPropToCssClassName,
|
|
7
|
+
cssPrefix
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default as convertPropToCssClassName, cssPrefix } from './classNameManager';\nexport { default as aggregatedClasses } from './aggregatedClasses';\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,15 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
17
|
+
import * as React from "react";
|
|
13
18
|
const attributeWhiteList = {
|
|
14
19
|
accept: true,
|
|
15
20
|
acceptCharset: true,
|
|
@@ -277,10 +282,10 @@ const eventsWhiteList = {
|
|
|
277
282
|
onTransitionEnd: true,
|
|
278
283
|
onToggle: true
|
|
279
284
|
};
|
|
280
|
-
const whiteList =
|
|
281
|
-
const isDataAttribute = attribute => attribute.substring(0, 5) ===
|
|
282
|
-
const isAriaAttribute = attribute => attribute.substring(0, 6) ===
|
|
283
|
-
const isValidNativeAttribute = attribute => whiteList[attribute] === true || isDataAttribute(attribute) || isAriaAttribute(attribute) || attribute.toLowerCase() === attribute;
|
|
285
|
+
const whiteList = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, attributeWhiteList), svgAttributesWhiteList), otherWhiteList), eventsWhiteList);
|
|
286
|
+
const isDataAttribute = (attribute) => attribute.substring(0, 5) === "data-";
|
|
287
|
+
const isAriaAttribute = (attribute) => attribute.substring(0, 6) === "aria-";
|
|
288
|
+
const isValidNativeAttribute = (attribute) => whiteList[attribute] === true || isDataAttribute(attribute) || isAriaAttribute(attribute) || attribute.toLowerCase() === attribute;
|
|
284
289
|
const nativeHTMLElements = {
|
|
285
290
|
a: true,
|
|
286
291
|
abbr: true,
|
|
@@ -395,6 +400,12 @@ const nativeHTMLElements = {
|
|
|
395
400
|
video: true,
|
|
396
401
|
wbr: true
|
|
397
402
|
};
|
|
398
|
-
const isNativeHTMLElement = type => nativeHTMLElements[type] === true;
|
|
399
|
-
|
|
400
|
-
|
|
403
|
+
const isNativeHTMLElement = (type) => nativeHTMLElements[type] === true;
|
|
404
|
+
export {
|
|
405
|
+
isAriaAttribute,
|
|
406
|
+
isDataAttribute,
|
|
407
|
+
isNativeHTMLElement,
|
|
408
|
+
isValidNativeAttribute,
|
|
409
|
+
whiteList
|
|
410
|
+
};
|
|
411
|
+
//# sourceMappingURL=validateNativeProps.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/validateNativeProps.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nconst attributeWhiteList = {\n accept: true,\n acceptCharset: true,\n accessKey: true,\n action: true,\n allowFullScreen: true,\n allowTransparency: true,\n alt: true,\n async: true,\n autoComplete: true,\n autoFocus: true,\n autoPlay: true,\n capture: true,\n cellPadding: true,\n cellSpacing: true,\n charSet: true,\n challenge: true,\n checked: true,\n classID: true,\n className: true,\n cols: true,\n colSpan: true,\n content: true,\n contentEditable: true,\n contextMenu: true,\n controls: true,\n coords: true,\n crossOrigin: true,\n data: true,\n dateTime: true,\n defer: true,\n dir: true,\n disabled: true,\n download: true,\n draggable: true,\n encType: true,\n form: true,\n formAction: true,\n formEncType: true,\n formMethod: true,\n formNoValidate: true,\n formTarget: true,\n frameBorder: true,\n headers: true,\n height: true,\n hidden: true,\n high: true,\n href: true,\n hrefLang: true,\n htmlFor: true,\n httpEquiv: true,\n icon: true,\n id: true,\n inputMode: true,\n keyParams: true,\n keyType: true,\n label: true,\n lang: true,\n list: true,\n loop: true,\n low: true,\n manifest: true,\n marginHeight: true,\n marginWidth: true,\n max: true,\n maxLength: true,\n media: true,\n mediaGroup: true,\n method: true,\n min: true,\n minLength: true,\n multiple: true,\n muted: true,\n name: true,\n noValidate: true,\n open: true,\n optimum: true,\n pattern: true,\n placeholder: true,\n poster: true,\n preload: true,\n radioGroup: true,\n readOnly: true,\n rel: true,\n required: true,\n role: true,\n rows: true,\n rowSpan: true,\n sandbox: true,\n scope: true,\n scoped: true,\n scrolling: true,\n seamless: true,\n selected: true,\n shape: true,\n size: true,\n sizes: true,\n span: true,\n spellCheck: true,\n src: true,\n srcDoc: true,\n srcSet: true,\n start: true,\n step: true,\n style: true,\n summary: true,\n tabIndex: true,\n target: true,\n title: true,\n type: true,\n useMap: true,\n value: true,\n width: true,\n wmode: true,\n wrap: true,\n};\n\nconst svgAttributesWhiteList = {\n clipPath: true,\n cx: true,\n cy: true,\n d: true,\n dx: true,\n dy: true,\n fill: true,\n fillOpacity: true,\n fontFamily: true,\n fontSize: true,\n fx: true,\n fy: true,\n gradientTransform: true,\n gradientUnits: true,\n markerEnd: true,\n markerMid: true,\n markerStart: true,\n offset: true,\n opacity: true,\n patternContentUnits: true,\n patternUnits: true,\n points: true,\n preserveAspectRatio: true,\n r: true,\n rx: true,\n ry: true,\n spreadMethod: true,\n stopColor: true,\n stopOpacity: true,\n stroke: true,\n strokeDasharray: true,\n strokeLinecap: true,\n strokeOpacity: true,\n strokeWidth: true,\n textAnchor: true,\n transform: true,\n version: true,\n viewBox: true,\n x1: true,\n x2: true,\n x: true,\n xlinkActuate: true,\n xlinkArcrole: true,\n xlinkHref: true,\n xlinkRole: true,\n xlinkShow: true,\n xlinkTitle: true,\n xlinkType: true,\n xmlBase: true,\n xmlLang: true,\n xmlSpace: true,\n y1: true,\n y2: true,\n y: true,\n};\n\nconst otherWhiteList = {\n autoCapitalize: true,\n autoCorrect: true,\n property: true,\n itemProp: true,\n itemScope: true,\n itemType: true,\n itemRef: true,\n itemID: true,\n unselectable: true,\n results: true,\n autoSave: true,\n};\n\nconst eventsWhiteList = {\n onCopy: true,\n onCut: true,\n onPaste: true,\n onCompositionEnd: true,\n onCompositionStart: true,\n onCompositionUpdate: true,\n onKeyDown: true,\n onKeyPress: true,\n onKeyUp: true,\n onFocus: true,\n onBlur: true,\n onChange: true,\n onInput: true,\n onInvalid: true,\n onReset: true,\n onSubmit: true,\n onError: true,\n onLoad: true,\n onClick: true,\n onContextMenu: true,\n onDoubleClick: true,\n onDrag: true,\n onDragEnd: true,\n onDragEnter: true,\n onDragExit: true,\n onDragLeave: true,\n onDragOver: true,\n onDragStart: true,\n onDrop: true,\n onMouseDown: true,\n onMouseEnter: true,\n onMouseLeave: true,\n onMouseMove: true,\n onMouseOut: true,\n onMouseOver: true,\n onMouseUp: true,\n onPointerDown: true,\n onPointerMove: true,\n onPointerUp: true,\n onPointerCancel: true,\n onGotPointerCapture: true,\n onLostPointerCapture: true,\n onPointerEnter: true,\n onPointerLeave: true,\n onPointerOver: true,\n onPointerOut: true,\n onSelect: true,\n onTouchCancel: true,\n onTouchEnd: true,\n onTouchMove: true,\n onTouchStart: true,\n onScroll: true,\n onWheel: true,\n onAbort: true,\n onCanPlay: true,\n onCanPlayThrough: true,\n onDurationChange: true,\n onEmptied: true,\n onEncrypted: true,\n onEnded: true,\n onLoadedData: true,\n onLoadedMetadata: true,\n onLoadStart: true,\n onPause: true,\n onPlay: true,\n onPlaying: true,\n onProgress: true,\n onRateChange: true,\n onSeeked: true,\n onSeeking: true,\n onStalled: true,\n onSuspend: true,\n onTimeUpdate: true,\n onVolumeChange: true,\n onWaiting: true,\n onAnimationStart: true,\n onAnimationEnd: true,\n onAnimationIteration: true,\n onTransitionEnd: true,\n onToggle: true,\n};\n\nexport const whiteList = {\n ...attributeWhiteList,\n ...svgAttributesWhiteList,\n ...otherWhiteList,\n ...eventsWhiteList,\n};\n\nexport const isDataAttribute = (attribute) =>\n attribute.substring(0, 5) === 'data-';\nexport const isAriaAttribute = (attribute) =>\n attribute.substring(0, 6) === 'aria-';\n\nexport const isValidNativeAttribute = (attribute) =>\n whiteList[attribute] === true ||\n isDataAttribute(attribute) ||\n isAriaAttribute(attribute) ||\n attribute.toLowerCase() === attribute;\n\nconst nativeHTMLElements = {\n a: true,\n abbr: true,\n address: true,\n area: true,\n article: true,\n aside: true,\n audio: true,\n b: true,\n base: true,\n bdi: true,\n bdo: true,\n big: true,\n blockquote: true,\n body: true,\n br: true,\n button: true,\n canvas: true,\n caption: true,\n cite: true,\n code: true,\n col: true,\n colgroup: true,\n data: true,\n datalist: true,\n dd: true,\n del: true,\n details: true,\n dfn: true,\n dialog: true,\n div: true,\n dl: true,\n dt: true,\n em: true,\n embed: true,\n fieldset: true,\n figcaption: true,\n figure: true,\n footer: true,\n form: true,\n h1: true,\n h2: true,\n h3: true,\n h4: true,\n h5: true,\n h6: true,\n head: true,\n header: true,\n hr: true,\n html: true,\n i: true,\n iframe: true,\n img: true,\n input: true,\n ins: true,\n kbd: true,\n keygen: true,\n label: true,\n legend: true,\n li: true,\n link: true,\n main: true,\n map: true,\n mark: true,\n menu: true,\n menuitem: true,\n meta: true,\n meter: true,\n nav: true,\n noscript: true,\n object: true,\n ol: true,\n optgroup: true,\n option: true,\n output: true,\n p: true,\n param: true,\n picture: true,\n pre: true,\n progress: true,\n q: true,\n rp: true,\n rt: true,\n ruby: true,\n s: true,\n samp: true,\n script: true,\n section: true,\n select: true,\n small: true,\n source: true,\n span: true,\n strong: true,\n style: true,\n sub: true,\n summary: true,\n sup: true,\n table: true,\n tbody: true,\n td: true,\n textarea: true,\n tfoot: true,\n th: true,\n thead: true,\n time: true,\n title: true,\n tr: true,\n track: true,\n u: true,\n ul: true,\n var: true,\n video: true,\n wbr: true,\n};\n\nexport const isNativeHTMLElement = (type) => nativeHTMLElements[type] === true;\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/package.json
CHANGED
|
@@ -1,51 +1,54 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-classnames",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0-alpha.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum Library - Aggregated classNames to component",
|
|
6
|
-
"
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
"files": [
|
|
7
|
+
"dist"
|
|
8
|
+
],
|
|
9
|
+
"module": "./dist/esm/index.js",
|
|
10
|
+
"main": "./dist/cjs/index.js",
|
|
11
|
+
"types": "./dist/types/index.d.ts",
|
|
9
12
|
"exports": {
|
|
10
13
|
".": {
|
|
11
|
-
"import": "./esm/index.js",
|
|
12
|
-
"require": "./cjs/index.js"
|
|
14
|
+
"import": "./dist/esm/index.js",
|
|
15
|
+
"require": "./dist/cjs/index.js"
|
|
13
16
|
},
|
|
14
17
|
"./validateNativeProps": {
|
|
15
|
-
"import": "./esm/validateNativeProps.js",
|
|
16
|
-
"require": "./cjs/validateNativeProps.js"
|
|
18
|
+
"import": "./dist/esm/validateNativeProps.js",
|
|
19
|
+
"require": "./dist/cjs/validateNativeProps.js"
|
|
17
20
|
},
|
|
18
21
|
"./convertPropToFeedBackModifiers": {
|
|
19
|
-
"import": "./esm/convertPropToFeedBackModifiers.js",
|
|
20
|
-
"require": "./cjs/convertPropToFeedBackModifiers.js"
|
|
22
|
+
"import": "./dist/esm/convertPropToFeedBackModifiers.js",
|
|
23
|
+
"require": "./dist/cjs/convertPropToFeedBackModifiers.js"
|
|
21
24
|
},
|
|
22
25
|
"./convertPropsToTextModifiers": {
|
|
23
|
-
"import": "./esm/convertPropsToTextModifiers.js",
|
|
24
|
-
"require": "./cjs/convertPropsToTextModifiers.js"
|
|
26
|
+
"import": "./dist/esm/convertPropsToTextModifiers.js",
|
|
27
|
+
"require": "./dist/cjs/convertPropsToTextModifiers.js"
|
|
25
28
|
},
|
|
26
29
|
"./convertPropsToSizeModifiers": {
|
|
27
|
-
"import": "./esm/convertPropsToSizeModifiers.js",
|
|
28
|
-
"require": "./cjs/convertPropsToSizeModifiers.js"
|
|
30
|
+
"import": "./dist/esm/convertPropsToSizeModifiers.js",
|
|
31
|
+
"require": "./dist/cjs/convertPropsToSizeModifiers.js"
|
|
29
32
|
},
|
|
30
33
|
"./convertPropsToLayoutModifiers": {
|
|
31
|
-
"import": "./esm/convertPropsToLayoutModifiers.js",
|
|
32
|
-
"require": "./cjs/convertPropsToLayoutModifiers.js"
|
|
34
|
+
"import": "./dist/esm/convertPropsToLayoutModifiers.js",
|
|
35
|
+
"require": "./dist/cjs/convertPropsToLayoutModifiers.js"
|
|
33
36
|
},
|
|
34
37
|
"./convertPropsToColorModifiers": {
|
|
35
|
-
"import": "./esm/convertPropsToColorModifiers.js",
|
|
36
|
-
"require": "./cjs/convertPropsToColorModifiers.js"
|
|
38
|
+
"import": "./dist/esm/convertPropsToColorModifiers.js",
|
|
39
|
+
"require": "./dist/cjs/convertPropsToColorModifiers.js"
|
|
37
40
|
},
|
|
38
41
|
"./converPropsToFormModifiers": {
|
|
39
|
-
"import": "./esm/converPropsToFormModifiers.js",
|
|
40
|
-
"require": "./cjs/converPropsToFormModifiers.js"
|
|
42
|
+
"import": "./dist/esm/converPropsToFormModifiers.js",
|
|
43
|
+
"require": "./dist/cjs/converPropsToFormModifiers.js"
|
|
41
44
|
},
|
|
42
45
|
"./classNameManager": {
|
|
43
|
-
"import": "./esm/classNameManager.js",
|
|
44
|
-
"require": "./cjs/classNameManager.js"
|
|
46
|
+
"import": "./dist/esm/classNameManager.js",
|
|
47
|
+
"require": "./dist/cjs/classNameManager.js"
|
|
45
48
|
},
|
|
46
49
|
"./aggregatedClasses": {
|
|
47
|
-
"import": "./esm/aggregatedClasses.js",
|
|
48
|
-
"require": "./cjs/aggregatedClasses.js"
|
|
50
|
+
"import": "./dist/esm/aggregatedClasses.js",
|
|
51
|
+
"require": "./dist/cjs/aggregatedClasses.js"
|
|
49
52
|
}
|
|
50
53
|
},
|
|
51
54
|
"sideEffects": [
|
|
@@ -57,29 +60,34 @@
|
|
|
57
60
|
"url": "https://git.elliemae.io/platform-ui/dimsum.git"
|
|
58
61
|
},
|
|
59
62
|
"engines": {
|
|
60
|
-
"
|
|
61
|
-
"node": ">=
|
|
63
|
+
"pnpm": ">=6",
|
|
64
|
+
"node": ">=16"
|
|
62
65
|
},
|
|
63
66
|
"author": "ICE MT",
|
|
64
|
-
"
|
|
65
|
-
"
|
|
66
|
-
"
|
|
67
|
-
"
|
|
68
|
-
"
|
|
67
|
+
"jestSonar": {
|
|
68
|
+
"sonar56x": true,
|
|
69
|
+
"reportPath": "reports",
|
|
70
|
+
"reportFile": "tests.xml",
|
|
71
|
+
"indent": 4
|
|
69
72
|
},
|
|
70
73
|
"dependencies": {
|
|
71
|
-
"@elliemae/ds-
|
|
72
|
-
"@elliemae/ds-utilities": "2.3.1",
|
|
74
|
+
"@elliemae/ds-utilities": "3.0.0-alpha.3",
|
|
73
75
|
"obj-str": "~1.0.3"
|
|
74
76
|
},
|
|
75
77
|
"publishConfig": {
|
|
76
78
|
"access": "public",
|
|
77
|
-
"
|
|
78
|
-
"generateSubmodules": true
|
|
79
|
+
"typeSafety": false
|
|
79
80
|
},
|
|
80
81
|
"peerDependencies": {
|
|
81
82
|
"lodash": "^4.17.21",
|
|
82
83
|
"react": "~17.0.2",
|
|
83
84
|
"react-dom": "^17.0.2"
|
|
85
|
+
},
|
|
86
|
+
"scripts": {
|
|
87
|
+
"test": "node ../../scripts/testing/test.mjs",
|
|
88
|
+
"lint": "node ../../scripts/lint.mjs",
|
|
89
|
+
"dts": "node ../../scripts/dts.mjs",
|
|
90
|
+
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
|
|
91
|
+
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch"
|
|
84
92
|
}
|
|
85
93
|
}
|
package/cjs/aggregatedClasses.js
DELETED
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
|
-
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
8
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
9
|
-
require('core-js/modules/esnext.iterator.reduce.js');
|
|
10
|
-
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
11
|
-
require('core-js/modules/esnext.iterator.for-each.js');
|
|
12
|
-
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
13
|
-
require('core-js/modules/esnext.iterator.filter.js');
|
|
14
|
-
var React = require('react');
|
|
15
|
-
var cx = require('obj-str');
|
|
16
|
-
var DimsumConfig = require('@elliemae/ds-shared/dimsum.config');
|
|
17
|
-
var classNameManager = require('./classNameManager.js');
|
|
18
|
-
var validateNativeProps = require('./validateNativeProps.js');
|
|
19
|
-
|
|
20
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
21
|
-
|
|
22
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
23
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
24
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
25
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
26
|
-
var DimsumConfig__default = /*#__PURE__*/_interopDefaultLegacy(DimsumConfig);
|
|
27
|
-
|
|
28
|
-
const _excluded = ["innerRef", "children", "classProps", "useComponent", "className", "as"];
|
|
29
|
-
|
|
30
|
-
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; }
|
|
31
|
-
|
|
32
|
-
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__default["default"](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; }
|
|
33
|
-
const cssPrefix = DimsumConfig__default["default"].classNamePrefix;
|
|
34
|
-
|
|
35
|
-
const generateClassNameWithModifier = (block, element, modifier) => "".concat(cssPrefix, "-").concat(block).concat(element ? "__".concat(element) : '', "--").concat(modifier);
|
|
36
|
-
|
|
37
|
-
const appendBlockAndPrefixToObj = (obj, block, element) => obj ? Object.keys(obj).reduce((acc, key) => _objectSpread(_objectSpread({}, acc), {}, {
|
|
38
|
-
["".concat(generateClassNameWithModifier(block, element, key))]: obj[key]
|
|
39
|
-
}), {}) : [];
|
|
40
|
-
|
|
41
|
-
const aggregatedClasses = (type, props) => function (block, element, additionalModifiers) {
|
|
42
|
-
let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
43
|
-
return /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
|
|
44
|
-
let {
|
|
45
|
-
innerRef,
|
|
46
|
-
children,
|
|
47
|
-
classProps,
|
|
48
|
-
useComponent,
|
|
49
|
-
className,
|
|
50
|
-
as
|
|
51
|
-
} = _ref,
|
|
52
|
-
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
53
|
-
|
|
54
|
-
// get the additional classNames either from a function or an object
|
|
55
|
-
let otherModifiers = appendBlockAndPrefixToObj(additionalModifiers, block, element);
|
|
56
|
-
if (typeof additionalModifiers === 'function') otherModifiers = appendBlockAndPrefixToObj(additionalModifiers(_objectSpread(_objectSpread(_objectSpread({}, rest), classProps), {}, {
|
|
57
|
-
className
|
|
58
|
-
})), block, element);
|
|
59
|
-
const otherModifiersStr = cx__default["default"](otherModifiers);
|
|
60
|
-
const {
|
|
61
|
-
prefix,
|
|
62
|
-
propsToRemoveFromFinalElement = []
|
|
63
|
-
} = options;
|
|
64
|
-
const {
|
|
65
|
-
cssClassName: classNames
|
|
66
|
-
} = classNameManager["default"](block, null, _objectSpread({}, classProps), {
|
|
67
|
-
prefix,
|
|
68
|
-
element
|
|
69
|
-
});
|
|
70
|
-
|
|
71
|
-
const cleanedPropsPassedDown = _objectSpread(_objectSpread({}, props), rest);
|
|
72
|
-
|
|
73
|
-
propsToRemoveFromFinalElement.forEach(propKey => {
|
|
74
|
-
delete cleanedPropsPassedDown[propKey];
|
|
75
|
-
});
|
|
76
|
-
|
|
77
|
-
if (validateNativeProps.isNativeHTMLElement(block)) {
|
|
78
|
-
Object.keys(cleanedPropsPassedDown).forEach(key => {
|
|
79
|
-
if (!validateNativeProps.isValidNativeAttribute(key)) delete cleanedPropsPassedDown[key];
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
return /*#__PURE__*/React__default["default"].createElement(as || type, _objectSpread({
|
|
84
|
-
ref: innerRef || ref,
|
|
85
|
-
className: [classNames, otherModifiersStr, className].join(' ')
|
|
86
|
-
}, cleanedPropsPassedDown), children);
|
|
87
|
-
});
|
|
88
|
-
};
|
|
89
|
-
|
|
90
|
-
exports.cssPrefix = cssPrefix;
|
|
91
|
-
exports["default"] = aggregatedClasses;
|
package/cjs/classNameManager.js
DELETED
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
|
-
var utils = require('@elliemae/ds-utilities/utils');
|
|
7
|
-
var DimsumConfig = require('@elliemae/ds-shared/dimsum.config');
|
|
8
|
-
var converPropsToFormModifiers = require('./converPropsToFormModifiers.js');
|
|
9
|
-
var convertPropsToLayoutModifiers = require('./convertPropsToLayoutModifiers.js');
|
|
10
|
-
var convertPropToFeedBackModifiers = require('./convertPropToFeedBackModifiers.js');
|
|
11
|
-
var convertPropsToSizeModifiers = require('./convertPropsToSizeModifiers.js');
|
|
12
|
-
var convertPropsToTextModifiers = require('./convertPropsToTextModifiers.js');
|
|
13
|
-
var convertPropsToColorModifiers = require('./convertPropsToColorModifiers.js');
|
|
14
|
-
|
|
15
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
|
-
|
|
17
|
-
var DimsumConfig__default = /*#__PURE__*/_interopDefaultLegacy(DimsumConfig);
|
|
18
|
-
|
|
19
|
-
const cssPrefix = "".concat(DimsumConfig__default["default"].classNamePrefix, "-");
|
|
20
|
-
|
|
21
|
-
const executePipelines = props => {
|
|
22
|
-
const form = converPropsToFormModifiers().execute(props);
|
|
23
|
-
const layout = convertPropsToLayoutModifiers().execute(props);
|
|
24
|
-
const feedback = convertPropToFeedBackModifiers().execute(props);
|
|
25
|
-
const size = convertPropsToSizeModifiers().execute(props);
|
|
26
|
-
const text = convertPropsToTextModifiers().execute(props);
|
|
27
|
-
const color = convertPropsToColorModifiers().execute(props);
|
|
28
|
-
return [...form, ...layout, ...feedback, ...size, ...text, ...color];
|
|
29
|
-
};
|
|
30
|
-
/**
|
|
31
|
-
* Docs: http://getbem.com/naming/
|
|
32
|
-
* blockName
|
|
33
|
-
* cssClassNameModifier: Main modifier
|
|
34
|
-
* props { hasError, hasWarning, hasSuccess, readOnly, disabled}
|
|
35
|
-
*
|
|
36
|
-
* @param blockName
|
|
37
|
-
* @param cssClassNameModifier
|
|
38
|
-
* @param props
|
|
39
|
-
* @param options
|
|
40
|
-
*/
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
const cssPipeline = function () {
|
|
44
|
-
let blockName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'block';
|
|
45
|
-
let cssClassNameModifier = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
46
|
-
let props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
47
|
-
let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
48
|
-
const {
|
|
49
|
-
prefix,
|
|
50
|
-
element
|
|
51
|
-
} = options;
|
|
52
|
-
const prefixBlockName = "".concat(prefix || cssPrefix).concat(blockName).concat(element ? "__".concat(element) : ''); // PipeLine
|
|
53
|
-
|
|
54
|
-
const pipes = !utils.isEmpty(props) ? executePipelines(props) : [];
|
|
55
|
-
const basePipeline = [prefixBlockName, ...pipes]; // specific classname
|
|
56
|
-
|
|
57
|
-
const className = cssClassNameModifier ? [...basePipeline].join(" ".concat(prefixBlockName, "--")).concat(" ".concat(cssClassNameModifier)) : [...basePipeline].join(" ".concat(prefixBlockName, "--"));
|
|
58
|
-
return {
|
|
59
|
-
blockName,
|
|
60
|
-
cssPrefix,
|
|
61
|
-
prefixBlockName,
|
|
62
|
-
cssClassName: className,
|
|
63
|
-
|
|
64
|
-
mainModifier(modifier) {
|
|
65
|
-
return "".concat(className, "--").concat(modifier);
|
|
66
|
-
},
|
|
67
|
-
|
|
68
|
-
classNameBlock(elementName) {
|
|
69
|
-
let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
70
|
-
return "".concat(!usePrefix ? blockName : prefixBlockName, "-").concat(elementName);
|
|
71
|
-
},
|
|
72
|
-
|
|
73
|
-
classNameBlockModifier(modifierName) {
|
|
74
|
-
let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
75
|
-
return "".concat(prefixBlockName, "-").concat(elementBlockName, "--").concat(modifierName);
|
|
76
|
-
},
|
|
77
|
-
|
|
78
|
-
classNameElement(elementName) {
|
|
79
|
-
let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
80
|
-
return "".concat(prefixBlockName).concat(elementBlockName ? "-".concat(elementBlockName) : '', "__").concat(elementName);
|
|
81
|
-
},
|
|
82
|
-
|
|
83
|
-
classNameModifier(modifierName) {
|
|
84
|
-
let elementName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
85
|
-
return "".concat(prefixBlockName).concat(elementName ? "__".concat(elementName) : '', "--").concat(modifierName);
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
};
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
exports.cssPrefix = cssPrefix;
|
|
92
|
-
exports["default"] = cssPipeline;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
4
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
-
require('core-js/modules/esnext.iterator.reduce.js');
|
|
6
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
|
-
|
|
8
|
-
const basicAction = _ref => {
|
|
9
|
-
let {
|
|
10
|
-
readOnly = false,
|
|
11
|
-
disabled = false,
|
|
12
|
-
checked = false
|
|
13
|
-
} = _ref;
|
|
14
|
-
const cssModifier = []; // input state modifiers
|
|
15
|
-
|
|
16
|
-
if (checked) cssModifier.push('checked');
|
|
17
|
-
if (readOnly) cssModifier.push('readonly');
|
|
18
|
-
if (disabled) cssModifier.push('disabled');
|
|
19
|
-
return cssModifier;
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
const instance = [basicAction];
|
|
23
|
-
|
|
24
|
-
const pipe = () => ({
|
|
25
|
-
getInstance() {
|
|
26
|
-
return instance;
|
|
27
|
-
},
|
|
28
|
-
|
|
29
|
-
add(customModifier) {
|
|
30
|
-
instance.push(customModifier);
|
|
31
|
-
},
|
|
32
|
-
|
|
33
|
-
execute(props) {
|
|
34
|
-
return instance.reduce((temp, action) => [...temp, ...action(props)], []);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
});
|
|
38
|
-
|
|
39
|
-
module.exports = pipe;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
4
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
-
require('core-js/modules/esnext.iterator.reduce.js');
|
|
6
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
|
-
|
|
8
|
-
const basicAction = _ref => {
|
|
9
|
-
let {
|
|
10
|
-
hasError = false,
|
|
11
|
-
hasWarning = false,
|
|
12
|
-
hasSuccess = false,
|
|
13
|
-
modalType
|
|
14
|
-
} = _ref;
|
|
15
|
-
const cssModifier = []; // valid state modifier
|
|
16
|
-
|
|
17
|
-
if (hasError) cssModifier.push('error');else if (hasWarning) cssModifier.push('warning');else if (hasSuccess) cssModifier.push('success');
|
|
18
|
-
if (modalType) cssModifier.push("modal-type-".concat(modalType));
|
|
19
|
-
return cssModifier;
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
const instance = [basicAction];
|
|
23
|
-
|
|
24
|
-
const pipe = () => ({
|
|
25
|
-
getInstance() {
|
|
26
|
-
return instance;
|
|
27
|
-
},
|
|
28
|
-
|
|
29
|
-
add(customModifier) {
|
|
30
|
-
instance.push(customModifier);
|
|
31
|
-
},
|
|
32
|
-
|
|
33
|
-
execute(props) {
|
|
34
|
-
return instance.reduce((temp, action) => [...temp, ...action(props)], []);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
});
|
|
38
|
-
|
|
39
|
-
module.exports = pipe;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
4
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
-
require('core-js/modules/esnext.iterator.reduce.js');
|
|
6
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
|
-
|
|
8
|
-
const basicAction = _ref => {
|
|
9
|
-
let {
|
|
10
|
-
color = null
|
|
11
|
-
} = _ref;
|
|
12
|
-
const cssModifier = [];
|
|
13
|
-
|
|
14
|
-
if (color && color[0]) {
|
|
15
|
-
if (color[1] !== null) cssModifier.push("color-".concat(color[0], "-").concat(color[1]));else cssModifier.push("color-".concat(color[0]));
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
return cssModifier;
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
const instance = [basicAction];
|
|
22
|
-
|
|
23
|
-
const pipe = () => ({
|
|
24
|
-
getInstance() {
|
|
25
|
-
return instance;
|
|
26
|
-
},
|
|
27
|
-
|
|
28
|
-
add(customModifier) {
|
|
29
|
-
instance.push(customModifier);
|
|
30
|
-
},
|
|
31
|
-
|
|
32
|
-
execute(props) {
|
|
33
|
-
return instance.reduce((temp, action) => [...temp, ...action(props)], []);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
});
|
|
37
|
-
|
|
38
|
-
module.exports = pipe;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
4
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
-
require('core-js/modules/esnext.iterator.reduce.js');
|
|
6
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
|
-
|
|
8
|
-
const basicAction = _ref => {
|
|
9
|
-
let {
|
|
10
|
-
id,
|
|
11
|
-
buttonType = 'default',
|
|
12
|
-
fluidWidth = false,
|
|
13
|
-
fluidHeight = false
|
|
14
|
-
} = _ref;
|
|
15
|
-
const cssModifier = []; // buttons types
|
|
16
|
-
|
|
17
|
-
if (id) cssModifier.push("id-".concat(id));
|
|
18
|
-
if (buttonType) cssModifier.push(buttonType);
|
|
19
|
-
if (fluidWidth) cssModifier.push('fluid-width');
|
|
20
|
-
if (fluidHeight) cssModifier.push('fluid-height');
|
|
21
|
-
return cssModifier;
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
const instance = [basicAction];
|
|
25
|
-
|
|
26
|
-
const pipe = () => ({
|
|
27
|
-
getInstance() {
|
|
28
|
-
return instance;
|
|
29
|
-
},
|
|
30
|
-
|
|
31
|
-
add(customModifier) {
|
|
32
|
-
instance.push(customModifier);
|
|
33
|
-
},
|
|
34
|
-
|
|
35
|
-
execute(props) {
|
|
36
|
-
return instance.reduce((temp, action) => [...temp, ...action(props)], []);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
});
|
|
40
|
-
|
|
41
|
-
module.exports = pipe;
|