@sellout/ui 0.0.105 → 0.0.107

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 (21) hide show
  1. package/build/_virtual/_tslib.js +38 -1
  2. package/build/components/AddressSearchDropdown.d.ts +23 -0
  3. package/build/components/AddressSearchDropdown.js +105 -0
  4. package/build/components/Button.d.ts +0 -1
  5. package/build/components/CodeInput.d.ts +1 -0
  6. package/build/components/CodeInput.js +11 -3
  7. package/build/components/Counter.d.ts +0 -1
  8. package/build/components/Counter.js +2 -1
  9. package/build/components/Dropdown.d.ts +1 -0
  10. package/build/components/Dropdown.js +8 -8
  11. package/build/components/Icon.d.ts +0 -1
  12. package/build/components/Icons.d.ts +188 -188
  13. package/build/components/Loader.d.ts +0 -1
  14. package/build/components/Product.d.ts +0 -1
  15. package/build/components/Product.js +5 -3
  16. package/build/components/SearchDropdown.d.ts +33 -0
  17. package/build/components/SearchDropdown.js +73 -0
  18. package/build/components/TextButton.js +6 -4
  19. package/build/index.d.ts +3 -1
  20. package/build/index.js +2 -0
  21. package/package.json +30 -29
package/build/_virtual/_tslib.js CHANGED
@@ -36,6 +36,43 @@ function __rest(s, e) {
36
36
  return t;
37
37
  }
38
38
 
