@helpdice/ui 2.1.8 → 2.2.2

package/esm/text/text.js

@@ -1,10 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["h1", "h2", "h3", "h4", "h5", "h6", "p", "b", "small", "i", "span", "del", "em", "blockquote", "noWrap", "children", "className"];
+var _excluded = ["h1", "h2", "h3", "h4", "h5", "h6", "p", "b", "small", "i", "span", "del", "em", "blockquote", "noWrap", "collapse", "children", "className"];
 /* "use client" */;
-import React, { useMemo } from 'react';
+import React, { useMemo, useState } from 'react';
 import TextChild from './child';
 import { withScale } from '../use-scale';
+import Button from '../button';
 var _getModifierChild = function getModifierChild(tags, children) {
   if (!tags.length) return children;
   var nextTag = tags.slice(1, tags.length);
@@ -43,6 +45,8 @@ var TextComponent = function TextComponent(_ref) {
     blockquote = _ref$blockquote === void 0 ? false : _ref$blockquote,
     _ref$noWrap = _ref.noWrap,
     noWrap = _ref$noWrap === void 0 ? false : _ref$noWrap,
+    _ref$collapse = _ref.collapse,
+    collapse = _ref$collapse === void 0 ? 0 : _ref$collapse,
     children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
@@ -82,6 +86,10 @@ var TextComponent = function TextComponent(_ref) {
    *
    */
 
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    expand = _useState2[0],
+    setExpand = _useState2[1];
   var tag = useMemo(function () {
     if (names[0]) return names[0];
     if (inlineNames[0]) return inlineNames[0];
@@ -100,7 +108,21 @@ var TextComponent = function TextComponent(_ref) {
     },
     className: "".concat(className, " ").concat(noWrap ? 'no-wrap' : ''),
     tag: tag
-  }, props), modifers);
+  }, props), typeof children === 'string' && collapse > 50 ? /*#__PURE__*/React.createElement(React.Fragment, null, expand ? modifers : (modifers === null || modifers === void 0 ? void 0 : modifers.toString().substring(0, collapse)) + '...', /*#__PURE__*/React.createElement(Button, {
+    margin: 0,
+    onClick: function onClick() {
+      return setExpand(!expand);
+    },
+    style: {
+      textTransform: 'lowercase'
+    },
+    effect: false,
+    color: "abort",
+    scale: 2 / 3,
+    px: 0.2,
+    py: 0,
+    auto: true
+  }, /*#__PURE__*/React.createElement("b", null, expand ? 'less' : 'more'))) : modifers);
 };
 TextComponent.displayName = 'Text';
 var Text = withScale(TextComponent);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helpdice/ui",
-  "version": "2.1.8",
+  "version": "2.2.2",
   "main": "dist/index.js",
   "types": "esm/index.d.ts",
   "unpkg": "dist/index.min.js",
@@ -215,14 +215,14 @@
       "import": "./dist/collapse/index.js",
       "types": "./dist/collapse/index.d.ts"
     },
+    "./Container": {
+      "import": "./dist/container/index.js",
+      "types": "./dist/container/index.d.ts"
+    },
     "./CopyToClipboard": {
       "import": "./dist/copy-to-clipboard/index.js",
       "types": "./dist/copy-to-clipboard/index.d.ts"
     },
-    "./CurrencyInput": {
-      "import": "./dist/currency-input/index.js",
-      "types": "./dist/currency-input/index.d.ts"
-    },
     "./Description": {
       "import": "./dist/description/index.js",
       "types": "./dist/description/index.d.ts"
@@ -307,10 +307,6 @@
       "import": "./dist/pagination/index.js",
       "types": "./dist/pagination/index.d.ts"
     },
-    "./PhoneInput": {
-      "import": "./dist/phone-input/index.js",
-      "types": "./dist/phone-input/index.d.ts"
-    },
     "./Placeholder": {
       "import": "./dist/placeholder/index.js",
       "types": "./dist/placeholder/index.d.ts"
@@ -480,12 +476,12 @@
       "Collapse": [
         "dist/collapse/index.d.ts"
       ],
+      "Container": [
+        "dist/container/index.d.ts"
+      ],
       "CopyToClipboard": [
         "dist/copy-to-clipboard/index.d.ts"
       ],
-      "CurrencyInput": [
-        "dist/currency-input/index.d.ts"
-      ],
       "Description": [
         "dist/description/index.d.ts"
       ],
@@ -549,9 +545,6 @@
       "Pagination": [
         "dist/pagination/index.d.ts"
       ],
-      "PhoneInput": [
-        "dist/phone-input/index.d.ts"
-      ],
       "Placeholder": [
         "dist/placeholder/index.d.ts"
       ],