@elliemae/ds-truncated-tooltip-text 2.3.0-next.7 → 2.3.0-rc.2

package/cjs/index.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var TooltipTextProvider = require('./TooltipTextProvider.js');
 var SimpleTruncatedTooltipText = require('./SimpleTruncatedTooltipText.js');
 var DSTruncatedTooltipText = require('./DSTruncatedTooltipText.js');
-var DSTruncateTextWithTooltip = require('./DSTruncateTextWithTooltip.js');
+var DSTruncateTextWithTooltip = require('./truncateTextWithTooltip/DSTruncateTextWithTooltip.js');
+var DSTruncateTextWIthTooltipDatatestid = require('./truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.js');
 
 
 
@@ -16,4 +17,5 @@ exports.DSTruncatedTooltipText = DSTruncatedTooltipText.DSTruncatedTooltipText;
 exports.TruncatedTooltipTextWithSchema = DSTruncatedTooltipText.TruncatedTooltipTextWithSchema;
 exports["default"] = DSTruncatedTooltipText.DSTruncatedTooltipText;
 exports.DSTruncateTextWithTooltip = DSTruncateTextWithTooltip.DSTruncateTextWithTooltip;
-exports.DSTruncateTextWithTooltipDatatestId = DSTruncateTextWithTooltip.DSTruncateTextWithTooltipDatatestId;
+exports.DSTruncateTextWithTooltipWithSchema = DSTruncateTextWithTooltip.DSTruncateTextWithTooltipWithSchema;
+exports.DSTruncateTextWithTooltipDatatestid = DSTruncateTextWIthTooltipDatatestid.DSTruncateTextWithTooltipDatatestid;

package/cjs/truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const DSTruncateTextWithTooltipDatatestid = {
+  TEXT: 'ds-truncatetextwithtooltip-text'
+};
+
+exports.DSTruncateTextWithTooltipDatatestid = DSTruncateTextWithTooltipDatatestid;

package/cjs/{DSTruncateTextWithTooltip.js → truncateTextWithTooltip/DSTruncateTextWithTooltip.js}