39
+ function __awaiter(thisArg, _arguments, P, generator) {
40
+ return new (P || (P = Promise))(function (resolve, reject) {
41
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
42
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
43
+ function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
44
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
45
+ });
46
+ }
47
+
48
+ function __generator(thisArg, body) {
49
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
50
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
51
+ function verb(n) { return function (v) { return step([n, v]); }; }
52
+ function step(op) {
53
+ if (f) throw new TypeError("Generator is already executing.");
54
+ while (_) try {
55
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
56
+ if (y = 0, t) op = [op[0] & 2, t.value];
57
+ switch (op[0]) {
58
+ case 0: case 1: t = op; break;
59
+ case 4: _.label++; return { value: op[1], done: false };
60
+ case 5: _.label++; y = op[1]; op = [0]; continue;
61
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
62
+ default:
63
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
64
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
65
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
66
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
67
+ if (t[2]) _.ops.pop();
68
+ _.trys.pop(); continue;
69
+ }
70
+ op = body.call(thisArg, _);
71
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
72
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
73
+ }
74
+ }
75
+
39
76
  function __spreadArrays() {
40
77
  for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
41
78
  for (var r = Array(s), k = 0, i = 0; i < il; i++)
@@ -48,4 +85,4 @@ function __makeTemplateObject(cooked, raw) {
48
85
  return cooked;
49
86
  }
50
87
 
51
- export { __assign, __makeTemplateObject, __rest, __spreadArrays };
88
+ export { __assign, __awaiter, __generator, __makeTemplateObject, __rest, __spreadArrays };
package/build/components/AddressSearchDropdown.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ interface IAddress {
2
+ address1?: string;
3
+ address2?: string;
4
+ city?: string;
5
+ state?: string;
6
+ zip?: string;
7
+ country?: string;
8
+ phone?: string;
9
+ lat?: number | null;
10
+ lng?: number | null;
11
+ placeId?: string;
12
+ placeName?: string;
13
+ timezone?: string;
14
+ }
15
+ export declare type AddressSearchDropdownProps = {
16
+ value: IAddress;
17
+ onChange: (address: IAddress) => void;
18
+ width?: string;
19
+ label?: string;
20
+ tip?: string;
21
+ };
22
+ export default function AddressSearchDropdown({ value, onChange, width, label, tip, }: AddressSearchDropdownProps): JSX.Element;
23
+ export {};
package/build/components/AddressSearchDropdown.js ADDED
@@ -0,0 +1,105 @@
1
+ import { __awaiter, __makeTemplateObject, __generator } from '../_virtual/_tslib.js';
2
+ import React from 'react';
3
+ import styled from 'styled-components';
4
+ import { IconEnum } from './Icons.js';
5
+ import usePlacesAutocomplete, { getGeocode } from 'use-places-autocomplete';
6
+ import SearchDropdown, { SearchDropdownTypes } from './SearchDropdown.js';
7
+
8
+ var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n z-index: 100000;\n"], ["\n width: 100%;\n z-index: 100000;\n"])));
9
+ function AddressSearchDropdown(_a) {
10
+ var _this = this;
11
+ var value = _a.value, onChange = _a.onChange, width = _a.width, label = _a.label, tip = _a.tip;
12
+ /* Hooks */
13
+ var _b = usePlacesAutocomplete({
14
+ requestOptions: {
15
+ componentRestrictions: { country: "us" },
16
+ },
17
+ debounce: 300,
18
+ }), innerValue = _b.value, data = _b.suggestions.data, setValue = _b.setValue;
19
+ React.useEffect(function () {
20
+ var placeName = (value === null || value === void 0 ? void 0 : value.placeName) ? value === null || value === void 0 ? void 0 : value.placeName : "";
21
+ setValue(placeName);
22
+ innerValue = placeName;
23
+ }, []);
24
+ var selectAddress = React.useCallback(function (address) {
25
+ setValue(address);
26
+ var doEffect = function () { return __awaiter(_this, void 0, void 0, function () {
27
+ var result, location_1, addressObject_1, e_1;
28
+ return __generator(this, function (_a) {
29
+ switch (_a.label) {
30
+ case 0:
31
+ _a.trys.push([0, 2, , 3]);
32
+ return [4 /*yield*/, getGeocode({
33
+ address: address,
34
+ })];
35
+ case 1:
36
+ result = (_a.sent())[0];
37
+ location_1 = result.geometry.location;
38
+ addressObject_1 = {
39
+ address1: "",
40
+ address2: "",
41
+ city: "",
42
+ state: "",
43
+ zip: "",
44
+ country: "",
45
+ lat: location_1.lat(),
46
+ lng: location_1.lng(),
47
+ placeId: result.place_id,
48
+ placeName: address
49
+ };
50
+ result.address_components.forEach(function (ac) {
51
+ if (ac.types.includes("street_number")) {
52
+ addressObject_1.address1 = ac.short_name;
53
+ }
54
+ if (ac.types.includes("route")) {
55
+ addressObject_1.address1 = addressObject_1.address1 + " " + ac.short_name;
56
+ }
57
+ if (ac.types.includes("subpremise")) {
58
+ addressObject_1.address2 = ac.short_name;
59
+ }
60
+ if (ac.types.includes("locality") && ac.types.includes("political")) {
61
+ addressObject_1.city = ac.short_name;
62
+ }
63
+ if (ac.types.includes("administrative_area_level_1") &&
64
+ ac.types.includes("political")) {
65
+ addressObject_1.state = ac.short_name;
66
+ }
67
+ if (ac.types.includes("country") && ac.types.includes("political")) {
68
+ addressObject_1.country = ac.short_name;
69
+ }
70
+ if (ac.types.includes("postal_code")) {
71
+ addressObject_1.zip = ac.short_name;
72
+ }
73
+ });
74
+ onChange(addressObject_1);
75
+ return [3 /*break*/, 3];
76
+ case 2:
77
+ e_1 = _a.sent();
78
+ // HANDLE ERROR
79
+ console.error(e_1);
80
+ return [3 /*break*/, 3];
81
+ case 3: return [2 /*return*/];
82
+ }
83
+ });
84
+ }); };
85
+ doEffect();
86
+ }, [onChange, setValue]);
87
+ React.useEffect(function () {
88
+ var intialAddress = {};
89
+ if (!innerValue)
90
+ onChange(intialAddress);
91
+ }, [innerValue]);
92
+ /* Render */
93
+ var items = [];
94
+ if (data.length) {
95
+ items = data.map(function (suggestion) { return ({
96
+ text: suggestion.description,
97
+ value: suggestion.description,
98
+ }); });
99
+ }
100
+ return (React.createElement(Container, null,
101
+ React.createElement(SearchDropdown, { type: SearchDropdownTypes.SingleSelect, icon: IconEnum.MapPinLight, onChange: selectAddress, value: innerValue, searchQuery: innerValue, setSearchQuery: setValue, placeholder: "Search for an address", items: items, width: width, label: label, tip: tip })));
102
+ }
103
+ var templateObject_1;
104
+
105
+ export default AddressSearchDropdown;
package/build/components/Button.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { Colors } from '../Colors';
3
2
  export declare enum ButtonTypes {
4
3
  Next = "Next",
package/build/components/CodeInput.d.ts CHANGED
@@ -3,6 +3,7 @@ declare type CodeInputProps = {
3
3
  length: number;
4
4
  onChange: Function;
5
5
  onComplete: Function;
6
+ resetCode?: boolean;
6
7
  };
7
8
  declare const CodeInput: React.FC<CodeInputProps>;
8
9
  export default CodeInput;
package/build/components/CodeInput.js CHANGED
@@ -1,16 +1,24 @@
1
1
  import { Colors } from '../Colors.js';
2
2
  import { __makeTemplateObject, __spreadArrays } from '../_virtual/_tslib.js';
3
- import React, { useState } from 'react';
3
+ import React, { useState, useEffect } from 'react';
4
4
  import styled from 'styled-components';
5
5
 
6
6
  var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([" \n margin: ", ";\n"], [" \n margin: ", ";\n"])), function (props) { return props.margin; });
7
7
  var Input = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border: 2px solid ", ";\n height: 70px;\n width: 55px;\n border-radius: 10px;\n background-color: white;\n transition: all 0.1s;\n margin-right: 10px;\n outline: 0px;\n font-size: 24px;\n text-align: center;\n padding: 0px;\n box-shadow: none;\n -moz-appearance: textfield;\n\n &:focus {\n border: 2px solid ", ";\n }\n\n &::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"], ["\n border: 2px solid ", ";\n height: 70px;\n width: 55px;\n border-radius: 10px;\n background-color: white;\n transition: all 0.1s;\n margin-right: 10px;\n outline: 0px;\n font-size: 24px;\n text-align: center;\n padding: 0px;\n box-shadow: none;\n -moz-appearance: textfield;\n\n &:focus {\n border: 2px solid ", ";\n }\n\n &::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n"])), Colors.Grey5, Colors.Grey1);
8
8
  var CodeInput = function (_a) {
9
- var onChange = _a.onChange, onComplete = _a.onComplete, _b = _a.length, length = _b === void 0 ? 4 : _b;
10
- var _c = useState(new Array(length).fill('')), value = _c[0], setValue = _c[1];
9
+ var onChange = _a.onChange, onComplete = _a.onComplete, _b = _a.length, length = _b === void 0 ? 4 : _b, _c = _a.resetCode, resetCode = _c === void 0 ? false : _c;
10
+ var _d = useState(new Array(length).fill('')), value = _d[0], setValue = _d[1];
11
+ useEffect(function () {
12
+ if (resetCode) {
13
+ setValue(new Array(length).fill(''));
14
+ }
15
+ }, [resetCode]);
11
16
  var inputs = [];
12
17
  var change = function (valueAt, index) {
13
18
  var currentValue = __spreadArrays(value);
19
+ if (valueAt.length > 1) {
20
+ valueAt = valueAt.substring(1);
21
+ }
14
22
  // Single Character Press
15
23
  if (valueAt.length === 1) {
16
24
  currentValue[index] = valueAt;
package/build/components/Counter.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare type CounterProps = {
3
2
  value: number;
4
3
  maxValue?: number;
package/build/components/Counter.js CHANGED
@@ -5,7 +5,8 @@ import styled from 'styled-components';
5
5
  import { lighten } from 'polished';
6
6
  import Icon, { Icons } from './Icon.js';
7
7
 
8
- var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 85px;\n min-height: 42px;\n /* background-color: red; */\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 85px;\n min-height: 42px;\n /* background-color: red; */\n"])));
8
+ // Fixed issue SELLOUT-24
9
+ var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: auto;\n min-height: 42px;\n /* background-color: red; */\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: auto;\n min-height: 42px;\n /* background-color: red; */\n"])));
9
10
  var IconContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: ", ";\n flex: 1;\n /* background-color: blue; */\n height: 100%;\n\n &:hover {\n cursor: ", ";\n }\n\n .svg-inline--fa {\n color: ", " !important;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: ", ";\n flex: 1;\n /* background-color: blue; */\n height: 100%;\n\n &:hover {\n cursor: ", ";\n }\n\n .svg-inline--fa {\n color: ",
10
11
  " !important;\n }\n"])), function (props) { return props.justify; }, function (props) { return (props.active ? "pointer" : null); }, function (props) {
11
12
  return props.active ? lighten(0.025, Colors.Orange) : null;
package/build/components/Dropdown.d.ts CHANGED
@@ -19,6 +19,7 @@ declare type DropdownProps = {
19
19
  label?: string;
20
20
  tip?: string;
21
21
  icon?: React.ReactNode;
22
+ height?: string;
22
23
  };
23
24
  declare const Dropdown: React.FC<DropdownProps>;
24
25
  export default Dropdown;
package/build/components/Dropdown.js CHANGED
@@ -7,14 +7,14 @@ import Icon, { Icons } from './Icon.js';
7
7
  import Label from './Label.js';
8
8
  import Flex from './Flex.js';
9
9
 
10
- var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n height: 65px;\n width: ", ";\n"], ["\n position: relative;\n height: 65px;\n width: ", ";\n"])), function (props) { return props.width; });
11
- var FieldContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n height: ", ";\n width: ", ";\n background-color: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n border-radius: 8px;\n transition: all 0.2s;\n z-index: ", ";\n box-shadow: ", ";\n overflow: hidden;\n outline: none;\n\n &:hover {\n cursor: pointer;\n border: 1px solid ", ";\n }\n\n &:focus {\n border: 1px solid ", ";\n }\n"], ["\n position: absolute;\n height: ", ";\n width: ", ";\n background-color: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n border-radius: 8px;\n transition: all 0.2s;\n z-index: ", ";\n box-shadow: ",
10
+ var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n height: ", ";\n width: ", ";\n"], ["\n position: relative;\n height: ", ";\n width: ", ";\n"])), function (props) { return (props.open ? (props.height ? props.height : "65px") : "65px"); }, function (props) { return props.width; });
11
+ var FieldContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n max-height: ", ";\n width: ", ";\n background-color: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n border-radius: 8px;\n transition: all 0.2s;\n z-index: ", ";\n box-shadow: ", ";\n overflow: hidden;\n outline: none;\n\n &:hover {\n cursor: pointer;\n border: 1px solid ", ";\n }\n\n &:focus {\n border: 1px solid ", ";\n }\n"], ["\n position: absolute;\n max-height: ", ";\n width: ", ";\n background-color: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n border-radius: 8px;\n transition: all 0.2s;\n z-index: ", ";\n box-shadow: ",
12
12
  ";\n overflow: hidden;\n outline: none;\n\n &:hover {\n cursor: pointer;\n border: 1px solid ", ";\n }\n\n &:focus {\n border: 1px solid ", ";\n }\n"])), function (props) { return (props.open ? props.height : "38px"); }, function (props) { return props.width; }, Colors.White, Colors.Grey5, function (props) { return (props.open ? 100 : 0); }, function (props) {
13
13
  return props.open ? "0px 4px 16px rgba(0, 0, 0, 0.05)" : "";
14
14
  }, darken(0.05, Colors.Grey5), Colors.Grey4);
15
15
  var TopRow = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 38px;\n padding: 0 15px;\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 38px;\n padding: 0 15px;\n"])));
16
16
  var Value = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: 1.4rem;\n font-weight: 500;\n color: ", ";\n font-family: \"neue-haas-grotesk-display\", sans-serif;\n font-weight: 500;\n margin-right: 10px;\n white-space: nowrap;\n"], ["\n font-size: 1.4rem;\n font-weight: 500;\n color: ", ";\n font-family: \"neue-haas-grotesk-display\", sans-serif;\n font-weight: 500;\n margin-right: 10px;\n white-space: nowrap;\n"])), Colors.Grey1);
