@elliemae/ds-text-wrapper 1.60.0 → 2.0.0-alpha.12

package/cjs/DSTextWrapper.js

@@ -2,84 +2,82 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('react');
 var reactDesc = require('react-desc');
 var dsClassnames = require('@elliemae/ds-classnames');
 var props = require('./props.js');
 var defaultProps = require('./defaultProps.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-/**
- * if we don't care about word break
- * const regx = new RegExp(`.{1,${maxCharacters}}`, 'g')
- * text.match(regx)
- *
- * @param {*} param0
- */
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var DSTextWrapper = function DSTextWrapper(_ref) {
-  var containerProps = _ref.containerProps,
-      className = _ref.className,
-      style = _ref.style,
-      text = _ref.text,
-      maxCharacters = _ref.maxCharacters,
-      maxWidth = _ref.maxWidth,
-      textEllipsis = _ref.textEllipsis,
-      textAlignment = _ref.textAlignment,
-      wordBreak = _ref.wordBreak;
+const DSTextWrapper = _ref => {
+  let {
+    containerProps,
+    className,
+    style,
+    text,
+    maxCharacters,
+    maxWidth,
+    textEllipsis,
+    textAlignment,
+    wordBreak
+  } = _ref;
+  const {
+    cssClassName,
+    classNameElement
+  } = dsClassnames.convertPropToCssClassName('text-wrapperRef', className, {
+    textEllipsis,
+    textAlignment,
+    wordBreak
+  });
 
-  var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('text-wrapperRef', className, {
-    textEllipsis: textEllipsis,
-    textAlignment: textAlignment,
-    wordBreak: wordBreak
-  }),
-      cssClassName = _convertPropToCssClas.cssClassName,
-      classNameElement = _convertPropToCssClas.classNameElement;
+  const limitPerCharacter = () => text.split(' ').reduce((result, word) => {
+    let resultIndex = result.length - 1;
+    if (result[resultIndex].length + word.length > maxCharacters) resultIndex += 1;
+    result[resultIndex] = "".concat(result[resultIndex] || '', " ").concat(word);
+    return result;
+  }, ['']);
 
-  var limitPerCharacter = function limitPerCharacter() {
-    return text.split(' ').reduce(function (result, word) {
-      var resultIndex = result.length - 1;
-      if (result[resultIndex].length + word.length > maxCharacters) resultIndex += 1;
-      result[resultIndex] = "".concat(result[resultIndex] || '', " ").concat(word);
-      return result;
-    }, ['']);
-  };
-
-  var displayText = text;
+  let displayText = text;
   if (textEllipsis) displayText = maxCharacters > 0 ? displayText.substring(0, maxCharacters) : displayText;else if (maxCharacters > 0) {
-    displayText = limitPerCharacter().map(function (textpart, index) {
-      return /*#__PURE__*/React__default['default'].createElement("span", {
-        key: index,
-        className: classNameElement('line')
-      }, textpart);
-    });
+    displayText = limitPerCharacter().map((textpart, index) => /*#__PURE__*/_jsx__default["default"]("span", {
+      className: classNameElement('line')
+    }, index, textpart));
   }
-  return /*#__PURE__*/React__default['default'].createElement("span", _extends__default['default']({}, containerProps, {
+  return /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread(_objectSpread({}, containerProps), {}, {
     className: cssClassName,
     style: _objectSpread({
       maxWidth: maxCharacters < 1 ? maxWidth : null
-    }, style)
-  }), textEllipsis ? /*#__PURE__*/React__default['default'].createElement("span", {
-    className: classNameElement('ellipsis-wrapperRef')
-  }, displayText) : displayText);
+    }, style),
+    children: textEllipsis ? /*#__PURE__*/_jsx__default["default"]("span", {
+      className: classNameElement('ellipsis-wrapperRef')
+    }, void 0, displayText) : displayText
+  }));
 };
 
-DSTextWrapper.propTypes = props.textProps;
 DSTextWrapper.defaultProps = defaultProps.defaultProps;
-var TextWrapperWithSchema = reactDesc.describe(DSTextWrapper);
+const TextWrapperWithSchema = reactDesc.describe(DSTextWrapper);
 TextWrapperWithSchema.propTypes = props.textProps;
 
 exports.DSTextWrapper = DSTextWrapper;
 exports.TextWrapperWithSchema = TextWrapperWithSchema;
