@zebra-fed/zds-react-desktop - npm Package Compare versions

Comparing version 0.6.68 to 0.6.69

components/Banner/PageBanner.js

@@ -7,3 +7,3 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
 import PropTypes from 'prop-types';
-import { Button, SVGIcon } from '@desktop/react/components/index';
+import { Button, SVGIcon } from '../index';
 import { StripesThemeContext } from '../../StripesTheme';
@@ -10,0 +10,0 @@ import styled from 'styled-components';

components/Dropdown/Dropdown.js

@@ -16,4 +16,2 @@ "use strict";
 
-var _react2 = require("../..");
-
 require("@zebra-fed/icons/Navigation/index.css");
@@ -215,8 +213,3 @@
     })
-  }, /*#__PURE__*/_react["default"].createElement(_react2.Icon, {
-    category: 'navigation',
-    name: !active ? props.iconName.inactive : props.iconName.active,
-    size: spacing.iconSize,
-    color: colors.iconColor
-  }))), active && /*#__PURE__*/_react["default"].createElement("ul", {
+  })), active && /*#__PURE__*/_react["default"].createElement("ul", {
     style: props.dropDownStyle,
@@ -223,0 +216,0 @@ className: "dropDownList"

components/NavDrawer/NavDrawer.js

@@ -14,4 +14,2 @@ "use strict";
 
-var _react2 = require("../..");
-
 var _StripesTheme = require("../../StripesTheme");
@@ -23,2 +21,4 @@
 
+var _index2 = require("../index");
+
 var _templateObject, _templateObject2;
@@ -177,3 +177,3 @@
     style: iconStyle
-  }, /*#__PURE__*/_react["default"].createElement(_react2.Icon, {
+  }, /*#__PURE__*/_react["default"].createElement(_index2.Icon, {
     color: props.color,
@@ -180,0 +180,0 @@ category: 'navigation',

components/Snackbar/Snackbar.js

@@ -16,8 +16,4 @@ "use strict";
 
-var _react2 = require("../..");
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _q = require("q");
-
 var _templateObject, _templateObject2;
@@ -24,0 +20,0 @@

components/Table/Table.js

@@ -14,3 +14,3 @@ "use strict";
 
-var _react2 = require("../..");
+var _index = require("../index");
 
@@ -243,3 +243,3 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
           stickyFirstColumn: stickyFirstColumn
-        }, !index && checkbox && /*#__PURE__*/_react["default"].createElement(_react2.Checkbox, {
+        }, !index && checkbox && /*#__PURE__*/_react["default"].createElement(_index.Checkbox, {
           checked: data.length === 0,
@@ -256,3 +256,3 @@ style: item.style,
           id: "SortArrowsContainer"
-        }, /*#__PURE__*/_react["default"].createElement(_react2.Icon, {
+        }, /*#__PURE__*/_react["default"].createElement(_index.Icon, {
           id: (_ref2 = "SortArrowUp-".concat(item.name)) !== null && _ref2 !== void 0 ? _ref2 : 'SortArrowUp',
@@ -269,3 +269,3 @@ category: 'navigation',
           }
-        }), /*#__PURE__*/_react["default"].createElement(_react2.Icon, {
+        }), /*#__PURE__*/_react["default"].createElement(_index.Icon, {
           id: (_ref3 = "SortArrowDown-".concat(item.name)) !== null && _ref3 !== void 0 ? _ref3 : 'SortArrowDown',
@@ -409,3 +409,3 @@ category: 'navigation',
           stickyFirstColumn: stickyFirstColumn
-        }, i !== Object.values(row).length - 1 ? !i && checkbox && /*#__PURE__*/_react["default"].createElement(_react2.Checkbox, {
+        }, i !== Object.values(row).length - 1 ? !i && checkbox && /*#__PURE__*/_react["default"].createElement(_index.Checkbox, {
           key: "checkbox ".concat(i),
@@ -451,3 +451,3 @@ checked: selected.includes(itemIndex),
     stickyFirstColumn: stickyFirstColumn
-  }, Headers(selected, headers, type, checkbox)), Rows(data, type, pageSize, numClicked, checkbox))), pages && /*#__PURE__*/_react["default"].createElement(_react2.Pagination, {
+  }, Headers(selected, headers, type, checkbox)), Rows(data, type, pageSize, numClicked, checkbox))), pages && /*#__PURE__*/_react["default"].createElement(_index.Pagination, {
     dropdown: paginationDropdown,
@@ -454,0 +454,0 @@ numClicked: numClicked,

components/TextInput/TextInput.js

@@ -20,3 +20,3 @@ "use strict";
 
-var _react2 = require("../..");
+var _index = require("../index");
 
@@ -252,3 +252,3 @@ var _InputError = require("./InputError");
   if (props.iconName) {
-    iconNode = /*#__PURE__*/_react["default"].createElement(_react2.Icon, {
+    iconNode = /*#__PURE__*/_react["default"].createElement(_index.Icon, {
       iconid: props.iconName,
@@ -255,0 +255,0 @@ size: "small",

components/TimePicker/TimePicker.js

@@ -18,3 +18,3 @@ 'use strict';
 
-var _react2 = require("../..");
+var _index = require("../index");
 
@@ -167,3 +167,3 @@ require("@zebra-fed/icons/Navigation/index.css");
     colorObj: colors
-  }, /*#__PURE__*/_react["default"].createElement(_react2.Icon, {
+  }, /*#__PURE__*/_react["default"].createElement(_index.Icon, {
     name: 'up',
@@ -178,3 +178,3 @@ category: 'navigation',
     colorObj: colors
-  }, hours > 9 ? hours : "0".concat(hours)), /*#__PURE__*/_react["default"].createElement(_react2.Icon, {
+  }, hours > 9 ? hours : "0".concat(hours)), /*#__PURE__*/_react["default"].createElement(_index.Icon, {
     name: 'down',
@@ -192,3 +192,3 @@ category: 'navigation',
     fontFamilyObj: context.getFont()
-  }, /*#__PURE__*/_react["default"].createElement(_react2.Icon, {
+  }, /*#__PURE__*/_react["default"].createElement(_index.Icon, {
     name: 'up',
@@ -204,3 +204,3 @@ category: 'navigation',
     fontFamilyObj: context.getFont()
-  }, minutes > 9 ? minutes : "0".concat(minutes)), /*#__PURE__*/_react["default"].createElement(_react2.Icon, {
+  }, minutes > 9 ? minutes : "0".concat(minutes)), /*#__PURE__*/_react["default"].createElement(_index.Icon, {
     name: 'down',
@@ -215,3 +215,3 @@ category: 'navigation',
     colorObj: colors
-  }, /*#__PURE__*/_react["default"].createElement(_react2.Button, {
+  }, /*#__PURE__*/_react["default"].createElement(_index.Button, {
     style: {
@@ -224,3 +224,3 @@ color: '#007ABA',
     }
-  }, "CANCEL"), /*#__PURE__*/_react["default"].createElement(_react2.Button, {
+  }, "CANCEL"), /*#__PURE__*/_react["default"].createElement(_index.Button, {
     style: {
@@ -227,0 +227,0 @@ color: '#007ABA',

package.json

 {
   "name": "@zebra-fed/zds-react-desktop",
-  "version": "0.6.68",
+  "version": "0.6.69",
   "description": "Zebra Desktop. A React component library.",
@@ -5,0 +5,0 @@ "main": "./index.css",

sandbox.js

 import React, { useState, useEffect } from 'react';
-import { Table } from '@desktop/react/components/index';
+import { Table } from './components';
 import { StripesTheme } from './StripesTheme';
@@ -4,0 +4,0 @@ import { icons } from './defaultIconLibrary';

stories/Accordion.stories.js

@@ -8,3 +8,3 @@ "use strict";
 
-var _react = require("..");
+var _components = require("../components");
 
@@ -17,3 +17,3 @@ var _StripesTheme = require("../StripesTheme");
   title: 'Design System/Accordion',
-  component: _react.Accordion
+  component: _components.Accordion
 };
@@ -29,3 +29,3 @@ exports["default"] = _default;
     mode: args.darkMode ? 'dark' : 'light'
-  }, /*#__PURE__*/React.createElement(_react.Accordion, args));
+  }, /*#__PURE__*/React.createElement(_components.Accordion, args));
 };
@@ -32,0 +32,0 @@

stories/Avatar.stories.js

@@ -8,3 +8,3 @@ "use strict";
 
-var _react = require("..");
+var _components = require("../components");
 
@@ -21,3 +21,3 @@ var _StripesTheme = require("../StripesTheme");
   title: 'Design System/Avatar',
-  component: _react.Avatar,
+  component: _components.Avatar,
   decorators: [function (story) {
@@ -73,3 +73,3 @@ return /*#__PURE__*/React.createElement("div", {
     mode: args.darkMode ? 'dark' : 'light'
-  }, /*#__PURE__*/React.createElement(_react.Avatar, args));
+  }, /*#__PURE__*/React.createElement(_components.Avatar, args));
 };
@@ -86,3 +86,3 @@
   initials: 'MA',
-  badgeNode: /*#__PURE__*/React.createElement(_react.SVGIcon, {
+  badgeNode: /*#__PURE__*/React.createElement(_components.SVGIcon, {
     iconid: 'star',
@@ -89,0 +89,0 @@ color: 'white',

stories/Button.stories.js

@@ -8,3 +8,3 @@ "use strict";
 
-var _react = require("..");
+var _components = require("../components");
 
@@ -21,3 +21,3 @@ var _StripesTheme = require("../StripesTheme");
   title: 'Design System/Button',
-  component: _react.Button,
+  component: _components.Button,
   argTypes: {
@@ -47,3 +47,3 @@ children: {
     mode: args.darkMode ? 'dark' : 'light'
-  }, /*#__PURE__*/React.createElement(_react.Button, args));
+  }, /*#__PURE__*/React.createElement(_components.Button, args));
 };
@@ -55,3 +55,3 @@
     mode: args.darkMode ? 'dark' : 'light'
-  }, /*#__PURE__*/React.createElement(_react.Button, args));
+  }, /*#__PURE__*/React.createElement(_components.Button, args));
 };
@@ -58,0 +58,0 @@

stories/Card.stories.js

@@ -10,3 +10,3 @@ "use strict";
 
-var _react2 = require("..");
+var _components = require("../components");
 
@@ -19,3 +19,3 @@ var _StripesTheme = require("../StripesTheme");
   title: 'Design System/Card',
-  component: _react2.Card,
+  component: _components.Card,
   argTypes: {
@@ -51,3 +51,3 @@ title: {
     }
-  }, /*#__PURE__*/_react.React.createElement(_react2.Card, args)));
+  }, /*#__PURE__*/_react.React.createElement(_components.Card, args)));
 };
@@ -62,3 +62,3 @@
     }
