@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.
Files changed (75) hide show
  1. package/dist/cjs/aggregatedClasses.js +98 -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 +57 -31
  23. package/dist/cjs/validateNativeProps.js.map +7 -0
  24. package/dist/esm/aggregatedClasses.js +74 -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 +30 -19
  46. package/dist/esm/validateNativeProps.js.map +7 -0
  47. package/package.json +43 -35
  48. package/cjs/aggregatedClasses.js +0 -91
  49. package/cjs/classNameManager.js +0 -92
  50. package/cjs/converPropsToFormModifiers.js +0 -39
  51. package/cjs/convertPropToFeedBackModifiers.js +0 -39
  52. package/cjs/convertPropsToColorModifiers.js +0 -38
  53. package/cjs/convertPropsToLayoutModifiers.js +0 -41
  54. package/cjs/convertPropsToSizeModifiers.js +0 -43
  55. package/cjs/convertPropsToTextModifiers.js +0 -38
  56. package/cjs/index.js +0 -12
  57. package/esm/aggregatedClasses.js +0 -78
  58. package/esm/classNameManager.js +0 -83
  59. package/esm/converPropsToFormModifiers.js +0 -37
  60. package/esm/convertPropToFeedBackModifiers.js +0 -37
  61. package/esm/convertPropsToColorModifiers.js +0 -36
  62. package/esm/convertPropsToLayoutModifiers.js +0 -39
  63. package/esm/convertPropsToSizeModifiers.js +0 -41
  64. package/esm/convertPropsToTextModifiers.js +0 -36
  65. package/esm/index.js +0 -2
  66. package/types/aggregatedClasses.d.ts +0 -11
  67. package/types/classNameManager.d.ts +0 -28
  68. package/types/converPropsToFormModifiers.d.ts +0 -14
  69. package/types/convertPropToFeedBackModifiers.d.ts +0 -16
  70. package/types/convertPropsToColorModifiers.d.ts +0 -10
  71. package/types/convertPropsToLayoutModifiers.d.ts +0 -16
  72. package/types/convertPropsToSizeModifiers.d.ts +0 -24
  73. package/types/convertPropsToTextModifiers.d.ts +0 -14
  74. package/types/index.d.ts +0 -2
  75. 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,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,20 @@
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
+ 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 = _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;
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
- export { isAriaAttribute, isDataAttribute, isNativeHTMLElement, isValidNativeAttribute, whiteList };
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": ";;;;;;;;;;;;;;;;AAAA;ACCA,MAAM,qBAAqB;AAAA,EACzB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,cAAc;AAAA,EACd,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AAAA,EACb,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP,KAAK;AAAA,EACL,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AAAA,EACL,UAAU;AAAA,EACV,cAAc;AAAA,EACd,aAAa;AAAA,EACb,KAAK;AAAA,EACL,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,KAAK;AAAA,EACL,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA;AAGR,MAAM,yBAAyB;AAAA,EAC7B,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,cAAc;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,GAAG;AAAA;AAGL,MAAM,iBAAiB;AAAA,EACrB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AAAA;AAGZ,MAAM,kBAAkB;AAAA,EACtB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,eAAe;AAAA,EACf,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,WAAW;AAAA,EACX,eAAe;AAAA,EACf,eAAe;AAAA,EACf,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,SAAS;AAAA,EACT,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,UAAU;AAAA;AAGL,MAAM,YAAY,gEACpB,qBACA,yBACA,iBACA;AAGE,MAAM,kBAAkB,CAAC,cAC9B,UAAU,UAAU,GAAG,OAAO;AACzB,MAAM,kBAAkB,CAAC,cAC9B,UAAU,UAAU,GAAG,OAAO;AAEzB,MAAM,yBAAyB,CAAC,cACrC,UAAU,eAAe,QACzB,gBAAgB,cAChB,gBAAgB,cAChB,UAAU,kBAAkB;AAE9B,MAAM,qBAAqB;AAAA,EACzB,GAAG;AAAA,EACH,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,GAAG;AAAA,EACH,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AAAA,EACL,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,SAAS;AAAA,EACT,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,OAAO;AAAA,EACP,KAAK;AAAA,EACL,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AAAA,EACL,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,GAAG;AAAA,EACH,OAAO;AAAA,EACP,SAAS;AAAA,EACT,KAAK;AAAA,EACL,UAAU;AAAA,EACV,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,GAAG;AAAA,EACH,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL,SAAS;AAAA,EACT,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,OAAO;AAAA,EACP,KAAK;AAAA;AAGA,MAAM,sBAAsB,CAAC,SAAS,mBAAmB,UAAU;",
6
+ "names": []
7
+ }
package/package.json CHANGED
@@ -1,51 +1,54 @@
1
1
  {
2
2
  "name": "@elliemae/ds-classnames",
3
- "version": "2.3.1",
3
+ "version": "3.0.0-alpha.3",
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,34 @@
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.1",
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
- "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
+ "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
  }
@@ -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;
@@ -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;