-exports['default'] = DSTextWrapper;
-//# sourceMappingURL=DSTextWrapper.js.map
+exports["default"] = DSTextWrapper;

package/cjs/defaultProps.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defaultProps = {
+const defaultProps = {
   containerProps: {},
   className: '',
   style: {},
@@ -15,4 +15,3 @@ var defaultProps = {
 };
 
 exports.defaultProps = defaultProps;
-//# sourceMappingURL=defaultProps.js.map

package/cjs/index.js

@@ -3,17 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var DSTextWrapper = require('./DSTextWrapper.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('react-desc');
-require('@elliemae/ds-classnames');
-require('./props.js');
-require('./defaultProps.js');
 
 
 
 exports.DSTextWrapper = DSTextWrapper.DSTextWrapper;
 exports.TextWrapperWithSchema = DSTextWrapper.TextWrapperWithSchema;
-exports.default = DSTextWrapper.DSTextWrapper;
-//# sourceMappingURL=index.js.map
+exports["default"] = DSTextWrapper.DSTextWrapper;

package/cjs/props.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactDesc = require('react-desc');
 
-var textProps = {
+const textProps = {
   containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
   className: reactDesc.PropTypes.string.description('css class'),
   style: reactDesc.PropTypes.object.description('css style'),
@@ -17,4 +17,3 @@ var textProps = {
 };
 
 exports.textProps = textProps;
-//# sourceMappingURL=props.js.map

package/esm/DSTextWrapper.js

@@ -1,73 +1,72 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'react';
 import { describe } from 'react-desc';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import { textProps } from './props.js';
 import { defaultProps } from './defaultProps.js';
+import { jsx } from 'react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-/**
- * if we don't care about word break
- * const regx = new RegExp(`.{1,${maxCharacters}}`, 'g')
- * text.match(regx)
- *
- * @param {*} param0
- */
 
-var DSTextWrapper = function DSTextWrapper(_ref) {
-  var containerProps = _ref.containerProps,
-      className = _ref.className,
-      style = _ref.style,
-      text = _ref.text,
-      maxCharacters = _ref.maxCharacters,
-      maxWidth = _ref.maxWidth,
-      textEllipsis = _ref.textEllipsis,
-      textAlignment = _ref.textAlignment,
-      wordBreak = _ref.wordBreak;
+const DSTextWrapper = _ref => {
+  let {
+    containerProps,
+    className,
+    style,
+    text,
+    maxCharacters,
+    maxWidth,
+    textEllipsis,
+    textAlignment,
+    wordBreak
+  } = _ref;
+  const {
+    cssClassName,
+    classNameElement
+  } = convertPropToCssClassName('text-wrapperRef', className, {
+    textEllipsis,
+    textAlignment,
+    wordBreak
+  });
 
-  var _convertPropToCssClas = convertPropToCssClassName('text-wrapperRef', className, {
-    textEllipsis: textEllipsis,
-    textAlignment: textAlignment,
-    wordBreak: wordBreak
-  }),
-      cssClassName = _convertPropToCssClas.cssClassName,
-      classNameElement = _convertPropToCssClas.classNameElement;
+  const limitPerCharacter = () => text.split(' ').reduce((result, word) => {
+    let resultIndex = result.length - 1;
+    if (result[resultIndex].length + word.length > maxCharacters) resultIndex += 1;
+    result[resultIndex] = "".concat(result[resultIndex] || '', " ").concat(word);
+    return result;
+  }, ['']);
 
-  var limitPerCharacter = function limitPerCharacter() {
-    return text.split(' ').reduce(function (result, word) {
-      var resultIndex = result.length - 1;
-      if (result[resultIndex].length + word.length > maxCharacters) resultIndex += 1;
-      result[resultIndex] = "".concat(result[resultIndex] || '', " ").concat(word);
-      return result;
-    }, ['']);
-  };
-
-  var displayText = text;
+  let displayText = text;
   if (textEllipsis) displayText = maxCharacters > 0 ? displayText.substring(0, maxCharacters) : displayText;else if (maxCharacters > 0) {
-    displayText = limitPerCharacter().map(function (textpart, index) {
-      return /*#__PURE__*/React.createElement("span", {
-        key: index,
-        className: classNameElement('line')
-      }, textpart);
-    });
+    displayText = limitPerCharacter().map((textpart, index) => /*#__PURE__*/_jsx("span", {
+      className: classNameElement('line')
+    }, index, textpart));
   }
-  return /*#__PURE__*/React.createElement("span", _extends({}, containerProps, {
+  return /*#__PURE__*/jsx("span", _objectSpread(_objectSpread({}, containerProps), {}, {
     className: cssClassName,
     style: _objectSpread({
       maxWidth: maxCharacters < 1 ? maxWidth : null
-    }, style)
-  }), textEllipsis ? /*#__PURE__*/React.createElement("span", {
-    className: classNameElement('ellipsis-wrapperRef')
-  }, displayText) : displayText);
+    }, style),
+    children: textEllipsis ? /*#__PURE__*/_jsx("span", {
+      className: classNameElement('ellipsis-wrapperRef')
+    }, void 0, displayText) : displayText
+  }));
 };
 
-DSTextWrapper.propTypes = textProps;
 DSTextWrapper.defaultProps = defaultProps;
-var TextWrapperWithSchema = describe(DSTextWrapper);
+const TextWrapperWithSchema = describe(DSTextWrapper);
 TextWrapperWithSchema.propTypes = textProps;
 
 export { DSTextWrapper, TextWrapperWithSchema, DSTextWrapper as default };
-//# sourceMappingURL=DSTextWrapper.js.map

package/esm/defaultProps.js

@@ -1,4 +1,4 @@
-var defaultProps = {
+const defaultProps = {
   containerProps: {},
   className: '',
   style: {},
@@ -11,4 +11,3 @@ var defaultProps = {
 };
 
 export { defaultProps };
-//# sourceMappingURL=defaultProps.js.map

package/esm/index.js

@@ -1,9 +1 @@
 export { DSTextWrapper, TextWrapperWithSchema, DSTextWrapper as default } from './DSTextWrapper.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-classnames';
-import './props.js';
-import './defaultProps.js';
-//# sourceMappingURL=index.js.map

package/esm/props.js

@@ -1,6 +1,6 @@
 import { PropTypes } from 'react-desc';
 
-var textProps = {
+const textProps = {
   containerProps: PropTypes.object.description('Set of Properties attached to the main container'),
   className: PropTypes.string.description('css class'),
   style: PropTypes.object.description('css style'),
@@ -13,4 +13,3 @@ var textProps = {
 };
 
 export { textProps };
-//# sourceMappingURL=props.js.map

package/package.json

@@ -1,14 +1,42 @@
 {
   "name": "@elliemae/ds-text-wrapper",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Text Wrapper",
-  "module": "esm/index.js",
-  "main": "cjs/index.js",
+  "description": "ICE MT - Dimsum - Text Wrapper",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./props": {
+      "import": "./esm/props.js",
+      "require": "./cjs/props.js"
+    },
+    "./DSTextWrapper": {
+      "import": "./esm/DSTextWrapper.js",
+      "require": "./cjs/DSTextWrapper.js"
+    },
+    "./defaultProps": {
+      "import": "./esm/defaultProps.js",
+      "require": "./cjs/defaultProps.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,16 +44,17 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "1.60.0",
-    "react-desc": "^4.1.2"
+    "@elliemae/ds-classnames": "2.0.0-alpha.12",
+    "react-desc": "~4.1.3"
   },
   "peerDependencies": {
-    "lodash": "^4.17.20",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/DSTextWrapper.d.ts

@@ -0,0 +1,101 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+/**
+ * if we don't care about word break
+ * const regx = new RegExp(`.{1,${maxCharacters}}`, 'g')
+ * text.match(regx)
+ *
+ * @param {*} param0
+ */
+declare const DSTextWrapper: {
+    ({ containerProps, className, style, text, maxCharacters, maxWidth, textEllipsis, textAlignment, wordBreak, }: {
+        containerProps: any;
+        className: any;
+        style: any;
+        text: any;
+        maxCharacters: any;
+        maxWidth: any;
+        textEllipsis: any;
+        textAlignment: any;
+        wordBreak: any;
+    }): JSX.Element;
+    propTypes: {
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        className: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        style: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        text: import("react-desc").PropTypesDescValidator;
+        maxCharacters: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        maxWidth: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        textEllipsis: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        textAlignment: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        wordBreak: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+    defaultProps: {
+        containerProps: {};
+        className: string;
+        style: {};
+        text: string;
+        maxCharacters: number;
+        maxWidth: string;
+        textEllipsis: boolean;
+        textAlignment: string;
+        wordBreak: boolean;
+    };
+};
+declare const TextWrapperWithSchema: {
+    (props?: {
+        containerProps: any;
+        className: any;
+        style: any;
+        text: any;
+        maxCharacters: any;
+        maxWidth: any;
+        textEllipsis: any;
+        textAlignment: any;
+        wordBreak: any;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSTextWrapper, TextWrapperWithSchema };
+export default DSTextWrapper;

package/types/defaultProps.d.ts

@@ -0,0 +1,11 @@
+export declare const defaultProps: {
+    containerProps: {};
+    className: string;
+    style: {};
+    text: string;
+    maxCharacters: number;
+    maxWidth: string;
+    textEllipsis: boolean;
+    textAlignment: string;
+    wordBreak: boolean;
+};

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DSTextWrapper';
+export { default } from './DSTextWrapper';

package/types/props.d.ts

@@ -0,0 +1,52 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+export declare const textProps: {
+    containerProps: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    className: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    style: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    text: import("react-desc").PropTypesDescValidator;
+    maxCharacters: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    maxWidth: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    textEllipsis: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    textAlignment: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    wordBreak: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+};

package/DSTextWrapper/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-text-wrapper/DSTextWrapper",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/DSTextWrapper.js",
-  "module": "../esm/DSTextWrapper.js"
-}

package/cjs/DSTextWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSTextWrapper.js","sources":["../../src/DSTextWrapper.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { textProps } from './props';\nimport { defaultProps } from './defaultProps';\n\n/**\n * if we don't care about word break\n * const regx = new RegExp(`.{1,${maxCharacters}}`, 'g')\n * text.match(regx)\n *\n * @param {*} param0\n */\nconst DSTextWrapper = ({\n  containerProps,\n  className,\n  style,\n  text,\n  maxCharacters,\n  maxWidth,\n  textEllipsis,\n  textAlignment,\n  wordBreak,\n}) => {\n  const { cssClassName, classNameElement } = convertPropToCssClassName(\n    'text-wrapperRef',\n    className,\n    {\n      textEllipsis,\n      textAlignment,\n      wordBreak,\n    },\n  );\n  const limitPerCharacter = () =>\n    text.split(' ').reduce(\n      (result, word) => {\n        let resultIndex = result.length - 1;\n        if (result[resultIndex].length + word.length > maxCharacters)\n          resultIndex += 1;\n        result[resultIndex] = `${result[resultIndex] || ''} ${word}`;\n        return result;\n      },\n      [''],\n    );\n\n  let displayText = text;\n\n  if (textEllipsis)\n    displayText =\n      maxCharacters > 0 ? displayText.substring(0, maxCharacters) : displayText;\n  else if (maxCharacters > 0) {\n    displayText = limitPerCharacter().map((textpart, index) => (\n      <span key={index} className={classNameElement('line')}>\n        {textpart}\n      </span>\n    ));\n  }\n\n  return (\n    <span\n      {...containerProps}\n      className={cssClassName}\n      style={{\n        maxWidth: maxCharacters < 1 ? maxWidth : null,\n        ...style,\n      }}\n    >\n      {textEllipsis ? (\n        <span className={classNameElement('ellipsis-wrapperRef')}>\n          {displayText}\n        </span>\n      ) : (\n        displayText\n      )}\n    </span>\n  );\n};\n\nDSTextWrapper.propTypes = textProps;\nDSTextWrapper.defaultProps = defaultProps;\n\nconst TextWrapperWithSchema = describe(DSTextWrapper);\nTextWrapperWithSchema.propTypes = textProps;\n\nexport { DSTextWrapper, TextWrapperWithSchema };\nexport default DSTextWrapper;\n"],"names":["DSTextWrapper","containerProps","className","style","text","maxCharacters","maxWidth","textEllipsis","textAlignment","wordBreak","convertPropToCssClassName","cssClassName","classNameElement","limitPerCharacter","split","reduce","result","word","resultIndex","length","displayText","substring","map","textpart","index","React","propTypes","textProps","defaultProps","TextWrapperWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;;IACMA,aAAa,GAAG,SAAhBA,aAAgB,OAUhB;AAAA,MATJC,cASI,QATJA,cASI;AAAA,MARJC,SAQI,QARJA,SAQI;AAAA,MAPJC,KAOI,QAPJA,KAOI;AAAA,MANJC,IAMI,QANJA,IAMI;AAAA,MALJC,aAKI,QALJA,aAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,YAGI,QAHJA,YAGI;AAAA,MAFJC,aAEI,QAFJA,aAEI;AAAA,MADJC,SACI,QADJA,SACI;;AACJ,8BAA2CC,sCAAyB,CAClE,iBADkE,EAElER,SAFkE,EAGlE;AACEK,IAAAA,YAAY,EAAZA,YADF;AAEEC,IAAAA,aAAa,EAAbA,aAFF;AAGEC,IAAAA,SAAS,EAATA;AAHF,GAHkE,CAApE;AAAA,MAAQE,YAAR,yBAAQA,YAAR;AAAA,MAAsBC,gBAAtB,yBAAsBA,gBAAtB;;AASA,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,WACxBT,IAAI,CAACU,KAAL,CAAW,GAAX,EAAgBC,MAAhB,CACE,UAACC,MAAD,EAASC,IAAT,EAAkB;AAChB,UAAIC,WAAW,GAAGF,MAAM,CAACG,MAAP,GAAgB,CAAlC;AACA,UAAIH,MAAM,CAACE,WAAD,CAAN,CAAoBC,MAApB,GAA6BF,IAAI,CAACE,MAAlC,GAA2Cd,aAA/C,EACEa,WAAW,IAAI,CAAf;AACFF,MAAAA,MAAM,CAACE,WAAD,CAAN,aAAyBF,MAAM,CAACE,WAAD,CAAN,IAAuB,EAAhD,cAAsDD,IAAtD;AACA,aAAOD,MAAP;AACD,KAPH,EAQE,CAAC,EAAD,CARF,CADwB;AAAA,GAA1B;;AAYA,MAAII,WAAW,GAAGhB,IAAlB;AAEA,MAAIG,YAAJ,EACEa,WAAW,GACTf,aAAa,GAAG,CAAhB,GAAoBe,WAAW,CAACC,SAAZ,CAAsB,CAAtB,EAAyBhB,aAAzB,CAApB,GAA8De,WADhE,CADF,KAGK,IAAIf,aAAa,GAAG,CAApB,EAAuB;AAC1Be,IAAAA,WAAW,GAAGP,iBAAiB,GAAGS,GAApB,CAAwB,UAACC,QAAD,EAAWC,KAAX;AAAA,0BACpCC;AAAM,QAAA,GAAG,EAAED,KAAX;AAAkB,QAAA,SAAS,EAAEZ,gBAAgB,CAAC,MAAD;AAA7C,SACGW,QADH,CADoC;AAAA,KAAxB,CAAd;AAKD;AAED,sBACEE,iFACMxB,cADN;AAEE,IAAA,SAAS,EAAEU,YAFb;AAGE,IAAA,KAAK;AACHL,MAAAA,QAAQ,EAAED,aAAa,GAAG,CAAhB,GAAoBC,QAApB,GAA+B;AADtC,OAEAH,KAFA;AAHP,MAQGI,YAAY,gBACXkB;AAAM,IAAA,SAAS,EAAEb,gBAAgB,CAAC,qBAAD;AAAjC,KACGQ,WADH,CADW,GAKXA,WAbJ,CADF;AAkBD;;AAEDpB,aAAa,CAAC0B,SAAd,GAA0BC,eAA1B;AACA3B,aAAa,CAAC4B,YAAd,GAA6BA,yBAA7B;IAEMC,qBAAqB,GAAGC,kBAAQ,CAAC9B,aAAD;AACtC6B,qBAAqB,CAACH,SAAtB,GAAkCC,eAAlC;;;;;;"}

package/cjs/defaultProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultProps.js","sources":["../../src/defaultProps.tsx"],"sourcesContent":["export const defaultProps = {\n  containerProps: {},\n  className: '',\n  style: {},\n  text: '',\n  maxCharacters: 0,\n  maxWidth: '100%',\n  textEllipsis: false,\n  textAlignment: 'left',\n  wordBreak: true,\n};\n"],"names":["defaultProps","containerProps","className","style","text","maxCharacters","maxWidth","textEllipsis","textAlignment","wordBreak"],"mappings":";;;;IAAaA,YAAY,GAAG;AAC1BC,EAAAA,cAAc,EAAE,EADU;AAE1BC,EAAAA,SAAS,EAAE,EAFe;AAG1BC,EAAAA,KAAK,EAAE,EAHmB;AAI1BC,EAAAA,IAAI,EAAE,EAJoB;AAK1BC,EAAAA,aAAa,EAAE,CALW;AAM1BC,EAAAA,QAAQ,EAAE,MANgB;AAO1BC,EAAAA,YAAY,EAAE,KAPY;AAQ1BC,EAAAA,aAAa,EAAE,MARW;AAS1BC,EAAAA,SAAS,EAAE;AATe;;;;"}

package/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/cjs/props.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const textProps = {\n  containerProps: PropTypes.object.description(\n    'Set of Properties attached to the main container',\n  ),\n  className: PropTypes.string.description('css class'),\n  style: PropTypes.object.description('css style'),\n  text: PropTypes.string.description('Text to display').isRequired,\n  maxCharacters: PropTypes.number.description(\n    'Maximum amount of charachters allowed',\n  ),\n  maxWidth: PropTypes.string.description('Maximum width allowed'),\n  textEllipsis: PropTypes.bool.description('Whether to show ellipsis or not'),\n  textAlignment: PropTypes.oneOf(['left', 'center', 'right']).description(\n    'Text alignement',\n  ),\n  wordBreak: PropTypes.bool.description('Whether to break the line or not'),\n};\n"],"names":["textProps","containerProps","PropTypes","object","description","className","string","style","text","isRequired","maxCharacters","number","maxWidth","textEllipsis","bool","textAlignment","oneOf","wordBreak"],"mappings":";;;;;;IAEaA,SAAS,GAAG;AACvBC,EAAAA,cAAc,EAAEC,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CACd,kDADc,CADO;AAIvBC,EAAAA,SAAS,EAAEH,mBAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,WAA7B,CAJY;AAKvBG,EAAAA,KAAK,EAAEL,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,WAA7B,CALgB;AAMvBI,EAAAA,IAAI,EAAEN,mBAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,iBAA7B,EAAgDK,UAN/B;AAOvBC,EAAAA,aAAa,EAAER,mBAAS,CAACS,MAAV,CAAiBP,WAAjB,CACb,uCADa,CAPQ;AAUvBQ,EAAAA,QAAQ,EAAEV,mBAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,uBAA7B,CAVa;AAWvBS,EAAAA,YAAY,EAAEX,mBAAS,CAACY,IAAV,CAAeV,WAAf,CAA2B,iCAA3B,CAXS;AAYvBW,EAAAA,aAAa,EAAEb,mBAAS,CAACc,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,EAAmB,OAAnB,CAAhB,EAA6CZ,WAA7C,CACb,iBADa,CAZQ;AAevBa,EAAAA,SAAS,EAAEf,mBAAS,CAACY,IAAV,CAAeV,WAAf,CAA2B,kCAA3B;AAfY;;;;"}

package/defaultProps/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-text-wrapper/defaultProps",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/defaultProps.js",
-  "module": "../esm/defaultProps.js"
-}

package/esm/DSTextWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSTextWrapper.js","sources":["../../src/DSTextWrapper.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { textProps } from './props';\nimport { defaultProps } from './defaultProps';\n\n/**\n * if we don't care about word break\n * const regx = new RegExp(`.{1,${maxCharacters}}`, 'g')\n * text.match(regx)\n *\n * @param {*} param0\n */\nconst DSTextWrapper = ({\n  containerProps,\n  className,\n  style,\n  text,\n  maxCharacters,\n  maxWidth,\n  textEllipsis,\n  textAlignment,\n  wordBreak,\n}) => {\n  const { cssClassName, classNameElement } = convertPropToCssClassName(\n    'text-wrapperRef',\n    className,\n    {\n      textEllipsis,\n      textAlignment,\n      wordBreak,\n    },\n  );\n  const limitPerCharacter = () =>\n    text.split(' ').reduce(\n      (result, word) => {\n        let resultIndex = result.length - 1;\n        if (result[resultIndex].length + word.length > maxCharacters)\n          resultIndex += 1;\n        result[resultIndex] = `${result[resultIndex] || ''} ${word}`;\n        return result;\n      },\n      [''],\n    );\n\n  let displayText = text;\n\n  if (textEllipsis)\n    displayText =\n      maxCharacters > 0 ? displayText.substring(0, maxCharacters) : displayText;\n  else if (maxCharacters > 0) {\n    displayText = limitPerCharacter().map((textpart, index) => (\n      <span key={index} className={classNameElement('line')}>\n        {textpart}\n      </span>\n    ));\n  }\n\n  return (\n    <span\n      {...containerProps}\n      className={cssClassName}\n      style={{\n        maxWidth: maxCharacters < 1 ? maxWidth : null,\n        ...style,\n      }}\n    >\n      {textEllipsis ? (\n        <span className={classNameElement('ellipsis-wrapperRef')}>\n          {displayText}\n        </span>\n      ) : (\n        displayText\n      )}\n    </span>\n  );\n};\n\nDSTextWrapper.propTypes = textProps;\nDSTextWrapper.defaultProps = defaultProps;\n\nconst TextWrapperWithSchema = describe(DSTextWrapper);\nTextWrapperWithSchema.propTypes = textProps;\n\nexport { DSTextWrapper, TextWrapperWithSchema };\nexport default DSTextWrapper;\n"],"names":["DSTextWrapper","containerProps","className","style","text","maxCharacters","maxWidth","textEllipsis","textAlignment","wordBreak","convertPropToCssClassName","cssClassName","classNameElement","limitPerCharacter","split","reduce","result","word","resultIndex","length","displayText","substring","map","textpart","index","propTypes","textProps","defaultProps","TextWrapperWithSchema","describe"],"mappings":";;;;;;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;;IACMA,aAAa,GAAG,SAAhBA,aAAgB,OAUhB;AAAA,MATJC,cASI,QATJA,cASI;AAAA,MARJC,SAQI,QARJA,SAQI;AAAA,MAPJC,KAOI,QAPJA,KAOI;AAAA,MANJC,IAMI,QANJA,IAMI;AAAA,MALJC,aAKI,QALJA,aAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,YAGI,QAHJA,YAGI;AAAA,MAFJC,aAEI,QAFJA,aAEI;AAAA,MADJC,SACI,QADJA,SACI;;AACJ,8BAA2CC,yBAAyB,CAClE,iBADkE,EAElER,SAFkE,EAGlE;AACEK,IAAAA,YAAY,EAAZA,YADF;AAEEC,IAAAA,aAAa,EAAbA,aAFF;AAGEC,IAAAA,SAAS,EAATA;AAHF,GAHkE,CAApE;AAAA,MAAQE,YAAR,yBAAQA,YAAR;AAAA,MAAsBC,gBAAtB,yBAAsBA,gBAAtB;;AASA,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,WACxBT,IAAI,CAACU,KAAL,CAAW,GAAX,EAAgBC,MAAhB,CACE,UAACC,MAAD,EAASC,IAAT,EAAkB;AAChB,UAAIC,WAAW,GAAGF,MAAM,CAACG,MAAP,GAAgB,CAAlC;AACA,UAAIH,MAAM,CAACE,WAAD,CAAN,CAAoBC,MAApB,GAA6BF,IAAI,CAACE,MAAlC,GAA2Cd,aAA/C,EACEa,WAAW,IAAI,CAAf;AACFF,MAAAA,MAAM,CAACE,WAAD,CAAN,aAAyBF,MAAM,CAACE,WAAD,CAAN,IAAuB,EAAhD,cAAsDD,IAAtD;AACA,aAAOD,MAAP;AACD,KAPH,EAQE,CAAC,EAAD,CARF,CADwB;AAAA,GAA1B;;AAYA,MAAII,WAAW,GAAGhB,IAAlB;AAEA,MAAIG,YAAJ,EACEa,WAAW,GACTf,aAAa,GAAG,CAAhB,GAAoBe,WAAW,CAACC,SAAZ,CAAsB,CAAtB,EAAyBhB,aAAzB,CAApB,GAA8De,WADhE,CADF,KAGK,IAAIf,aAAa,GAAG,CAApB,EAAuB;AAC1Be,IAAAA,WAAW,GAAGP,iBAAiB,GAAGS,GAApB,CAAwB,UAACC,QAAD,EAAWC,KAAX;AAAA,0BACpC;AAAM,QAAA,GAAG,EAAEA,KAAX;AAAkB,QAAA,SAAS,EAAEZ,gBAAgB,CAAC,MAAD;AAA7C,SACGW,QADH,CADoC;AAAA,KAAxB,CAAd;AAKD;AAED,sBACE,yCACMtB,cADN;AAEE,IAAA,SAAS,EAAEU,YAFb;AAGE,IAAA,KAAK;AACHL,MAAAA,QAAQ,EAAED,aAAa,GAAG,CAAhB,GAAoBC,QAApB,GAA+B;AADtC,OAEAH,KAFA;AAHP,MAQGI,YAAY,gBACX;AAAM,IAAA,SAAS,EAAEK,gBAAgB,CAAC,qBAAD;AAAjC,KACGQ,WADH,CADW,GAKXA,WAbJ,CADF;AAkBD;;AAEDpB,aAAa,CAACyB,SAAd,GAA0BC,SAA1B;AACA1B,aAAa,CAAC2B,YAAd,GAA6BA,YAA7B;IAEMC,qBAAqB,GAAGC,QAAQ,CAAC7B,aAAD;AACtC4B,qBAAqB,CAACH,SAAtB,GAAkCC,SAAlC;;;;"}

package/esm/defaultProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultProps.js","sources":["../../src/defaultProps.tsx"],"sourcesContent":["export const defaultProps = {\n  containerProps: {},\n  className: '',\n  style: {},\n  text: '',\n  maxCharacters: 0,\n  maxWidth: '100%',\n  textEllipsis: false,\n  textAlignment: 'left',\n  wordBreak: true,\n};\n"],"names":["defaultProps","containerProps","className","style","text","maxCharacters","maxWidth","textEllipsis","textAlignment","wordBreak"],"mappings":"IAAaA,YAAY,GAAG;AAC1BC,EAAAA,cAAc,EAAE,EADU;AAE1BC,EAAAA,SAAS,EAAE,EAFe;AAG1BC,EAAAA,KAAK,EAAE,EAHmB;AAI1BC,EAAAA,IAAI,EAAE,EAJoB;AAK1BC,EAAAA,aAAa,EAAE,CALW;AAM1BC,EAAAA,QAAQ,EAAE,MANgB;AAO1BC,EAAAA,YAAY,EAAE,KAPY;AAQ1BC,EAAAA,aAAa,EAAE,MARW;AAS1BC,EAAAA,SAAS,EAAE;AATe;;;;"}

package/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/esm/props.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const textProps = {\n  containerProps: PropTypes.object.description(\n    'Set of Properties attached to the main container',\n  ),\n  className: PropTypes.string.description('css class'),\n  style: PropTypes.object.description('css style'),\n  text: PropTypes.string.description('Text to display').isRequired,\n  maxCharacters: PropTypes.number.description(\n    'Maximum amount of charachters allowed',\n  ),\n  maxWidth: PropTypes.string.description('Maximum width allowed'),\n  textEllipsis: PropTypes.bool.description('Whether to show ellipsis or not'),\n  textAlignment: PropTypes.oneOf(['left', 'center', 'right']).description(\n    'Text alignement',\n  ),\n  wordBreak: PropTypes.bool.description('Whether to break the line or not'),\n};\n"],"names":["textProps","containerProps","PropTypes","object","description","className","string","style","text","isRequired","maxCharacters","number","maxWidth","textEllipsis","bool","textAlignment","oneOf","wordBreak"],"mappings":";;IAEaA,SAAS,GAAG;AACvBC,EAAAA,cAAc,EAAEC,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CACd,kDADc,CADO;AAIvBC,EAAAA,SAAS,EAAEH,SAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,WAA7B,CAJY;AAKvBG,EAAAA,KAAK,EAAEL,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,WAA7B,CALgB;AAMvBI,EAAAA,IAAI,EAAEN,SAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,iBAA7B,EAAgDK,UAN/B;AAOvBC,EAAAA,aAAa,EAAER,SAAS,CAACS,MAAV,CAAiBP,WAAjB,CACb,uCADa,CAPQ;AAUvBQ,EAAAA,QAAQ,EAAEV,SAAS,CAACI,MAAV,CAAiBF,WAAjB,CAA6B,uBAA7B,CAVa;AAWvBS,EAAAA,YAAY,EAAEX,SAAS,CAACY,IAAV,CAAeV,WAAf,CAA2B,iCAA3B,CAXS;AAYvBW,EAAAA,aAAa,EAAEb,SAAS,CAACc,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,EAAmB,OAAnB,CAAhB,EAA6CZ,WAA7C,CACb,iBADa,CAZQ;AAevBa,EAAAA,SAAS,EAAEf,SAAS,CAACY,IAAV,CAAeV,WAAf,CAA2B,kCAA3B;AAfY;;;;"}

package/props/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-text-wrapper/props",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/props.js",
-  "module": "../esm/props.js"
-}