@elliemae/ds-text-wrapper 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/DSTextWrapper.js

@@ -1,89 +1,83 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSTextWrapper_exports = {};
-__export(DSTextWrapper_exports, {
-  DSTextWrapper: () => DSTextWrapper,
-  TextWrapperWithSchema: () => TextWrapperWithSchema,
-  default: () => DSTextWrapper_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_props = require("./props");
-var import_defaultProps = require("./defaultProps");
-const DSTextWrapper = ({
-  containerProps,
-  className,
-  style,
-  text,
-  maxCharacters,
-  maxWidth,
-  textEllipsis,
-  textAlignment,
-  wordBreak
-}) => {
-  const { cssClassName, classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)("text-wrapperRef", className, {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+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; }
+
+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; }
+
+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
   });
-  const limitPerCharacter = () => text.split(" ").reduce((result, word) => {
+
+  const limitPerCharacter = () => text.split(' ').reduce((result, word) => {
     let resultIndex = result.length - 1;
-    if (result[resultIndex].length + word.length > maxCharacters)
-      resultIndex += 1;
-    result[resultIndex] = `${result[resultIndex] || ""} ${word}`;
+    if (result[resultIndex].length + word.length > maxCharacters) resultIndex += 1;
+    result[resultIndex] = "".concat(result[resultIndex] || '', " ").concat(word);
     return result;
-  }, [""]);
+  }, ['']);
+
   let displayText = text;
-  if (textEllipsis)
-    displayText = maxCharacters > 0 ? displayText.substring(0, maxCharacters) : displayText;
-  else if (maxCharacters > 0) {
-    displayText = limitPerCharacter().map((textpart, index) => /* @__PURE__ */ import_react.default.createElement("span", {
-      key: index,
-      className: classNameElement("line")
-    }, textpart));
+  if (textEllipsis) displayText = maxCharacters > 0 ? displayText.substring(0, maxCharacters) : displayText;else if (maxCharacters > 0) {
+    displayText = limitPerCharacter().map((textpart, index) => /*#__PURE__*/_jsx__default["default"]("span", {
+      className: classNameElement('line')
+    }, index, textpart));
   }
-  return /* @__PURE__ */ import_react.default.createElement("span", {
-    ...containerProps,
+  return /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread(_objectSpread({}, containerProps), {}, {
     className: cssClassName,
-    style: {
-      maxWidth: maxCharacters < 1 ? maxWidth : null,
-      ...style
-    }
-  }, textEllipsis ? /* @__PURE__ */ import_react.default.createElement("span", {
-    className: classNameElement("ellipsis-wrapperRef")
-  }, displayText) : displayText);
+    style: _objectSpread({
+      maxWidth: maxCharacters < 1 ? maxWidth : null
+    }, style),
+    children: textEllipsis ? /*#__PURE__*/_jsx__default["default"]("span", {
+      className: classNameElement('ellipsis-wrapperRef')
+    }, void 0, displayText) : displayText
+  }));
 };
-DSTextWrapper.propTypes = import_props.textProps;
-DSTextWrapper.defaultProps = import_defaultProps.defaultProps;
-const TextWrapperWithSchema = (0, import_react_desc.describe)(DSTextWrapper);
-TextWrapperWithSchema.propTypes = import_props.textProps;
-var DSTextWrapper_default = DSTextWrapper;
-module.exports = __toCommonJS(DSTextWrapper_exports);
-//# sourceMappingURL=DSTextWrapper.js.map
+
+DSTextWrapper.defaultProps = defaultProps.defaultProps;
+const TextWrapperWithSchema = reactDesc.describe(DSTextWrapper);
+TextWrapperWithSchema.propTypes = props.textProps;
+
+exports.DSTextWrapper = DSTextWrapper;
+exports.TextWrapperWithSchema = TextWrapperWithSchema;
+exports["default"] = DSTextWrapper;

package/cjs/defaultProps.js