17
- var ItemsContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n position: relative;\n height: ", ";\n overflow: ", ";\n"], ["\n position: relative;\n height: ", ";\n overflow: ", ";\n"])), function (props) { return (props.open ? props.height : "0px"); }, function (props) { return (props.open ? "scroll" : "hidden"); });
17
+ var ItemsContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n position: relative;\n max-height: ", ";\n overflow: ", ";\n\n"], ["\n position: relative;\n max-height: ", ";\n overflow: ", ";\n\n"])), function (props) { return (props.open ? props.height : "0px"); }, function (props) { return (props.open ? "scroll" : "hidden"); });
18
18
  var Item = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 15px;\n background-color: ", ";\n font-size: 1.2rem;\n color: ", ";\n transition: all 0.2s;\n\n &:hover {\n cursor: pointer;\n background-color: ", ";\n }\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 15px;\n background-color: ",
19
19
  ";\n font-size: 1.2rem;\n color: ", ";\n transition: all 0.2s;\n\n &:hover {\n cursor: pointer;\n background-color: ", ";\n }\n"])), function (props) {
20
20
  return props.selected ? Colors.Grey7 : Colors.White;
@@ -27,17 +27,17 @@ var DropdownTypes;
27
27
  var Dropdown = function (_a) {
28
28
  var
29
29
  // type = DropdownTypes.Regular,
30
- value = _a.value, onChange = _a.onChange, _b = _a.width, width = _b === void 0 ? 'auto' : _b, items = _a.items, label = _a.label, tip = _a.tip, icon = _a.icon;
31
- var _c = React.useState(false), open = _c[0], setOpen = _c[1];
32
- return (React.createElement(Container, { width: width },
30
+ value = _a.value, onChange = _a.onChange, _b = _a.width, width = _b === void 0 ? 'auto' : _b, items = _a.items, label = _a.label, tip = _a.tip, icon = _a.icon, _c = _a.height, height = _c === void 0 ? "65px" : _c;
31
+ var _d = React.useState(false), open = _d[0], setOpen = _d[1];
32
+ return (React.createElement(Container, { width: width, open: open, height: height },
33
33
  label && React.createElement(Label, { text: label, tip: tip }),
34
- React.createElement(FieldContainer, { tabIndex: 1, open: open, height: items.length > 4 ? "163px" : items.length * 30 + 43 + "px", width: width, onClick: function () { return setOpen(!open); }, onBlur: function () { return setOpen(false); } },
34
+ React.createElement(FieldContainer, { tabIndex: 1, open: open, height: items.length > 4 ? "130px" : items.length * 30 + 43 + "px", width: width, onClick: function () { return setOpen(!open); }, onBlur: function () { return setOpen(false); } },
35
35
  React.createElement(TopRow, null,
36
36
  React.createElement(Flex, { align: "center" },
37
37
  icon && icon,
38
38
  React.createElement(Value, null, value)),
39
39
  React.createElement(Icon, { icon: Icons.Sort, size: 12, color: Colors.Grey1 })),
40
- React.createElement(ItemsContainer, { open: open, height: items.length > 3 ? "120px" : items.length * 30 + "px" }, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
40
+ React.createElement(ItemsContainer, { open: open, height: items.length > 3 ? "90px" : items.length * 30 + "px" }, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
41
41
  return (React.createElement(Item, { key: index, selected: false, onClick: function () { return onChange(item.value); } },
42
42
  item.icon && item.icon,
43
43
  item.text));
package/build/components/Icon.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { Colors } from "../Colors";
3
2
  export declare const Icons: {
4
3
  Amex: import("@fortawesome/fontawesome-common-types").IconDefinition;
package/build/components/Icons.d.ts CHANGED
@@ -1,190 +1,190 @@
1
1
  export declare const IconEnum: {
2
- Amex: import("@fortawesome/fontawesome-common-types").IconDefinition;
3
- Discover: import("@fortawesome/fontawesome-common-types").IconDefinition;
4
- FacebookPlain: import("@fortawesome/fontawesome-common-types").IconDefinition;
5
- Google: import("@fortawesome/fontawesome-common-types").IconDefinition;
6
- Mastercard: import("@fortawesome/fontawesome-common-types").IconDefinition;
7
- Visa: import("@fortawesome/fontawesome-common-types").IconDefinition;
8
- AnalyticsLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
9
- BellLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
10
- BoxOfficeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
11
- BullHornLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
12
- CalculatorLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
13
- CalendarDayLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
14
- CalendarLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
15
- CalendarStarLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
16
- CancelLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
17
- CartLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
18
- CheckLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
19
- ClipboardLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
20
- CopyLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
21
- CreditCardFrontLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
22
- EditLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
23
- EnvelopeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
24
- EnvelopeOpenRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
25
- ExportLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
26
- EyeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
27
- FilterLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
28
- GiftLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
29
- GlobeLinesLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
30
- HelpLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
31
- HomeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
32
- LinkLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
33
- Lock: import("@fortawesome/fontawesome-common-types").IconDefinition;
34
- MapPinLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
35
- MetricsLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
36
- MicrophoneLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
37
- MinusCircleLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
38
- MobileLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
39
- OrganizationLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
40
- PhoneLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
41
- PiggyBankLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
42
- PlugLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
43
- PlusCircleLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
44
- ReceiptLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
45
- ReportLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
46
- Scan: import("@fortawesome/fontawesome-common-types").IconDefinition;
47
- SearchLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
48
- SeatingLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
49
- ShareLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
50
- SortByLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
51
- TeamLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
52
- ThumbsDownLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
53
- ThumbsUpLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
54
- UnlockLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
55
- UploadLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
56
- UserLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
57
- UsersLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
58
- VenueLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
59
- AnalyticsSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
60
- CalendarStarSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
61
- CreditCardFront: import("@fortawesome/fontawesome-common-types").IconDefinition;
62
- FeeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
63
- KeySolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
64
- LongRightArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
65
- QuestionSquareSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
66
- ReportSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
67
- SortBy: import("@fortawesome/fontawesome-common-types").IconDefinition;
68
- TeamSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
69
- UpgradeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
70
- AngleDownRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
71
- AngleUpRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
72
- AudienceRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
73
- BoldRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
74
- CalculatorRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
75
- CalendarDayRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
76
- CheckRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
77
- Cheers: import("@fortawesome/fontawesome-common-types").IconDefinition;
78
- Clipboard: import("@fortawesome/fontawesome-common-types").IconDefinition;
79
- CrownRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
80
- DeleteRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
81
- Dollar: import("@fortawesome/fontawesome-common-types").IconDefinition;
82
- DownArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
83
- DownloadReport: import("@fortawesome/fontawesome-common-types").IconDefinition;
84
- Embed: import("@fortawesome/fontawesome-common-types").IconDefinition;
85
- FeeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
86
- FilterRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
87
- FireRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
88
- GiftRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
89
- GlobeLinesRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
90
- GlobeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
91
- GraphGrowth: import("@fortawesome/fontawesome-common-types").IconDefinition;
92
- ItalicRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
93
- KeyRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
94
- LeftArrowRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
95
- LeftChevronRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
96
- LinkRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
97
- LongRightArrowRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
98
- OListRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
99
- PlusRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
100
- PrintRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
101
- ReportRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
102
- RightArrowRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
103
- RightChevronRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
104
- SearchRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
105
- SettingsRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
106
- SignOut: import("@fortawesome/fontawesome-common-types").IconDefinition;
107
- StreamRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
108
- SyncRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
109
- TicketRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
110
- UListRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
111
- UnderlineRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
112
- UnlockRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
113
- UpArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
114
- Update: import("@fortawesome/fontawesome-common-types").IconDefinition;
115
- UpgradeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
116
- UsersRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
117
- VerticalEllipsisRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
118
- WarningRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
119
- AngleDownSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
120
- AngleUpSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
121
- AudienceSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
122
- BackArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
123
- BoxOfficeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
124
- BullhornSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
125
- CalculatorSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
126
- CalendarDaySolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
127
- CalendarWeekSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
128
- Cancel: import("@fortawesome/fontawesome-common-types").IconDefinition;
129
- CancelCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
130
- CaretDown: import("@fortawesome/fontawesome-common-types").IconDefinition;
131
- Cash: import("@fortawesome/fontawesome-common-types").IconDefinition;
132
- CheckCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
133
- ContactSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
134
- CopySolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
135
- CreditCardBack: import("@fortawesome/fontawesome-common-types").IconDefinition;
136
- CrownSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
137
- Cursor: import("@fortawesome/fontawesome-common-types").IconDefinition;
138
- DeleteSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
139
- EnvelopeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
140
- EyeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
141
- GlobeLinesSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
142
- GlobeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
143
- HelpSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
144
- HomeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
145
- InfotipSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
146
- LeftArrowSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
147
- LeftChevronSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
148
- LockSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
149
- Menu: import("@fortawesome/fontawesome-common-types").IconDefinition;
150
- MetricsSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
151
- MicrophoneSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
152
- MobileSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
153
- OrganizationSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
154
- PauseSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
155
- PiggyBankSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
156
- PlugSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
157
- Plus: import("@fortawesome/fontawesome-common-types").IconDefinition;
158
- PlusCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
159
- PrintSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
160
- ReceiptSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
161
- RightChevronCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
162
- RightChevronSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
163
- SearchSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
164
- SeatingSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
165
- SettingsSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
166
- ShareSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
167
- Sort: import("@fortawesome/fontawesome-common-types").IconDefinition;
168
- StarSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
169
- ThumbsDownSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
170
- ThumbsUpSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
171
- TicketSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
172
- UploadSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
173
- UserCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
174
- UserSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
175
- UsersSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
176
- VenueSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
177
- Warning: import("@fortawesome/fontawesome-common-types").IconDefinition;
178
- CalendarRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
179
- ChatRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
180
- Clock: import("@fortawesome/fontawesome-common-types").IconDefinition;
181
- CopyRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
182
- Edit: import("@fortawesome/fontawesome-common-types").IconDefinition;
183
- EyeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
184
- EyeSlashRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
185
- Help: import("@fortawesome/fontawesome-common-types").IconDefinition;
186
- HelpRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
187
- SadTear: import("@fortawesome/fontawesome-common-types").IconDefinition;
188
- UserRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
189
- CreditCardBackLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
2
+ Amex: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
3
+ Discover: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
4
+ FacebookPlain: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
5
+ Google: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
6
+ Mastercard: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
7
+ Visa: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
8
+ AnalyticsLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
9
+ BellLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
10
+ BoxOfficeLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
11
+ BullHornLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
12
+ CalculatorLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
13
+ CalendarDayLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
14
+ CalendarLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
15
+ CalendarStarLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
16
+ CancelLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
17
+ CartLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
18
+ CheckLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
19
+ ClipboardLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
20
+ CopyLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
21
+ CreditCardFrontLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
22
+ EditLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
23
+ EnvelopeLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
24
+ EnvelopeOpenRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
25
+ ExportLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
26
+ EyeLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
27
+ FilterLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
28
+ GiftLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
29
+ GlobeLinesLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
30
+ HelpLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
31
+ HomeLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
32
+ LinkLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
33
+ Lock: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
34
+ MapPinLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
35
+ MetricsLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
36
+ MicrophoneLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
37
+ MinusCircleLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
38
+ MobileLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
39
+ OrganizationLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
40
+ PhoneLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
41
+ PiggyBankLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
42
+ PlugLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
43
+ PlusCircleLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
44
+ ReceiptLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
45
+ ReportLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
46
+ Scan: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
47
+ SearchLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
48
+ SeatingLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
49
+ ShareLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
50
+ SortByLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
51
+ TeamLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
52
+ ThumbsDownLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
53
+ ThumbsUpLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
54
+ UnlockLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
55
+ UploadLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
56
+ UserLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
57
+ UsersLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
58
+ VenueLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
59
+ AnalyticsSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
60
+ CalendarStarSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
61
+ CreditCardFront: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
62
+ FeeSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
63
+ KeySolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
64
+ LongRightArrow: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
65
+ QuestionSquareSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
66
+ ReportSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
67
+ SortBy: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
68
+ TeamSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
69
+ UpgradeSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
70
+ AngleDownRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
71
+ AngleUpRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
72
+ AudienceRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
73
+ BoldRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
74
+ CalculatorRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
75
+ CalendarDayRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
76
+ CheckRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
77
+ Cheers: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
78
+ Clipboard: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
79
+ CrownRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
80
+ DeleteRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
81
+ Dollar: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
82
+ DownArrow: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
83
+ DownloadReport: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
84
+ Embed: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
85
+ FeeRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
86
+ FilterRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
87
+ FireRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
88
+ GiftRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
89
+ GlobeLinesRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
90
+ GlobeRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
91
+ GraphGrowth: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
92
+ ItalicRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
93
+ KeyRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
94
+ LeftArrowRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
95
+ LeftChevronRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
96
+ LinkRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
97
+ LongRightArrowRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
98
+ OListRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
99
+ PlusRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
100
+ PrintRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
101
+ ReportRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
102
+ RightArrowRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
103
+ RightChevronRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
104
+ SearchRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
105
+ SettingsRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
106
+ SignOut: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
107
+ StreamRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
108
+ SyncRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
109
+ TicketRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
110
+ UListRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
111
+ UnderlineRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
112
+ UnlockRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
113
+ UpArrow: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
114
+ Update: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
115
+ UpgradeRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
116
+ UsersRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
117
+ VerticalEllipsisRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
118
+ WarningRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
119
+ AngleDownSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
120
+ AngleUpSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
121
+ AudienceSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
122
+ BackArrow: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
123
+ BoxOfficeSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
124
+ BullhornSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
125
+ CalculatorSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
126
+ CalendarDaySolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
127
+ CalendarWeekSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
128
+ Cancel: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
129
+ CancelCircle: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
130
+ CaretDown: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
131
+ Cash: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
132
+ CheckCircle: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
133
+ ContactSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
134
+ CopySolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
135
+ CreditCardBack: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
136
+ CrownSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
137
+ Cursor: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
138
+ DeleteSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
139
+ EnvelopeSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
140
+ EyeSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
141
+ GlobeLinesSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
142
+ GlobeSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
143
+ HelpSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
144
+ HomeSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
145
+ InfotipSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
146
+ LeftArrowSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
147
+ LeftChevronSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
148
+ LockSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
149
+ Menu: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
150
+ MetricsSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
151
+ MicrophoneSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
152
+ MobileSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
153
+ OrganizationSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
154
+ PauseSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
155
+ PiggyBankSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
156
+ PlugSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
157
+ Plus: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
158
+ PlusCircle: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
159
+ PrintSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
160
+ ReceiptSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
161
+ RightChevronCircle: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
162
+ RightChevronSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
163
+ SearchSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
164
+ SeatingSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
165
+ SettingsSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
166
+ ShareSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
167
+ Sort: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
168
+ StarSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
169
+ ThumbsDownSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
170
+ ThumbsUpSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
171
+ TicketSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
172
+ UploadSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
173
+ UserCircle: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
174
+ UserSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
175
+ UsersSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
176
+ VenueSolid: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
177
+ Warning: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
178
+ CalendarRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
179
+ ChatRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
180
+ Clock: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
181
+ CopyRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
182
+ Edit: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
183
+ EyeRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
184
+ EyeSlashRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
185
+ Help: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
186
+ HelpRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
187
+ SadTear: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
188
+ UserRegular: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
189
+ CreditCardBackLight: import("@fortawesome/pro-regular-svg-icons").IconDefinition;
190
190
  };
package/build/components/Loader.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { Colors } from "./../Colors";
3
2
  export declare enum LoaderSizes {
4
3
  FuckingTiny = "FuckingTiny",
package/build/components/Product.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { CounterProps } from './Counter';
3
2
  export declare type ProductProps = {
4
3
  title: string;
package/build/components/Product.js CHANGED
@@ -15,7 +15,8 @@ var Price = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObj
15
15
  var Subtitle = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n"], ["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n"])), Colors.Grey3);
16
16
  var Description = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n margin-top: 10px;\n"], ["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n margin-top: 10px;\n"])), Colors.Grey2);
17
17
  var Ellipsis = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n"])), function (props) { return props.active ? 3 : null; }, function (props) { return props.active ? 'vertical' : null; });
18
- var ShowMore = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n transition: all 0.2s;\n\n &:hover {\n cursor: pointer;\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n"], ["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n transition: all 0.2s;\n\n &:hover {\n cursor: pointer;\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n"])), Colors.Orange, lighten(0.025, Colors.Orange), darken(0.025, Colors.Orange));
18
+ var ShowMore = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n transition: all 0.2s;\n"], ["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n transition: all 0.2s;\n"])), Colors.Orange);
19
+ var ShowMoreInner = styled.span(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n &:hover {\n cursor: pointer;\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n"], ["\n &:hover {\n cursor: pointer;\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n"])), lighten(0.025, Colors.Orange), darken(0.025, Colors.Orange));
19
20
  function Product(_a) {
20
21
  var _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.price, price = _c === void 0 ? 0 : _c, _d = _a.isRSVP, isRSVP = _d === void 0 ? false : _d, _e = _a.subtitle, subtitle = _e === void 0 ? '' : _e, _f = _a.description, description = _f === void 0 ? '' : _f,
21
22
  // Counter Props
@@ -44,9 +45,10 @@ function Product(_a) {
44
45
  React.createElement(AnimateHeight, { height: showMore ? "auto" : 67 },
45
46
  React.createElement(Ellipsis, { active: showEllipsis },
46
47
  React.createElement(Description, null, description))),
47
- React.createElement(ShowMore, { onClick: function () { return toggle(); } }, showMore ? "Show Less" : "Show More")));
48
+ React.createElement(ShowMore, null,
49
+ React.createElement(ShowMoreInner, { onClick: function () { return toggle(); } }, showMore ? "Show Less" : "Show More"))));
48
50
  })()));
49
51
  }
50
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
52
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
51
53
 
52
54
  export default Product;
package/build/components/SearchDropdown.d.ts ADDED
@@ -0,0 +1,33 @@
1
+ import React from "react";
2
+ interface ISearchDropdownItem {
3
+ text: string;
4
+ value: any;
5
+ }
6
+ export declare type ItemsContainerProps = {
7
+ footer: boolean;
8
+ };
9
+ export declare type ItemProps = {
10
+ selected: boolean;
11
+ };
12
+ export declare enum SearchDropdownTypes {
13
+ MultiSelect = "Multi-Select",
14
+ SingleSelect = "Single-Select"
15
+ }
16
+ export declare type SearchDropdownProps = {
17
+ type?: SearchDropdownTypes;
18
+ value?: string;
19
+ onChange: Function;
20
+ placeholder?: string;
21
+ width?: string;
22
+ searchQuery?: string;
23
+ setSearchQuery?: (value: string) => void;
24
+ items: ISearchDropdownItem[];
25
+ footer?: React.ReactNode;
26
+ onClear?: () => void;
27
+ label?: string;
28
+ tip?: string;
29
+ subLabel?: string;
30
+ icon?: any;
31
+ };
32
+ export default function SearchDropdown({ type, value, onChange, placeholder, width, searchQuery, setSearchQuery, items, footer, onClear, label, tip, subLabel, icon, }: SearchDropdownProps): JSX.Element;
33
+ export {};
package/build/components/SearchDropdown.js ADDED
@@ -0,0 +1,73 @@
1
+ import { Colors } from '../Colors.js';
2
+ import { __makeTemplateObject } from '../_virtual/_tslib.js';
3
+ import React from 'react';
4
+ import styled from 'styled-components';
5
+ import { IconEnum } from './Icons.js';
6
+ import Icon from './Icon.js';
7
+ import Label from './Label.js';
8
+
9
+ var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n height: ", ";\n"], ["\n position: relative;\n height: ", ";\n"])), function (props) { return (props.hasLabel ? "65px" : "40px"); });
10
+ var Inner = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n height: ", ";\n width: ", ";\n background-color: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n border-radius: 8px;\n transition: all 0.2s;\n z-index: ", ";\n box-shadow: ", ";\n overflow: hidden;\n\n &:focus, &:active {\n /* border: 0px; */\n outline: 0px;\n }\n"], ["\n position: absolute;\n height: ", ";\n width: ", ";\n background-color: ", ";\n border: 1px solid ", ";\n box-sizing: border-box;\n border-radius: 8px;\n transition: all 0.2s;\n z-index: ", ";\n box-shadow: ", ";\n overflow: hidden;\n\n &:focus, &:active {\n /* border: 0px; */\n outline: 0px;\n }\n"])), function (props) { return (props.open ? "187px" : "38px"); }, function (props) { return props.width; }, Colors.White, Colors.Grey5, function (props) { return props.open ? 100 : 0; }, function (props) { return props.open ? '0px 4px 16px rgba(0, 0, 0, 0.05)' : ''; });
11
+ var TopRow = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 38px;\n padding: 0 16px;\n z-index: 100;\n background-color: ", ";\n"], ["\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 38px;\n padding: 0 16px;\n z-index: 100;\n background-color: ", ";\n"])), Colors.White);
12
+ var Input = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: 1.4rem;\n font-weight: 500;\n color: ", ";\n border: 0px;\n outline: 0px;\n width: calc(100% - 30px);\n margin-left: 8px;\n height: 38px;\n font-family: \"neue-haas-grotesk-display\", sans-serif;\n font-weight: 500;\n padding: 0;\n\n ::placeholder {\n color: ", ";\n }\n"], ["\n font-size: 1.4rem;\n font-weight: 500;\n color: ", ";\n border: 0px;\n outline: 0px;\n width: calc(100% - 30px);\n margin-left: 8px;\n height: 38px;\n font-family: \"neue-haas-grotesk-display\", sans-serif;\n font-weight: 500;\n padding: 0;\n\n ::placeholder {\n color: ", ";\n }\n"])), Colors.Grey1, Colors.Grey4);
13
+ var ItemsContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n position: relative;\n max-height: ", ";\n overflow: scroll;\n\n"], ["\n position: relative;\n max-height: ", ";\n overflow: scroll;\n\n"])), function (props) { return props.footer ? '108px' : '158px'; });
14
+ var NoItems = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: 1.2rem;\n font-weight: 500;\n color: ", ";\n height: 30px;\n padding: 0 16px;\n display: flex;\n align-items: center;\n"], ["\n font-size: 1.2rem;\n font-weight: 500;\n color: ", ";\n height: 30px;\n padding: 0 16px;\n display: flex;\n align-items: center;\n"])), Colors.Grey3);
15
+ var Item = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 16px;\n background-color: ", ";\n font-size: 1.2rem;\n color: ", ";\n transition: all 0.2s;\n z-index: 100;\n\n &:hover {\n cursor: pointer;\n background-color: ", ";\n }\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 16px;\n background-color: ",
16
+ ";\n font-size: 1.2rem;\n color: ", ";\n transition: all 0.2s;\n z-index: 100;\n\n &:hover {\n cursor: pointer;\n background-color: ", ";\n }\n"])), function (props) {
17
+ return props.selected ? Colors.Grey7 : Colors.White;
18
+ }, Colors.Grey1, Colors.Grey7);
19
+ var Footer = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n position: absolute;\n bottom: 0px;\n display: flex;\n align-items: center;\n height: 40px;\n padding: 0 16px;\n border-top: 1px solid ", ";\n width: fill-available;\n"], ["\n position: absolute;\n bottom: 0px;\n display: flex;\n align-items: center;\n height: 40px;\n padding: 0 16px;\n border-top: 1px solid ", ";\n width: fill-available;\n"])), Colors.Grey7);
20
+ var SearchDropdownTypes;
21
+ (function (SearchDropdownTypes) {
22
+ SearchDropdownTypes["MultiSelect"] = "Multi-Select";
23
+ SearchDropdownTypes["SingleSelect"] = "Single-Select";
24
+ })(SearchDropdownTypes || (SearchDropdownTypes = {}));
25
+ function SearchDropdown(_a) {
26
+ var _b = _a.type, type = _b === void 0 ? SearchDropdownTypes.SingleSelect : _b, value = _a.value, onChange = _a.onChange, placeholder = _a.placeholder, _c = _a.width, width = _c === void 0 ? '400px' : _c, searchQuery = _a.searchQuery, setSearchQuery = _a.setSearchQuery, items = _a.items, footer = _a.footer, onClear = _a.onClear, label = _a.label, tip = _a.tip, subLabel = _a.subLabel, _d = _a.icon, icon = _d === void 0 ? IconEnum.SearchLight : _d;
27
+ var _e = React.useState(false), open = _e[0], setOpen = _e[1];
28
+ return (React.createElement(Container, { hasLabel: Boolean(label) },
29
+ label && React.createElement(Label, { text: label, tip: tip, subText: subLabel }),
30
+ React.createElement(Inner, { tabIndex: 1, open: open, width: width, onFocus: function () { return setOpen(true); }, onBlur: function () { return setOpen(false); } },
31
+ React.createElement(TopRow, null,
32
+ React.createElement(Icon, { icon: icon, size: 14, color: Colors.Grey4 }),
33
+ React.createElement(Input, { placeholder: placeholder, value: (function () {
34
+ var _a;
35
+ switch (type) {
36
+ case SearchDropdownTypes.SingleSelect:
37
+ if (open)
38
+ return searchQuery;
39
+ else {
40
+ var itemValue = (_a = items.find(function (item) { return item.value === value; })) === null || _a === void 0 ? void 0 : _a.text;
41
+ if (itemValue)
42
+ return itemValue;
43
+ else if (Boolean(value))
44
+ return 'Loading...';
45
+ else
46
+ return '';
47
+ }
48
+ case SearchDropdownTypes.MultiSelect:
49
+ if (open)
50
+ return searchQuery;
51
+ else
52
+ return "";
53
+ }
54
+ })(), onChange: function (e) {
55
+ if (open && setSearchQuery) {
56
+ setSearchQuery(e.target.value);
57
+ }
58
+ } }),
59
+ onClear && value && React.createElement(Icon, { icon: IconEnum.CancelCircle, size: 14, color: Colors.Grey5, onClick: function () { return onClear(); } })),
60
+ React.createElement(ItemsContainer, { footer: Boolean(footer) },
61
+ items && (items === null || items === void 0 ? void 0 : items.map(function (item) {
62
+ return (React.createElement(Item, { key: item.value, selected: item.value === value, onClick: function () {
63
+ setOpen(false);
64
+ onChange(item.value);
65
+ } }, item.text));
66
+ })),
67
+ !items || (!items.length && React.createElement(NoItems, null, "No results found..."))),
68
+ footer && React.createElement(Footer, null, footer))));
69
+ }
70
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
71
+
72
+ export default SearchDropdown;
73
+ export { SearchDropdownTypes };
package/build/components/TextButton.js CHANGED
@@ -21,6 +21,7 @@ var Text = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObje
21
21
  return "1.2rem";
22
22
  return "1.4rem";
23
23
  }, function (props) { return props.color; });
24
+ var InnerContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n}"], ["\n display: flex;\n align-items: center;\n}"])));
24
25
  var TextButton = function (_a) {
25
26
  var children = _a.children, _b = _a.size, size = _b === void 0 ? TextButtonSizes.Regular : _b, onClick = _a.onClick, margin = _a.margin, icon = _a.icon, iconRotation = _a.iconRotation, _c = _a.color, color = _c === void 0 ? Colors.Orange : _c;
26
27
  var iconSize = (function () {
@@ -35,11 +36,12 @@ var TextButton = function (_a) {
35
36
  }
36
37
  return 12;
37
38
  })();
38
- return (React.createElement(Container, { onClick: onClick ? onClick : function () { }, margin: margin },
39
- icon && (React.createElement(Icon, { icon: icon, size: iconSize, color: color, margin: "0 7px 0 0", rotation: iconRotation })),
40
- React.createElement(Text, { size: size, color: color }, children)));
39
+ return (React.createElement(Container, { margin: margin },
40
+ React.createElement(InnerContainer, { onClick: onClick ? onClick : function () { } },
41
+ icon && (React.createElement(Icon, { icon: icon, size: iconSize, color: color, margin: "0 7px 0 0", rotation: iconRotation })),
42
+ React.createElement(Text, { size: size, color: color }, children))));
41
43
  };