-  }, /*#__PURE__*/_react.React.createElement(_react2.Card, args)));
+  }, /*#__PURE__*/_react.React.createElement(_components.Card, args)));
 };
@@ -78,3 +78,3 @@
   subtitle: 'A subtitle of the card',
-  rightActionItems: [/*#__PURE__*/_react.React.createElement(_react2.Button, {
+  rightActionItems: [/*#__PURE__*/_react.React.createElement(_components.Button, {
     size: _SizeType.SizeType.Small,
@@ -85,6 +85,6 @@ type: "primaryVariant",
   children: 'This content area can contain text, components, or a mixture of both.',
-  leading: /*#__PURE__*/_react.React.createElement(_react2.Avatar, {
+  leading: /*#__PURE__*/_react.React.createElement(_components.Avatar, {
     imageSrc: 'https://www.placecage.com/150/150'
   }),
-  trailing: /*#__PURE__*/_react.React.createElement(_react2.Avatar, null)
+  trailing: /*#__PURE__*/_react.React.createElement(_components.Avatar, null)
 };
@@ -97,3 +97,3 @@ DarkCardWithTwoButtons.args = {
   subtitle: 'A subtitle of the card',
-  rightActionItems: [/*#__PURE__*/_react.React.createElement(_react2.Button, {
+  rightActionItems: [/*#__PURE__*/_react.React.createElement(_components.Button, {
     size: _SizeType.SizeType.Small,
@@ -106,3 +106,3 @@ style: {
   }, "Cancel")],
-  leftActionItems: [/*#__PURE__*/_react.React.createElement(_react2.Button, {
+  leftActionItems: [/*#__PURE__*/_react.React.createElement(_components.Button, {
     size: _SizeType.SizeType.Small,
@@ -116,6 +116,6 @@ style: {
   children: 'This content area can contain text, components, or a mixture of both.',
-  leading: /*#__PURE__*/_react.React.createElement(_react2.Avatar, {
+  leading: /*#__PURE__*/_react.React.createElement(_components.Avatar, {
     imageSrc: 'https://www.placecage.com/150/150'
   }),
-  trailing: /*#__PURE__*/_react.React.createElement(_react2.Avatar, null)
+  trailing: /*#__PURE__*/_react.React.createElement(_components.Avatar, null)
 };
@@ -128,3 +128,3 @@ DarkCardWithFullWidthButton.args = {
   subtitle: '',
-  rightActionItems: [/*#__PURE__*/_react.React.createElement(_react2.Button, {
+  rightActionItems: [/*#__PURE__*/_react.React.createElement(_components.Button, {
     size: _SizeType.SizeType.Small,
@@ -131,0 +131,0 @@ style: {

stories/Chip.stories.js

@@ -8,3 +8,3 @@ "use strict";
 
-var _react = require("..");
+var _components = require("../components");
 
@@ -17,3 +17,3 @@ var _StripesTheme = require("../StripesTheme");
   title: 'Design System/Chip',
-  component: _react.Chip,
+  component: _components.Chip,
   argTypes: {
@@ -45,3 +45,3 @@ children: {
     mode: args.darkMode ? 'dark' : 'light'
-  }, /*#__PURE__*/React.createElement(_react.Chip, args));
+  }, /*#__PURE__*/React.createElement(_components.Chip, args));
 };
@@ -48,0 +48,0 @@

stories/Dialog.stories.js

@@ -10,3 +10,3 @@ "use strict";
 
-var _react2 = require("..");
+var _components = require("../components");
 
@@ -21,3 +21,3 @@ var _StripesTheme = require("../StripesTheme");
   title: 'Design System/Dialog',
-  component: _react2.Dialog,
+  component: _components.Dialog,
   argTypes: {
@@ -50,3 +50,3 @@ title: {
     mode: args.darkMode ? 'dark' : 'light'
-  }, /*#__PURE__*/_react.React.createElement(_react2.Button, {
+  }, /*#__PURE__*/_react.React.createElement(_components.Button, {
     size: _SizeType.SizeType.Large,
@@ -58,3 +58,3 @@ key: "action2",
     }
-  }, "Launch New Dialog"), /*#__PURE__*/_react.React.createElement(_react2.Dialog, _extends({}, args, {
+  }, "Launch New Dialog"), /*#__PURE__*/_react.React.createElement(_components.Dialog, _extends({}, args, {
     ref: dialogRef
@@ -73,3 +73,3 @@ })));
   key: 'dialog2',
-  rightActionItems: [/*#__PURE__*/_react.React.createElement(_react2.Button, {
+  rightActionItems: [/*#__PURE__*/_react.React.createElement(_components.Button, {
     size: _SizeType.SizeType.Small,
@@ -80,3 +80,3 @@ type: "primaryVariant",
     }
-  }, "Cancel"), /*#__PURE__*/_react.React.createElement(_react2.Button, {
+  }, "Cancel"), /*#__PURE__*/_react.React.createElement(_components.Button, {
     size: _SizeType.SizeType.Small,
@@ -88,3 +88,3 @@ type: "primary",
   }, "Confirm")],
-  leftActionItems: [/*#__PURE__*/_react.React.createElement(_react2.Button, {
+  leftActionItems: [/*#__PURE__*/_react.React.createElement(_components.Button, {
     size: _SizeType.SizeType.Small,
@@ -91,0 +91,0 @@ type: "text",

stories/TabMenu.stories.js

@@ -8,3 +8,3 @@ "use strict";
 
-var _react = require("..");
+var _components = require("../components");
 
@@ -17,3 +17,3 @@ var _TabMenu = require("../components/TabMenu/TabMenu");
   title: 'Design System/TabMenu',
-  component: _react.TabMenu,
+  component: _components.TabMenu,
   argTypes: {
@@ -51,12 +51,12 @@ type: {
     mode: args.darkMode ? 'dark' : 'light'
-  }, /*#__PURE__*/React.createElement(_react.TabMenu, args, /*#__PURE__*/React.createElement(_react.Item, {
+  }, /*#__PURE__*/React.createElement(_components.TabMenu, args, /*#__PURE__*/React.createElement(_components.Item, {
     key: "tab1",
     label: "Apples"
-  }), /*#__PURE__*/React.createElement(_react.Item, {
+  }), /*#__PURE__*/React.createElement(_components.Item, {
     key: "tab2",
     label: "Bananas"
-  }), /*#__PURE__*/React.createElement(_react.Item, {
+  }), /*#__PURE__*/React.createElement(_components.Item, {
     key: "tab3",
     label: "Oranges"
-  }), /*#__PURE__*/React.createElement(_react.Item, {
+  }), /*#__PURE__*/React.createElement(_components.Item, {
     key: "tab4",
@@ -63,0 +63,0 @@ label: "Lemons"

styleguide/Wrapper.js

@@ -16,3 +16,3 @@ "use strict";
 
-var _react2 = require("..");
+var _components = require("../components");
 
@@ -56,3 +56,3 @@ var _templateObject;
     mode: mode
-  }, /*#__PURE__*/_react["default"].createElement(_react2.Button, {
+  }, /*#__PURE__*/_react["default"].createElement(_components.Button, {
     type: "primary",
@@ -59,0 +59,0 @@ large: true,

No alert changes

Worsened metrics

Total package byte prevSize

652700

decreased by-0.01%

Lines of code

12560

decreased by-0.06%

No dependency changes