@manuscripts/style-guide 2.0.32 → 2.0.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/cjs/components/Drawer.js +2 -3
  2. package/dist/cjs/components/SelectedItemsBox.js +14 -2
  3. package/dist/es/components/Drawer.js +2 -3
  4. package/dist/es/components/SelectedItemsBox.js +14 -2
  5. package/dist/types/components/SelectedItemsBox.d.ts +1 -1
  6. package/package.json +2 -2
package/dist/cjs/components/Drawer.js CHANGED
@@ -124,13 +124,12 @@ const ItemMeta = styled_components_1.default.span `
124
124
  color: ${(props) => props.theme.colors.text.secondary};
125
125
  `;
126
126
  const Drawer = ({ items, selectedIds = [], title, onSelect, onBack, width, }) => {
127
- console.log('items', items);
128
- return (react_1.default.createElement(DrawerContainer, { width: width },
127
+ return (react_1.default.createElement(DrawerContainer, { "data-cy": "drawer", width: width },
129
128
  react_1.default.createElement(BackButton, { onClick: onBack },
130
129
  react_1.default.createElement("span", null, "\u2190"),
131
130
  "Back"),
132
131
  react_1.default.createElement(DrawerTitle, null, title),
133
- react_1.default.createElement(ItemsList, null, items.map((item) => (react_1.default.createElement(ListItem, { key: item.id, selected: selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.includes(item.id), onClick: () => onSelect(item.id) },
132
+ react_1.default.createElement(ItemsList, null, items.map((item) => (react_1.default.createElement(ListItem, { "data-cy": "item", key: item.id, selected: selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.includes(item.id), onClick: () => onSelect(item.id) },
134
133
  react_1.default.createElement(Icon, null, (selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.includes(item.id)) ? (react_1.default.createElement(icons_1.AddedIcon, { width: 22, height: 22 })) : (react_1.default.createElement(icons_1.AddIcon, { width: 22, height: 22 }))),
135
134
  react_1.default.createElement(LabelContainer, null,
136
135
  react_1.default.createElement(ItemLabel, null, item.label),
package/dist/cjs/components/SelectedItemsBox.js CHANGED
@@ -1,4 +1,15 @@
1
1
  "use strict";
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
2
13
  var __importDefault = (this && this.__importDefault) || function (mod) {
3
14
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
15
  };
@@ -59,8 +70,9 @@ const RemoveButton = styled_components_1.default.button `
59
70
  font-family: ${(props) => props.theme.font.family.sans};
60
71
  font-weight: ${(props) => props.theme.font.weight.light};
61
72
  `;
62
- const SelectedItemsBox = ({ items, onRemove, placeholder = 'No items selected', }) => {
63
- return (react_1.default.createElement(BoxContainer, null, items.length > 0 ? (react_1.default.createElement(ItemsList, null, items.map((item) => (react_1.default.createElement(Item, { key: item.id },
73
+ const SelectedItemsBox = (_a) => {
74
+ var { items, onRemove, placeholder = 'No items selected' } = _a, props = __rest(_a, ["items", "onRemove", "placeholder"]);
75
+ return (react_1.default.createElement(BoxContainer, Object.assign({}, props), items.length > 0 ? (react_1.default.createElement(ItemsList, null, items.map((item) => (react_1.default.createElement(Item, { key: item.id, "data-cy": "item" },
64
76
  item.label,
65
77
  react_1.default.createElement(RemoveButton, { onClick: () => onRemove(item.id), "aria-label": `Remove ${item.label}` }, "x")))))) : (react_1.default.createElement(EmptyContainer, null,
66
78
  react_1.default.createElement(Placeholder, null, placeholder)))));
package/dist/es/components/Drawer.js CHANGED
@@ -95,13 +95,12 @@ const ItemMeta = styled.span `
95
95
  color: ${(props) => props.theme.colors.text.secondary};
96
96
  `;
97
97
  export const Drawer = ({ items, selectedIds = [], title, onSelect, onBack, width, }) => {
98
- console.log('items', items);
99
- return (React.createElement(DrawerContainer, { width: width },
98
+ return (React.createElement(DrawerContainer, { "data-cy": "drawer", width: width },
100
99
  React.createElement(BackButton, { onClick: onBack },
101
100
  React.createElement("span", null, "\u2190"),
102
101
  "Back"),
103
102
  React.createElement(DrawerTitle, null, title),
104
- React.createElement(ItemsList, null, items.map((item) => (React.createElement(ListItem, { key: item.id, selected: selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.includes(item.id), onClick: () => onSelect(item.id) },
103
+ React.createElement(ItemsList, null, items.map((item) => (React.createElement(ListItem, { "data-cy": "item", key: item.id, selected: selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.includes(item.id), onClick: () => onSelect(item.id) },
105
104
  React.createElement(Icon, null, (selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.includes(item.id)) ? (React.createElement(AddedIcon, { width: 22, height: 22 })) : (React.createElement(AddIcon, { width: 22, height: 22 }))),
106
105
  React.createElement(LabelContainer, null,
107
106
  React.createElement(ItemLabel, null, item.label),
package/dist/es/components/SelectedItemsBox.js CHANGED
@@ -1,3 +1,14 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
1
12
  import React from 'react';
2
13
  import styled from 'styled-components';
3
14
  const BoxContainer = styled.div `
@@ -53,8 +64,9 @@ const RemoveButton = styled.button `
53
64
  font-family: ${(props) => props.theme.font.family.sans};
54
65
  font-weight: ${(props) => props.theme.font.weight.light};
55
66
  `;
56
- export const SelectedItemsBox = ({ items, onRemove, placeholder = 'No items selected', }) => {
57
- return (React.createElement(BoxContainer, null, items.length > 0 ? (React.createElement(ItemsList, null, items.map((item) => (React.createElement(Item, { key: item.id },
67
+ export const SelectedItemsBox = (_a) => {
68
+ var { items, onRemove, placeholder = 'No items selected' } = _a, props = __rest(_a, ["items", "onRemove", "placeholder"]);
69
+ return (React.createElement(BoxContainer, Object.assign({}, props), items.length > 0 ? (React.createElement(ItemsList, null, items.map((item) => (React.createElement(Item, { key: item.id, "data-cy": "item" },
58
70
  item.label,
59
71
  React.createElement(RemoveButton, { onClick: () => onRemove(item.id), "aria-label": `Remove ${item.label}` }, "x")))))) : (React.createElement(EmptyContainer, null,
60
72
  React.createElement(Placeholder, null, placeholder)))));
package/dist/types/components/SelectedItemsBox.d.ts CHANGED
@@ -3,7 +3,7 @@ interface SelectedItem {
3
3
  id: string;
4
4
  label: string;
5
5
  }
6
- interface SelectedItemsBoxProps {
6
+ interface SelectedItemsBoxProps extends React.HTMLAttributes<HTMLElement> {
7
7
  items: SelectedItem[];
8
8
  onRemove: (id: string) => void;
9
9
  placeholder?: string;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@manuscripts/style-guide",
3
3
  "description": "Shared components for Manuscripts applications",
4
- "version": "2.0.32",
4
+ "version": "2.0.33",
5
5
  "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
6
6
  "license": "Apache-2.0",
7
7
  "main": "dist/cjs",
@@ -108,4 +108,4 @@
108
108
  "@types/react": "^18.3.1",
109
109
  "jackspeak": "2.1.1"
110
110
  }
111
- }
111
+ }