@bento-core/query-bar 1.0.0-c3dc.4 → 1.0.0-c3dc.5

package/dist/components/QueryUrl.js

@@ -21,7 +21,8 @@ const QueryUrl = _ref => {
     classes,
     filterItems,
     localFind = {},
-    rootPath
+    rootPath,
+    queryUrlCharacterLimit = 70
   } = _ref;
   const [display, setDisplay] = (0, _react.useState)(false);
   const toggleDisplay = () => setDisplay(prevDisplay => !prevDisplay);
@@ -51,7 +52,7 @@ const QueryUrl = _ref => {
   }, display ? 'Hide Query URL' : 'Show Query URL'), display && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     type: "button",
     className: (0, _clsx.default)(classes.viewLink)
-  }, url), /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
+  }, url.length > queryUrlCharacterLimit ? "".concat(url.substring(0, queryUrlCharacterLimit), "...") : url), /*#__PURE__*/_react.default.createElement(_core.Tooltip, {
     arrow: true,
     title: "Copy to Clipboard"
   }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {

package/dist/generators/QueryBarGenerator.js

@@ -37,6 +37,7 @@ const QueryBarGenerator = function QueryBarGenerator() {
   const maxItems = config && typeof config.maxItems === 'number' ? config.maxItems : _config.default.config.maxItems;
   const queryURLRootPath = config && typeof config.rootPath === 'string' ? config.rootPath : _config.default.config.rootPath;
   const viewQueryURL = config && typeof config.viewQueryURL === 'boolean' ? config.viewQueryURL : _config.default.config.viewQueryURL;
+  const queryUrlCharacterLimit = config && typeof config.queryUrlCharacterLimit === 'number' ? config.queryUrlCharacterLimit : _config.default.config.queryUrlCharacterLimit;
   const clearAll = functions && typeof functions.clearAll === 'function' ? functions.clearAll : _config.default.functions.clearAll;
   const clearUpload = functions && typeof functions.clearUpload === 'function' ? functions.clearUpload : _config.default.functions.clearUpload;
   const clearAutocomplete = functions && typeof functions.clearAutocomplete === 'function' ? functions.clearAutocomplete : _config.default.functions.clearAutocomplete;
@@ -128,7 +129,8 @@ const QueryBarGenerator = function QueryBarGenerator() {
         classes: classes,
         localFind: localFind,
         filterItems: mappedInputs,
-        rootPath: queryURLRootPath
+        rootPath: queryURLRootPath,
+        queryUrlCharacterLimit: queryUrlCharacterLimit
       }));
     })
   };

package/dist/generators/config.js

@@ -24,6 +24,11 @@ var _default = {
    * @var {boolean}
    */
   viewQueryURL: false,
+  /**
+   * display copy url button
+   * @var {boolean}
+   */
+  queryUrlCharacterLimit: 70,
   /* Component Helper Functions */
   functions: {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bento-core/query-bar",
-  "version": "1.0.0-c3dc.4",
+  "version": "1.0.0-c3dc.5",
   "description": "This package provides the Query Bar component that displays the current Facet Search and Local Find filters on the Dashboard/Explore page. It also provides the direct ability to reset all or some of the filters with the click of a button. It is designed to be implemented directly with the:",
   "main": "dist/index.js",
   "scripts": {

package/src/components/QueryUrl.js

@@ -17,6 +17,7 @@ const QueryUrl = ({
   filterItems,
   localFind = {},
   rootPath,
+  queryUrlCharacterLimit = 70,
 }) => {
   const [display, setDisplay] = useState(false);
   const toggleDisplay = () => setDisplay((prevDisplay) => !prevDisplay);
@@ -59,7 +60,7 @@ const QueryUrl = ({
                 type="button"
                 className={clsx(classes.viewLink)}
               >
-                {url}
+                {url.length > queryUrlCharacterLimit ? `${url.substring(0, queryUrlCharacterLimit)}...` : url}
               </div>
               <Tooltip
                 arrow

package/src/generators/QueryBarGenerator.js

@@ -29,6 +29,10 @@ export const QueryBarGenerator = (uiConfig = DEFAULT_CONFIG) => {
     ? config.viewQueryURL
     : DEFAULT_CONFIG.config.viewQueryURL;
 
+  const queryUrlCharacterLimit = config && typeof config.queryUrlCharacterLimit === 'number'
+    ? config.queryUrlCharacterLimit
+    : DEFAULT_CONFIG.config.queryUrlCharacterLimit;
+
   const clearAll = functions && typeof functions.clearAll === 'function'
     ? functions.clearAll
     : DEFAULT_CONFIG.functions.clearAll;
@@ -195,6 +199,7 @@ export const QueryBarGenerator = (uiConfig = DEFAULT_CONFIG) => {
                 localFind={localFind}
                 filterItems={mappedInputs}
                 rootPath={queryURLRootPath}
+                queryUrlCharacterLimit={queryUrlCharacterLimit}
               />
             )
           }

package/src/generators/config.js

@@ -19,6 +19,11 @@ export default {
    * @var {boolean}
    */
   viewQueryURL: false,
+  /**
+   * display copy url button
+   * @var {boolean}
+   */
+  queryUrlCharacterLimit: 70,
 
   /* Component Helper Functions */
   functions: {