@elliemae/ds-classnames 2.3.0-next.0 → 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.
Files changed (76) hide show
  1. package/dist/cjs/aggregatedClasses.js +70 -0
  2. package/dist/cjs/aggregatedClasses.js.map +7 -0
  3. package/dist/cjs/aggregatedClasses.md +323 -0
  4. package/dist/cjs/classNameManager.js +83 -0
  5. package/dist/cjs/classNameManager.js.map +7 -0
  6. package/dist/cjs/converPropsToFormModifiers.js +62 -0
  7. package/dist/cjs/converPropsToFormModifiers.js.map +7 -0
  8. package/dist/cjs/convertPropToFeedBackModifiers.js +65 -0
  9. package/dist/cjs/convertPropToFeedBackModifiers.js.map +7 -0
  10. package/dist/cjs/convertPropsToColorModifiers.js +58 -0
  11. package/dist/cjs/convertPropsToColorModifiers.js.map +7 -0
  12. package/dist/cjs/convertPropsToLayoutModifiers.js +65 -0
  13. package/dist/cjs/convertPropsToLayoutModifiers.js.map +7 -0
  14. package/dist/cjs/convertPropsToSizeModifiers.js +77 -0
  15. package/dist/cjs/convertPropsToSizeModifiers.js.map +7 -0
  16. package/dist/cjs/convertPropsToTextModifiers.js +58 -0
  17. package/dist/cjs/convertPropsToTextModifiers.js.map +7 -0
  18. package/dist/cjs/dimsum.config.js +37 -0
  19. package/dist/cjs/dimsum.config.js.map +7 -0
  20. package/dist/cjs/index.js +38 -0
  21. package/dist/cjs/index.js.map +7 -0
  22. package/{cjs → dist/cjs}/validateNativeProps.js +48 -31
  23. package/dist/cjs/validateNativeProps.js.map +7 -0
  24. package/dist/esm/aggregatedClasses.js +44 -0
  25. package/dist/esm/aggregatedClasses.js.map +7 -0
  26. package/dist/esm/aggregatedClasses.md +323 -0
  27. package/dist/esm/classNameManager.js +54 -0
  28. package/dist/esm/classNameManager.js.map +7 -0
  29. package/dist/esm/converPropsToFormModifiers.js +33 -0
  30. package/dist/esm/converPropsToFormModifiers.js.map +7 -0
  31. package/dist/esm/convertPropToFeedBackModifiers.js +36 -0
  32. package/dist/esm/convertPropToFeedBackModifiers.js.map +7 -0
  33. package/dist/esm/convertPropsToColorModifiers.js +29 -0
  34. package/dist/esm/convertPropsToColorModifiers.js.map +7 -0
  35. package/dist/esm/convertPropsToLayoutModifiers.js +36 -0
  36. package/dist/esm/convertPropsToLayoutModifiers.js.map +7 -0
  37. package/dist/esm/convertPropsToSizeModifiers.js +48 -0
  38. package/dist/esm/convertPropsToSizeModifiers.js.map +7 -0
  39. package/dist/esm/convertPropsToTextModifiers.js +29 -0
  40. package/dist/esm/convertPropsToTextModifiers.js.map +7 -0
  41. package/dist/esm/dimsum.config.js +8 -0
  42. package/dist/esm/dimsum.config.js.map +7 -0
  43. package/dist/esm/index.js +9 -0
  44. package/dist/esm/index.js.map +7 -0
  45. package/{esm → dist/esm}/validateNativeProps.js +19 -19
  46. package/dist/esm/validateNativeProps.js.map +7 -0
  47. package/{types → dist/types}/aggregatedClasses.d.ts +1 -1
  48. package/{types → dist/types}/classNameManager.d.ts +1 -0
  49. package/{types → dist/types}/converPropsToFormModifiers.d.ts +1 -0
  50. package/{types → dist/types}/convertPropToFeedBackModifiers.d.ts +1 -0
  51. package/{types → dist/types}/convertPropsToColorModifiers.d.ts +1 -0
  52. package/{types → dist/types}/convertPropsToLayoutModifiers.d.ts +1 -0
  53. package/{types → dist/types}/convertPropsToSizeModifiers.d.ts +1 -0
  54. package/{types → dist/types}/convertPropsToTextModifiers.d.ts +1 -0
  55. package/dist/types/dimsum.config.d.ts +4 -0
  56. package/{types → dist/types}/index.d.ts +0 -0
  57. package/{types → dist/types}/validateNativeProps.d.ts +0 -0
  58. package/package.json +42 -35
  59. package/cjs/aggregatedClasses.js +0 -91
  60. package/cjs/classNameManager.js +0 -92
  61. package/cjs/converPropsToFormModifiers.js +0 -39
  62. package/cjs/convertPropToFeedBackModifiers.js +0 -39
  63. package/cjs/convertPropsToColorModifiers.js +0 -38
  64. package/cjs/convertPropsToLayoutModifiers.js +0 -41
  65. package/cjs/convertPropsToSizeModifiers.js +0 -43
  66. package/cjs/convertPropsToTextModifiers.js +0 -38
  67. package/cjs/index.js +0 -12
  68. package/esm/aggregatedClasses.js +0 -78
  69. package/esm/classNameManager.js +0 -83
  70. package/esm/converPropsToFormModifiers.js +0 -37
  71. package/esm/convertPropToFeedBackModifiers.js +0 -37
  72. package/esm/convertPropsToColorModifiers.js +0 -36
  73. package/esm/convertPropsToLayoutModifiers.js +0 -39
  74. package/esm/convertPropsToSizeModifiers.js +0 -41
  75. package/esm/convertPropsToTextModifiers.js +0 -36
  76. package/esm/index.js +0 -2
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ const dimsumConfig = {
3
+ classNamePrefix: "em-ds"
4
+ };
5
+ export {
6
+ dimsumConfig
7
+ };
8
+ //# sourceMappingURL=dimsum.config.js.map
@@ -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,4 @@
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
-
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
- /* eslint-disable max-lines */
1
+ import * as React from "react";
13
2
  const attributeWhiteList = {
14
3
  accept: true,
15
4
  acceptCharset: true,
@@ -277,10 +266,15 @@ const eventsWhiteList = {
277
266
  onTransitionEnd: true,
278
267
  onToggle: true
279
268
  };
280
- const whiteList = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, attributeWhiteList), svgAttributesWhiteList), otherWhiteList), eventsWhiteList);
281
- const isDataAttribute = attribute => attribute.substring(0, 5) === 'data-';
282
- const isAriaAttribute = attribute => attribute.substring(0, 6) === 'aria-';
283
- const isValidNativeAttribute = attribute => whiteList[attribute] === true || isDataAttribute(attribute) || isAriaAttribute(attribute) || attribute.toLowerCase() === attribute;
269
+ const whiteList = {
270
+ ...attributeWhiteList,
271
+ ...svgAttributesWhiteList,
272
+ ...otherWhiteList,
273
+ ...eventsWhiteList
274
+ };
275
+ const isDataAttribute = (attribute) => attribute.substring(0, 5) === "data-";
276
+ const isAriaAttribute = (attribute) => attribute.substring(0, 6) === "aria-";
277
+ const isValidNativeAttribute = (attribute) => whiteList[attribute] === true || isDataAttribute(attribute) || isAriaAttribute(attribute) || attribute.toLowerCase() === attribute;
284
278
  const nativeHTMLElements = {
285
279
  a: true,
286
280
  abbr: true,
@@ -395,6 +389,12 @@ const nativeHTMLElements = {
395
389
  video: true,
396
390
  wbr: true
397
391
  };
398
- const isNativeHTMLElement = type => nativeHTMLElements[type] === true;
399
-
400
- export { isAriaAttribute, isDataAttribute, isNativeHTMLElement, isValidNativeAttribute, whiteList };
392
+ const isNativeHTMLElement = (type) => nativeHTMLElements[type] === true;
393
+ export {
394
+ isAriaAttribute,
395
+ isDataAttribute,
396
+ isNativeHTMLElement,
397
+ isValidNativeAttribute,
398
+ whiteList
399
+ };
400
+ //# 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
+ }
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- export declare const cssPrefix: any;
2
+ export declare const cssPrefix: string;
3
3
  declare type AggregatedClassesT<T = unknown> = (type: any, props?: any) => (block: string, element?: string | null, additionalModifiers?: {
4
4
  [key: string]: unknown;
5
5
  } | ((arg: any) => {
@@ -25,4 +25,5 @@ declare const cssPipeline: (blockName?: string, cssClassNameModifier?: string, p
25
25
  classNameElement(elementName: any, elementBlockName?: string): string;
26
26
  classNameModifier(modifierName: any, elementName?: string): string;
27
27
  };
28
+ export { cssPipeline as convertPropToCssClassName };
28
29
  export default cssPipeline;
@@ -11,4 +11,5 @@ declare const pipe: () => {
11
11
  checked?: boolean | undefined;
12
12
  }) => string[];
13
13
  };
14
+ export { pipe };
14
15
  export default pipe;
@@ -13,4 +13,5 @@ declare const pipe: () => {
13
13
  modalType: any;
14
14
  }) => string[];