@@ -11,30 +11,30 @@ require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var dsTooltip = require('@elliemae/ds-tooltip');
-var styled = require('styled-components');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var defaultProps = require('./defaultProps.js');
+var DSTruncateTextWIthTooltipDatatestid = require('./DSTruncateTextWIthTooltipDatatestid.js');
+var propTypes = require('./propTypes.js');
+var styles = require('./styles.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 styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 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 Text = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-1w57q5j-0"
-})(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:100%;:focus{border:none;outline:none;background:", ";}"], props => props.theme.colors.brand['200']);
-const DSTruncateTextWithTooltipDatatestId = 'DS-TruncateTextWithTooltip';
-const DSTruncateTextWithTooltip = _ref => {
-  let {
-    text,
-    tooltipProps = {}
-  } = _ref;
-  const [textWrapperEl, setTextWrapperEl] = React.useState(); // const textWrapperEl = useRef<HTMLSpanElement>();
-
-  const [isShowingEllipsis, setIsShowingEllipsis] = React.useState(false); // const isShowingEllipsis = textWrapperEl?.scrollWidth > textWrapperEl?.clientWidth;
 
+const DSTruncateTextWithTooltip = props => {
+  const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props, defaultProps.defaultProps);
+  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, propTypes.propTypes);
+  const {
+    text,
+    tooltipProps
+  } = propsWithDefault;
+  const [textWrapperEl, setTextWrapperEl] = React.useState(null);
+  const [isShowingEllipsis, setIsShowingEllipsis] = React.useState(false);
   const resizeObserver = React.useMemo(() => new ResizeObserver(entries => {
     if (entries.length) {
       const [textWrapperEntry] = entries;
@@ -57,19 +57,22 @@ const DSTruncateTextWithTooltip = _ref => {
   if (isShowingEllipsis) return /*#__PURE__*/jsxRuntime.jsx(dsTooltip.DSTooltipV3, _objectSpread(_objectSpread({
     text: text
   }, tooltipProps), {}, {
-    children: /*#__PURE__*/jsxRuntime.jsx(Text, {
+    children: /*#__PURE__*/jsxRuntime.jsx(styles.Text, {
       ref: setTextWrapperEl,
       tabIndex: 0,
-      "data-testid": DSTruncateTextWithTooltipDatatestId,
+      "data-testid": DSTruncateTextWIthTooltipDatatestid.DSTruncateTextWithTooltipDatatestid.TEXT,
       children: text
     })
   }));
-  return /*#__PURE__*/jsxRuntime.jsx(Text, {
+  return /*#__PURE__*/jsxRuntime.jsx(styles.Text, {
     ref: setTextWrapperEl,
-    "data-testid": DSTruncateTextWithTooltipDatatestId,
+    "data-testid": DSTruncateTextWIthTooltipDatatestid.DSTruncateTextWithTooltipDatatestid.TEXT,
     children: text
   });
 };
 
+const DSTruncateTextWithTooltipWithSchema = dsPropsHelpers.describe(DSTruncateTextWithTooltip);
+DSTruncateTextWithTooltipWithSchema.propTypes = propTypes.propTypes;
+
 exports.DSTruncateTextWithTooltip = DSTruncateTextWithTooltip;
-exports.DSTruncateTextWithTooltipDatatestId = DSTruncateTextWithTooltipDatatestId;
+exports.DSTruncateTextWithTooltipWithSchema = DSTruncateTextWithTooltipWithSchema;

package/cjs/truncateTextWithTooltip/defaultProps.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const defaultProps = {
+  tooltipProps: {}
+};
+
+exports.defaultProps = defaultProps;

package/cjs/truncateTextWithTooltip/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSTruncateTextWithTooltip = require('./DSTruncateTextWithTooltip.js');
+var DSTruncateTextWIthTooltipDatatestid = require('./DSTruncateTextWIthTooltipDatatestid.js');
+
+
+
+exports.DSTruncateTextWithTooltip = DSTruncateTextWithTooltip.DSTruncateTextWithTooltip;
+exports.DSTruncateTextWithTooltipWithSchema = DSTruncateTextWithTooltip.DSTruncateTextWithTooltipWithSchema;
+exports.DSTruncateTextWithTooltipDatatestid = DSTruncateTextWIthTooltipDatatestid.DSTruncateTextWithTooltipDatatestid;

package/cjs/truncateTextWithTooltip/propTypes.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+
+/* eslint-disable max-len */
+const propTypes = {
+  text: dsPropsHelpers.PropTypes.string.description('Text to show.').isRequired,
+  tooltipProps: dsPropsHelpers.PropTypes.object.description('This component uses DSTooltip component, you can set properties directly to this component with this property.').defaultValue({})
+};
+
+exports.propTypes = propTypes;

package/cjs/truncateTextWithTooltip/styles.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const Text = /*#__PURE__*/styled__default["default"].span.withConfig({
+  componentId: "sc-1i0ijyj-0"
+})(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:100%;&:focus{border:none;outline:none;background:", ";}"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.colors.brand[200];
+});
+
+exports.Text = Text;

package/esm/index.js

@@ -1,4 +1,5 @@
 export { TooltipTextProvider, TruncatedTooltipContext } from './TooltipTextProvider.js';
 export { SimpleTruncatedTooltipText } from './SimpleTruncatedTooltipText.js';
 export { DSTruncatedTooltipText, TruncatedTooltipTextWithSchema, DSTruncatedTooltipText as default } from './DSTruncatedTooltipText.js';
-export { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipDatatestId } from './DSTruncateTextWithTooltip.js';
+export { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipWithSchema } from './truncateTextWithTooltip/DSTruncateTextWithTooltip.js';
+export { DSTruncateTextWithTooltipDatatestid } from './truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.js';

package/esm/truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.js

@@ -0,0 +1,5 @@
+const DSTruncateTextWithTooltipDatatestid = {
+  TEXT: 'ds-truncatetextwithtooltip-text'
+};
+
+export { DSTruncateTextWithTooltipDatatestid };

package/esm/{DSTruncateTextWithTooltip.js → truncateTextWithTooltip/DSTruncateTextWithTooltip.js}

@@ -7,25 +7,26 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useMemo, useEffect } from 'react';
 import { DSTooltipV3 } from '@elliemae/ds-tooltip';
-import styled from 'styled-components';
+import { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
+import { defaultProps } from './defaultProps.js';
+import { DSTruncateTextWithTooltipDatatestid } from './DSTruncateTextWIthTooltipDatatestid.js';
+import { propTypes } from './propTypes.js';
+import { Text } from './styles.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 Text = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1w57q5j-0"
-})(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:100%;:focus{border:none;outline:none;background:", ";}"], props => props.theme.colors.brand['200']);
-const DSTruncateTextWithTooltipDatatestId = 'DS-TruncateTextWithTooltip';
-const DSTruncateTextWithTooltip = _ref => {
-  let {
-    text,
-    tooltipProps = {}
-  } = _ref;
-  const [textWrapperEl, setTextWrapperEl] = useState(); // const textWrapperEl = useRef<HTMLSpanElement>();
-
-  const [isShowingEllipsis, setIsShowingEllipsis] = useState(false); // const isShowingEllipsis = textWrapperEl?.scrollWidth > textWrapperEl?.clientWidth;
 
+const DSTruncateTextWithTooltip = props => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateTypescriptPropTypes(propsWithDefault, propTypes);
+  const {
+    text,
+    tooltipProps
+  } = propsWithDefault;
+  const [textWrapperEl, setTextWrapperEl] = useState(null);
+  const [isShowingEllipsis, setIsShowingEllipsis] = useState(false);
   const resizeObserver = useMemo(() => new ResizeObserver(entries => {
     if (entries.length) {
       const [textWrapperEntry] = entries;
@@ -51,15 +52,18 @@ const DSTruncateTextWithTooltip = _ref => {
     children: /*#__PURE__*/jsx(Text, {
       ref: setTextWrapperEl,
       tabIndex: 0,
-      "data-testid": DSTruncateTextWithTooltipDatatestId,
+      "data-testid": DSTruncateTextWithTooltipDatatestid.TEXT,
       children: text
     })
   }));
   return /*#__PURE__*/jsx(Text, {
     ref: setTextWrapperEl,
-    "data-testid": DSTruncateTextWithTooltipDatatestId,
+    "data-testid": DSTruncateTextWithTooltipDatatestid.TEXT,
     children: text
   });
 };
 
-export { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipDatatestId };
+const DSTruncateTextWithTooltipWithSchema = describe(DSTruncateTextWithTooltip);
+DSTruncateTextWithTooltipWithSchema.propTypes = propTypes;
+
+export { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipWithSchema };

package/esm/truncateTextWithTooltip/defaultProps.js

@@ -0,0 +1,5 @@
+const defaultProps = {
+  tooltipProps: {}
+};
+
+export { defaultProps };

package/esm/truncateTextWithTooltip/index.js

@@ -0,0 +1,2 @@
+export { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipWithSchema } from './DSTruncateTextWithTooltip.js';
+export { DSTruncateTextWithTooltipDatatestid } from './DSTruncateTextWIthTooltipDatatestid.js';

package/esm/truncateTextWithTooltip/propTypes.js

@@ -0,0 +1,9 @@
+import { PropTypes } from '@elliemae/ds-props-helpers';
+
+/* eslint-disable max-len */
+const propTypes = {
+  text: PropTypes.string.description('Text to show.').isRequired,
+  tooltipProps: PropTypes.object.description('This component uses DSTooltip component, you can set properties directly to this component with this property.').defaultValue({})
+};
+
+export { propTypes };

package/esm/truncateTextWithTooltip/styles.js

@@ -0,0 +1,12 @@
+import styled from 'styled-components';
+
+const Text = /*#__PURE__*/styled.span.withConfig({
+  componentId: "sc-1i0ijyj-0"
+})(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:100%;&:focus{border:none;outline:none;background:", ";}"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.colors.brand[200];
+});
+
+export { Text };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-truncated-tooltip-text",
-  "version": "2.3.0-next.7",
+  "version": "2.3.0-rc.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Truncated Tooltip Text",
   "module": "./esm/index.js",
@@ -11,6 +11,30 @@
       "import": "./esm/index.js",
       "require": "./cjs/index.js"
     },
+    "./truncateTextWithTooltip/styles": {
+      "import": "./esm/truncateTextWithTooltip/styles.js",
+      "require": "./cjs/truncateTextWithTooltip/styles.js"
+    },
+    "./truncateTextWithTooltip/propTypes": {
+      "import": "./esm/truncateTextWithTooltip/propTypes.js",
+      "require": "./cjs/truncateTextWithTooltip/propTypes.js"
+    },
+    "./truncateTextWithTooltip": {
+      "import": "./esm/truncateTextWithTooltip/index.js",
+      "require": "./cjs/truncateTextWithTooltip/index.js"
+    },
+    "./truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid": {
+      "import": "./esm/truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.js",
+      "require": "./cjs/truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.js"
+    },
+    "./truncateTextWithTooltip/DSTruncateTextWithTooltip": {
+      "import": "./esm/truncateTextWithTooltip/DSTruncateTextWithTooltip.js",
+      "require": "./cjs/truncateTextWithTooltip/DSTruncateTextWithTooltip.js"
+    },
+    "./truncateTextWithTooltip/defaultProps": {
+      "import": "./esm/truncateTextWithTooltip/defaultProps.js",
+      "require": "./cjs/truncateTextWithTooltip/defaultProps.js"
+    },
     "./TooltipTextProvider": {
       "import": "./esm/TooltipTextProvider.js",
       "require": "./cjs/TooltipTextProvider.js"
@@ -19,10 +43,6 @@
       "import": "./esm/SimpleTruncatedTooltipText.js",
       "require": "./cjs/SimpleTruncatedTooltipText.js"
     },
-    "./DSTruncateTextWithTooltip": {
-      "import": "./esm/DSTruncateTextWithTooltip.js",
-      "require": "./cjs/DSTruncateTextWithTooltip.js"
-    },
     "./DSTruncatedTooltipText": {
       "import": "./esm/DSTruncatedTooltipText.js",
       "require": "./cjs/DSTruncatedTooltipText.js"
@@ -48,10 +68,10 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-popover": "2.3.0-next.7",
-    "@elliemae/ds-popper": "2.3.0-next.7",
-    "@elliemae/ds-tooltip": "2.3.0-next.7",
-    "@elliemae/ds-utilities": "2.3.0-next.7",
+    "@elliemae/ds-popover": "2.3.0-rc.2",
+    "@elliemae/ds-popper": "2.3.0-rc.2",
+    "@elliemae/ds-tooltip": "2.3.0-rc.2",
+    "@elliemae/ds-utilities": "2.3.0-rc.2",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"
   },

package/types/index.d.ts

@@ -2,4 +2,4 @@ export * from './TooltipTextProvider';
 export * from './SimpleTruncatedTooltipText';
 export * from './DSTruncatedTooltipText';
 export { default } from './DSTruncatedTooltipText';
-export * from './DSTruncateTextWithTooltip';
+export * from './truncateTextWithTooltip';

package/types/truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.d.ts

@@ -0,0 +1,3 @@
+export declare const DSTruncateTextWithTooltipDatatestid: {
+    TEXT: string;
+};

package/types/truncateTextWithTooltip/DSTruncateTextWithTooltip.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { DSTruncateTextWithTooltipT } from './propTypes';
+declare const DSTruncateTextWithTooltip: (props: DSTruncateTextWithTooltipT.Props) => JSX.Element;
+declare const DSTruncateTextWithTooltipWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<DSTruncateTextWithTooltipT.Props>;
+export { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipWithSchema };

package/types/truncateTextWithTooltip/defaultProps.d.ts

@@ -0,0 +1,2 @@
+import type { DSTruncateTextWithTooltipT } from './propTypes';
+export declare const defaultProps: DSTruncateTextWithTooltipT.DefaultProps;

package/types/truncateTextWithTooltip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DSTruncateTextWithTooltip';
+export * from './DSTruncateTextWIthTooltipDatatestid';

package/types/truncateTextWithTooltip/propTypes.d.ts

@@ -0,0 +1,14 @@
+export declare namespace DSTruncateTextWithTooltipT {
+    interface PropsRequired {
+        text: string;
+    }
+    interface DefaultProps {
+        tooltipProps: Record<string, unknown>;
+    }
+    interface Props extends DefaultProps, PropsRequired {
+    }
+}
+export declare const propTypes: {
+    text: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    tooltipProps: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+};

package/types/truncateTextWithTooltip/styles.d.ts

@@ -0,0 +1 @@
+export declare const Text: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/types/DSTruncateTextWithTooltip.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface PropsT {
-    text: string;
-    tooltipProps?: Record<string, unknown>;
-}
-export declare const DSTruncateTextWithTooltipDatatestId = "DS-TruncateTextWithTooltip";
-export declare const DSTruncateTextWithTooltip: ({ text, tooltipProps }: PropsT) => JSX.Element;
-export {};