42
- var templateObject_1, templateObject_2;
44
+ var templateObject_1, templateObject_2, templateObject_3;
43
45
 
44
46
  export default TextButton;
45
47
  export { TextButtonSizes };
package/build/index.d.ts CHANGED
@@ -18,8 +18,10 @@ import Tip from "./components/Tip";
18
18
  import UserImage from './components/UserImage';
19
19
  import UserInfo from './components/UserInfo';
20
20
  import ValidationError from './components/ValidationError';
21
+ import AddressSearchDropdown from './components/AddressSearchDropdown';
22
+ import SearchDropdown from './components/SearchDropdown';
21
23
  import * as ErrorUtil from './utils/ErrorUtil';
22
24
  import makeEventHandler from './utils/makeEventHandler';
23
25
  import * as MediaQuery from './utils/MediaQuery';
24
26
  import * as Validation from './utils/Validation';
25
- export { Colors, Button, CodeInput, Counter, Dropdown, Flex, FormattedInput, InputFormats, Icon, Icons, Input, Label, MaxLength, Loader, LoaderSizes, Motion, PhoneNumberInput, Product, TextButton, Tip, UserImage, UserInfo, ValidationError, ErrorUtil, makeEventHandler, MediaQuery, Validation, };
27
+ export { Colors, Button, CodeInput, Counter, Dropdown, Flex, FormattedInput, InputFormats, Icon, Icons, Input, Label, MaxLength, Loader, LoaderSizes, Motion, PhoneNumberInput, Product, TextButton, Tip, UserImage, UserInfo, ValidationError, ErrorUtil, makeEventHandler, MediaQuery, Validation, AddressSearchDropdown, SearchDropdown };
package/build/index.js CHANGED
@@ -21,6 +21,8 @@ export { default as Product } from './components/Product.js';
21
21
  export { default as TextButton } from './components/TextButton.js';