15
15
  };
16
+ export { pipe };
16
17
  export default pipe;
@@ -7,4 +7,5 @@ declare const pipe: () => {
7
7
  color?: null | undefined;
8
8
  }) => string[];
9
9
  };
10
+ export { pipe };
10
11
  export default pipe;
@@ -13,4 +13,5 @@ declare const pipe: () => {
13
13
  fluidHeight?: boolean | undefined;
14
14
  }) => string[];
15
15
  };
16
+ export { pipe };
16
17
  export default pipe;
@@ -21,4 +21,5 @@ declare const pipe: () => {
21
21
  superLoose?: boolean | undefined;
22
22
  }) => string[];
23
23
  };
24
+ export { pipe };
24
25
  export default pipe;
@@ -11,4 +11,5 @@ declare const pipe: () => {
11
11
  wordBreak: any;
12
12
  }) => string[];
13
13
  };
14
+ export { pipe };
14
15
  export default pipe;
@@ -0,0 +1,4 @@
1
+ declare const dimsumConfig: {
2
+ classNamePrefix: string;
3
+ };
4
+ export { dimsumConfig };
File without changes
File without changes
package/package.json CHANGED
@@ -1,51 +1,54 @@
1
1
  {
2
2
  "name": "@elliemae/ds-classnames",
3
- "version": "2.3.0-next.0",
3
+ "version": "3.0.0-alpha.0",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum Library - Aggregated classNames to component",
6
- "module": "./esm/index.js",
7
- "main": "./cjs/index.js",
8
- "types": "./types/index.d.ts",
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,33 @@
57
60
  "url": "https://git.elliemae.io/platform-ui/dimsum.git"
58
61
  },
59
62
  "engines": {
60
- "npm": ">=7",
61
- "node": ">=14"
63
+ "pnpm": ">=6",
64
+ "node": ">=16"
62
65
  },
63
66
  "author": "ICE MT",
64
- "scripts": {
65
- "prebuild": "exit 0",
66
- "predev": "exit 0",
67
- "build": "node ../../scripts/build/build.js",
68
- "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w"
67
+ "jestSonar": {
68
+ "sonar56x": true,
69
+ "reportPath": "reports",
70
+ "reportFile": "tests.xml",
71
+ "indent": 4
69
72
  },
70
73
  "dependencies": {
71
- "@elliemae/ds-shared": "2.3.0-next.0",
72
- "@elliemae/ds-utilities": "2.3.0-next.0",
74
+ "@elliemae/ds-utilities": "3.0.0-alpha.0",
73
75
  "obj-str": "~1.0.3"
74
76
  },
75
77
  "publishConfig": {
76
78
  "access": "public",
77
- "directory": "dist",
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
+ "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
90
+ "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch"
84
91
  }
85
92
  }
@@ -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;
@@ -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;