@@ -1,45 +1,17 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var defaultProps_exports = {};
-__export(defaultProps_exports, {
-  defaultProps: () => defaultProps
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const defaultProps = {
   containerProps: {},
-  className: "",
+  className: '',
   style: {},
-  text: "",
+  text: '',
   maxCharacters: 0,
-  maxWidth: "100%",
+  maxWidth: '100%',
   textEllipsis: false,
-  textAlignment: "left",
+  textAlignment: 'left',
   wordBreak: true
 };
-module.exports = __toCommonJS(defaultProps_exports);
-//# sourceMappingURL=defaultProps.js.map
+
+exports.defaultProps = defaultProps;

package/cjs/index.js

@@ -1,36 +1,11 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-__export(src_exports, {
-  default: () => import_DSTextWrapper.default
-});
-var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSTextWrapper"));
-var import_DSTextWrapper = require("./DSTextWrapper");
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSTextWrapper = require('./DSTextWrapper.js');
+
+
+
+exports.DSTextWrapper = DSTextWrapper.DSTextWrapper;
+exports.TextWrapperWithSchema = DSTextWrapper.TextWrapperWithSchema;
+exports["default"] = DSTextWrapper.DSTextWrapper;

package/cjs/props.js

@@ -1,46 +1,19 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var props_exports = {};
-__export(props_exports, {
-  textProps: () => textProps
-});
-var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
 const textProps = {
-  containerProps: import_react_desc.PropTypes.object.description("Set of Properties attached to the main container"),
-  className: import_react_desc.PropTypes.string.description("css class"),
-  style: import_react_desc.PropTypes.object.description("css style"),
-  text: import_react_desc.PropTypes.string.description("Text to display").isRequired,
-  maxCharacters: import_react_desc.PropTypes.number.description("Maximum amount of charachters allowed"),
-  maxWidth: import_react_desc.PropTypes.string.description("Maximum width allowed"),
-  textEllipsis: import_react_desc.PropTypes.bool.description("Whether to show ellipsis or not"),
-  textAlignment: import_react_desc.PropTypes.oneOf(["left", "center", "right"]).description("Text alignement"),
-  wordBreak: import_react_desc.PropTypes.bool.description("Whether to break the line or not")
+  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'),
+  text: reactDesc.PropTypes.string.description('Text to display').isRequired,
+  maxCharacters: reactDesc.PropTypes.number.description('Maximum amount of charachters allowed'),
+  maxWidth: reactDesc.PropTypes.string.description('Maximum width allowed'),
+  textEllipsis: reactDesc.PropTypes.bool.description('Whether to show ellipsis or not'),
+  textAlignment: reactDesc.PropTypes.oneOf(['left', 'center', 'right']).description('Text alignement'),
+  wordBreak: reactDesc.PropTypes.bool.description('Whether to break the line or not')
 };
-module.exports = __toCommonJS(props_exports);
-//# sourceMappingURL=props.js.map
+
+exports.textProps = textProps;

package/esm/DSTextWrapper.js

@@ -1,60 +1,72 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-import { textProps } from "./props";
-import { defaultProps } from "./defaultProps";
-const DSTextWrapper = ({
-  containerProps,
-  className,
-  style,
-  text,
-  maxCharacters,
-  maxWidth,
-  textEllipsis,
-  textAlignment,
-  wordBreak
-}) => {
-  const { cssClassName, classNameElement } = convertPropToCssClassName("text-wrapperRef", className, {
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+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); 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 = 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; }
+
+const DSTextWrapper = _ref => {
+  let {
+    containerProps,
+    className,
+    style,
+    text,
+    maxCharacters,
+    maxWidth,
+    textEllipsis,
+    textAlignment,
+    wordBreak
+  } = _ref;
+  const {
+    cssClassName,
+    classNameElement
+  } = convertPropToCssClassName('text-wrapperRef', className, {
     textEllipsis,
     textAlignment,
     wordBreak
   });
-  const limitPerCharacter = () => text.split(" ").reduce((result, word) => {
+
+  const limitPerCharacter = () => text.split(' ').reduce((result, word) => {
     let resultIndex = result.length - 1;
-    if (result[resultIndex].length + word.length > maxCharacters)
-      resultIndex += 1;
-    result[resultIndex] = `${result[resultIndex] || ""} ${word}`;
+    if (result[resultIndex].length + word.length > maxCharacters) resultIndex += 1;
+    result[resultIndex] = "".concat(result[resultIndex] || '', " ").concat(word);
     return result;
-  }, [""]);
+  }, ['']);
+
   let displayText = text;
-  if (textEllipsis)
-    displayText = maxCharacters > 0 ? displayText.substring(0, maxCharacters) : displayText;
-  else if (maxCharacters > 0) {
-    displayText = limitPerCharacter().map((textpart, index) => /* @__PURE__ */ React2.createElement("span", {
-      key: index,
-      className: classNameElement("line")
-    }, textpart));
+  if (textEllipsis) displayText = maxCharacters > 0 ? displayText.substring(0, maxCharacters) : displayText;else if (maxCharacters > 0) {
+    displayText = limitPerCharacter().map((textpart, index) => /*#__PURE__*/_jsx("span", {
+      className: classNameElement('line')
+    }, index, textpart));
   }
-  return /* @__PURE__ */ React2.createElement("span", {
-    ...containerProps,
+  return /*#__PURE__*/jsx("span", _objectSpread(_objectSpread({}, containerProps), {}, {
     className: cssClassName,
-    style: {
-      maxWidth: maxCharacters < 1 ? maxWidth : null,
-      ...style
-    }
-  }, textEllipsis ? /* @__PURE__ */ React2.createElement("span", {
-    className: classNameElement("ellipsis-wrapperRef")
-  }, displayText) : displayText);
+    style: _objectSpread({
+      maxWidth: maxCharacters < 1 ? maxWidth : null
+    }, style),
+    children: textEllipsis ? /*#__PURE__*/_jsx("span", {
+      className: classNameElement('ellipsis-wrapperRef')
+    }, void 0, displayText) : displayText
+  }));
 };
-DSTextWrapper.propTypes = textProps;
+
 DSTextWrapper.defaultProps = defaultProps;
 const TextWrapperWithSchema = describe(DSTextWrapper);
 TextWrapperWithSchema.propTypes = textProps;
-var DSTextWrapper_default = DSTextWrapper;
-export {
-  DSTextWrapper,
-  TextWrapperWithSchema,
-  DSTextWrapper_default as default
-};
-//# sourceMappingURL=DSTextWrapper.js.map
+
+export { DSTextWrapper, TextWrapperWithSchema, DSTextWrapper as default };

package/esm/defaultProps.js

@@ -1,16 +1,13 @@
-import * as React from "react";
 const defaultProps = {
   containerProps: {},
-  className: "",
+  className: '',
   style: {},
-  text: "",
+  text: '',
   maxCharacters: 0,
-  maxWidth: "100%",
+  maxWidth: '100%',
   textEllipsis: false,
-  textAlignment: "left",
+  textAlignment: 'left',
   wordBreak: true
 };
-export {
-  defaultProps
-};
-//# sourceMappingURL=defaultProps.js.map
+
+export { defaultProps };

package/esm/index.js

@@ -1,7 +1 @@
-import * as React from "react";
-export * from "./DSTextWrapper";
-import { default as default2 } from "./DSTextWrapper";
-export {
-  default2 as default
-};
-//# sourceMappingURL=index.js.map
+export { DSTextWrapper, TextWrapperWithSchema, DSTextWrapper as default } from './DSTextWrapper.js';

package/esm/props.js

@@ -1,17 +1,15 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
+import { PropTypes } from 'react-desc';
+
 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"),
-  text: PropTypes.string.description("Text to display").isRequired,
-  maxCharacters: PropTypes.number.description("Maximum amount of charachters allowed"),
-  maxWidth: PropTypes.string.description("Maximum width allowed"),
-  textEllipsis: PropTypes.bool.description("Whether to show ellipsis or not"),
-  textAlignment: PropTypes.oneOf(["left", "center", "right"]).description("Text alignement"),
-  wordBreak: PropTypes.bool.description("Whether to break the line or not")
+  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),
+  className: PropTypes.string.description('css class'),
+  style: PropTypes.object.description('css style'),
+  text: PropTypes.string.description('Text to display').isRequired,
+  maxCharacters: PropTypes.number.description('Maximum amount of charachters allowed'),
+  maxWidth: PropTypes.string.description('Maximum width allowed'),
+  textEllipsis: PropTypes.bool.description('Whether to show ellipsis or not'),
+  textAlignment: PropTypes.oneOf(['left', 'center', 'right']).description('Text alignement'),
+  wordBreak: PropTypes.bool.description('Whether to break the line or not')
 };
-export {
-  textProps
-};
-//# sourceMappingURL=props.js.map
+
+export { textProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-text-wrapper",
-  "version": "2.2.0-alpha.4",
+  "version": "3.0.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Text Wrapper",
   "module": "./esm/index.js",
@@ -44,7 +44,7 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.2.0-alpha.4",
+    "@elliemae/ds-classnames": "3.0.0-next.2",
     "react-desc": "~4.1.3"
   },
   "peerDependencies": {

package/cjs/DSTextWrapper.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSTextWrapper.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAyB;AACzB,2BAA0C;AAC1C,mBAA0B;AAC1B,0BAA6B;AAS7B,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,cAAc,qBAAqB,oDACzC,mBACA,WACA;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA;AAGJ,QAAM,oBAAoB,MACxB,KAAK,MAAM,KAAK,OACd,CAAC,QAAQ,SAAS;AAChB,QAAI,cAAc,OAAO,SAAS;AAClC,QAAI,OAAO,aAAa,SAAS,KAAK,SAAS;AAC7C,qBAAe;AACjB,WAAO,eAAe,GAAG,OAAO,gBAAgB,MAAM;AACtD,WAAO;AAAA,KAET,CAAC;AAGL,MAAI,cAAc;AAElB,MAAI;AACF,kBACE,gBAAgB,IAAI,YAAY,UAAU,GAAG,iBAAiB;AAAA,WACzD,gBAAgB,GAAG;AAC1B,kBAAc,oBAAoB,IAAI,CAAC,UAAU,UAC/C,mDAAC,QAAD;AAAA,MAAM,KAAK;AAAA,MAAO,WAAW,iBAAiB;AAAA,OAC3C;AAAA;AAKP,SACE,mDAAC,QAAD;AAAA,OACM;AAAA,IACJ,WAAW;AAAA,IACX,OAAO;AAAA,MACL,UAAU,gBAAgB,IAAI,WAAW;AAAA,SACtC;AAAA;AAAA,KAGJ,eACC,mDAAC,QAAD;AAAA,IAAM,WAAW,iBAAiB;AAAA,KAC/B,eAGH;AAAA;AAMR,cAAc,YAAY;AAC1B,cAAc,eAAe;AAE7B,MAAM,wBAAwB,gCAAS;AACvC,sBAAsB,YAAY;AAGlC,IAAO,wBAAQ;",
-  "names": []
-}

package/cjs/defaultProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/defaultProps.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,EACN,eAAe;AAAA,EACf,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,WAAW;AAAA;",
-  "names": []
-}

package/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSTextWrapper';\nexport { default } from './DSTextWrapper';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,2BAAwB;",
-  "names": []
-}