22
22
  export { default as UserImage } from './components/UserImage.js';
23
23
  export { default as UserInfo } from './components/UserInfo.js';
24
+ export { default as SearchDropdown } from './components/SearchDropdown.js';
25
+ export { default as AddressSearchDropdown } from './components/AddressSearchDropdown.js';
24
26
  import * as ErrorUtil from './utils/ErrorUtil.js';
25
27
  export { ErrorUtil };
26
28
  export { default as makeEventHandler } from './utils/makeEventHandler.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellout/ui",
3
- "version": "0.0.105",
3
+ "version": "0.0.107",
4
4
  "main": "build/index.js",
5
5
  "module": "build/index.es.js",
6
6
  "files": [
@@ -19,58 +19,59 @@
19
19
  "author": "",
20
20
  "license": "ISC",
21
21
  "devDependencies": {
22
- "@babel/core": "^7.7.7",
22
+ "@babel/core": "^7.15.8",
23
23
  "@testing-library/jest-dom": "^4.2.4",
24
24
  "@testing-library/react": "^9.4.0",
25
25
  "@testing-library/user-event": "^7.2.1",
26
26
  "@types/jest": "^24.0.24",
27
- "@types/react": "^16.9.17",
28
- "@types/react-dom": "^16.9.4",
29
- "@types/styled-components": "^5.0.1",
27
+ "@types/react": "^16.14.17",
28
+ "@types/react-dom": "^16.9.14",
29
+ "@types/styled-components": "^5.1.15",
30
30
  "awesome-typescript-loader": "^5.2.1",
31
- "babel-loader": "^8.0.6",
32
- "fs-extra": "^9.0.0",
31
+ "babel-loader": "^8.2.2",
32
+ "fs-extra": "^9.1.0",
33
33
  "jest": "^24.9.0",
34
34
  "rollup": "^1.27.13",
35
35
  "rollup-plugin-commonjs": "^10.1.0",
36
- "rollup-plugin-multi-input": "^1.1.1",
36
+ "rollup-plugin-multi-input": "^1.3.1",
37
37
  "rollup-plugin-node-resolve": "^5.2.0",
38
- "rollup-plugin-peer-deps-external": "^2.2.0",
38
+ "rollup-plugin-peer-deps-external": "^2.2.4",
39
39
  "rollup-plugin-svg": "^2.0.0",
40
- "rollup-plugin-typescript2": "^0.25.3",
40
+ "rollup-plugin-typescript2": "^0.25.1",
41
41
  "standard": "^14.3.1",
42
42
  "ts-jest": "^24.2.0",
43
43
  "typescript": "^3.7.5"
44
44
  },
45
45
  "dependencies": {
46
- "@apollo/client": "^3.0.0-beta.41",
46
+ "@apollo/client": "^3.4.16",
47
47
  "@apollo/react-hooks": "^3.1.3",
48
- "@fortawesome/fontawesome-svg-core": "^1.2.27",
49
- "@fortawesome/free-brands-svg-icons": "^5.14.0",
50
- "@fortawesome/free-regular-svg-icons": "^5.12.1",
51
- "@fortawesome/free-solid-svg-icons": "^5.12.1",
52
- "@fortawesome/pro-light-svg-icons": "^5.12.1",
53
- "@fortawesome/pro-regular-svg-icons": "^5.12.1",
54
- "@fortawesome/pro-solid-svg-icons": "^5.12.1",
55
- "@fortawesome/react-fontawesome": "^0.1.9",
48
+ "@fortawesome/fontawesome-svg-core": "^1.2.36",
49
+ "@fortawesome/free-brands-svg-icons": "^5.15.4",
50
+ "@fortawesome/free-regular-svg-icons": "^5.15.4",
51
+ "@fortawesome/free-solid-svg-icons": "^5.15.4",
52
+ "@fortawesome/pro-light-svg-icons": "^5.15.4",
53
+ "@fortawesome/pro-regular-svg-icons": "^5.15.4",
54
+ "@fortawesome/pro-solid-svg-icons": "^5.15.4",
55
+ "@fortawesome/react-fontawesome": "^0.1.16",
56
56
  "@hapi/joi": "^17.1.1",
57
- "@react-pdf/primitives": "^2.0.0-beta.11",
58
- "@react-pdf/renderer": "^2.0.0-beta.14",
59
- "@sellout/models": "^0.0.105",
60
- "@sellout/utils": "^0.0.105",
61
- "@types/escape-html": "^1.0.0",
57
+ "@react-pdf/primitives": "^2.0.0",
58
+ "@react-pdf/renderer": "^2.0.20",
59
+ "@sellout/models": "^0.0.107",
60
+ "@sellout/utils": "^0.0.107",
61
+ "@types/escape-html": "^1.0.1",
62
62
  "@types/hapi__joi": "^16.0.12",
63
63
  "@types/react-pdf": "^4.0.6",
64
64
  "@types/shortid": "0.0.29",
65
65
  "csvtojson": "^2.0.10",
66
- "framer-motion": "^2.3.0",
67
- "polished": "^3.4.4",
66
+ "framer-motion": "^2.9.5",
67
+ "polished": "^3.7.2",
68
68
  "react-animate-height": "^2.0.20",
69
- "react-phone-input-2": "^2.13.7",
69
+ "react-phone-input-2": "^2.14.0",
70
70
  "rollup-plugin-url": "^3.0.1",
71
- "shortid": "^2.2.15"
71
+ "shortid": "^2.2.16",
72
+ "use-places-autocomplete": "^1.9.4"
72
73
  },
73
- "gitHead": "d28d8f57adf2e063ea2ec0cc82029e63f468d04e",
74
+ "gitHead": "2aab4602325f23dfedc129155d6c63998da56ca8",
74
75
  "peerDependencies": {
75
76
  "react": "^16.13.0",
76
77
  "react-dom": "^16.13.0",