package/cjs/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/props.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,YAAY;AAAA,EACvB,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAEF,WAAW,4BAAU,OAAO,YAAY;AAAA,EACxC,OAAO,4BAAU,OAAO,YAAY;AAAA,EACpC,MAAM,4BAAU,OAAO,YAAY,mBAAmB;AAAA,EACtD,eAAe,4BAAU,OAAO,YAC9B;AAAA,EAEF,UAAU,4BAAU,OAAO,YAAY;AAAA,EACvC,cAAc,4BAAU,KAAK,YAAY;AAAA,EACzC,eAAe,4BAAU,MAAM,CAAC,QAAQ,UAAU,UAAU,YAC1D;AAAA,EAEF,WAAW,4BAAU,KAAK,YAAY;AAAA;",
-  "names": []
-}

package/esm/DSTextWrapper.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSTextWrapper.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AASA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,cAAc,qBAAqB,0BACzC,mBACA,WACA;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA;AAGJ,QAAM,oBAAoB,MACxB,KAAK,MAAM,KAAK,OACd,CAAC,QAAQ,SAAS;AAChB,QAAI,cAAc,OAAO,SAAS;AAClC,QAAI,OAAO,aAAa,SAAS,KAAK,SAAS;AAC7C,qBAAe;AACjB,WAAO,eAAe,GAAG,OAAO,gBAAgB,MAAM;AACtD,WAAO;AAAA,KAET,CAAC;AAGL,MAAI,cAAc;AAElB,MAAI;AACF,kBACE,gBAAgB,IAAI,YAAY,UAAU,GAAG,iBAAiB;AAAA,WACzD,gBAAgB,GAAG;AAC1B,kBAAc,oBAAoB,IAAI,CAAC,UAAU,UAC/C,qCAAC,QAAD;AAAA,MAAM,KAAK;AAAA,MAAO,WAAW,iBAAiB;AAAA,OAC3C;AAAA;AAKP,SACE,qCAAC,QAAD;AAAA,OACM;AAAA,IACJ,WAAW;AAAA,IACX,OAAO;AAAA,MACL,UAAU,gBAAgB,IAAI,WAAW;AAAA,SACtC;AAAA;AAAA,KAGJ,eACC,qCAAC,QAAD;AAAA,IAAM,WAAW,iBAAiB;AAAA,KAC/B,eAGH;AAAA;AAMR,cAAc,YAAY;AAC1B,cAAc,eAAe;AAE7B,MAAM,wBAAwB,SAAS;AACvC,sBAAsB,YAAY;AAGlC,IAAO,wBAAQ;",
-  "names": []
-}

package/esm/defaultProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAO,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,EACN,eAAe;AAAA,EACf,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,WAAW;AAAA;",
-  "names": []
-}

package/esm/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSTextWrapper';\nexport { default } from './DSTextWrapper';\n"],
-  "mappings": "AAAA;ACAA;AACA;",
-  "names": []
-}

package/esm/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,YAAY;AAAA,EACvB,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAEF,WAAW,UAAU,OAAO,YAAY;AAAA,EACxC,OAAO,UAAU,OAAO,YAAY;AAAA,EACpC,MAAM,UAAU,OAAO,YAAY,mBAAmB;AAAA,EACtD,eAAe,UAAU,OAAO,YAC9B;AAAA,EAEF,UAAU,UAAU,OAAO,YAAY;AAAA,EACvC,cAAc,UAAU,KAAK,YAAY;AAAA,EACzC,eAAe,UAAU,MAAM,CAAC,QAAQ,UAAU,UAAU,YAC1D;AAAA,EAEF,WAAW,UAAU,KAAK,YAAY;AAAA;",
-  "names": []
-}