@sellout/ui 0.0.337 → 0.0.339
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.
|
@@ -31,6 +31,10 @@ declare type DropdownProps = {
|
|
|
31
31
|
hoverColor?: string;
|
|
32
32
|
letterSpacing?: string;
|
|
33
33
|
borderColor?: string;
|
|
34
|
+
containerMinHeight?: string;
|
|
35
|
+
optionsHeight?: string;
|
|
36
|
+
itemContainerHeight?: string;
|
|
37
|
+
valueWhiteSpace?: string;
|
|
34
38
|
};
|
|
35
39
|
declare const Dropdown: React.FC<DropdownProps>;
|
|
36
40
|
export default Dropdown;
|
|
@@ -11,12 +11,12 @@ var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplat
|
|
|
11
11
|
";\n width: ", ";\n"])), function (props) {
|
|
12
12
|
return props.open ? (props.height ? props.height : "65px") : "65px";
|
|
13
13
|
}, function (props) { return props.width; });
|
|
14
|
-
var FieldContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n max-height: ", "
|
|
15
|
-
";\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; }, function (props) { return props.bgColor || Colors.White; }, function (props) { return props.borderColor || Colors.Grey5; }, function (props) { return (props.open ? 100 : 0); }, function (props) {
|
|
14
|
+
var FieldContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n max-height: ", "; \n min-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 min-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: ",
|
|
15
|
+
";\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.containerMinHeight); }, function (props) { return props.width; }, function (props) { return props.bgColor || Colors.White; }, function (props) { return props.borderColor || Colors.Grey5; }, function (props) { return (props.open ? 100 : 0); }, function (props) {
|
|
16
16
|
return props.open ? "0px 4px 16px rgba(0, 0, 0, 0.05)" : "";
|
|
17
17
|
}, Polished.darken(0.05, Colors.Grey5), Colors.Grey4);
|
|
18
|
-
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:
|
|
19
|
-
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 margin-right: 10px;\n white-space:
|
|
18
|
+
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: ", ";\n padding: 0 15px;\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: ", ";\n padding: 0 15px;\n"])), function (props) { return (props.optionsHeight ? props.optionsHeight : "38px"); });
|
|
19
|
+
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 margin-right: 10px;\n white-space:", ";\n"], ["\n font-size: 1.4rem;\n font-weight: 500;\n color: ", ";\n font-family: \"neue-haas-grotesk-display\", sans-serif;\n margin-right: 10px;\n white-space:", ";\n"])), function (props) { return props.optionsColor || Colors.Grey1; }, function (props) { return (props.valueWhiteSpace ? props.valueWhiteSpace : "nowrap"); });
|
|
20
20
|
var ItemsContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n position: relative;\n max-height: ", ";\n overflow: ", ";\n"], ["\n position: relative;\n max-height: ", ";\n overflow: ", ";\n"])), function (props) { return (props.open ? props.height : "0px"); }, function (props) { return (props.open ? "auto" : "hidden"); });
|
|
21
21
|
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: ",
|
|
22
22
|
";\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) {
|
|
@@ -34,15 +34,15 @@ var DropdownTypes;
|
|
|
34
34
|
var Dropdown = function (_a) {
|
|
35
35
|
var
|
|
36
36
|
// type = DropdownTypes.Regular,
|
|
37
|
-
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, labelColor = _a.labelColor, bgColor = _a.bgColor, itemColor = _a.itemColor, optionsColor = _a.optionsColor, fontSize = _a.fontSize, fontFamily = _a.fontFamily, fontWeight = _a.fontWeight, iconColor = _a.iconColor, hoverColor = _a.hoverColor, letterSpacing = _a.letterSpacing, borderColor = _a.borderColor;
|
|
37
|
+
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, labelColor = _a.labelColor, bgColor = _a.bgColor, itemColor = _a.itemColor, optionsColor = _a.optionsColor, fontSize = _a.fontSize, fontFamily = _a.fontFamily, fontWeight = _a.fontWeight, iconColor = _a.iconColor, hoverColor = _a.hoverColor, letterSpacing = _a.letterSpacing, borderColor = _a.borderColor, containerMinHeight = _a.containerMinHeight, optionsHeight = _a.optionsHeight, itemContainerHeight = _a.itemContainerHeight, valueWhiteSpace = _a.valueWhiteSpace;
|
|
38
38
|
var _d = React.useState(false), open = _d[0], setOpen = _d[1];
|
|
39
39
|
return (React.createElement(Container, { width: width, open: true, height: height },
|
|
40
40
|
label && (React.createElement(Label, { text: label, tip: tip, labelColor: labelColor, fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight, letterSpacing: letterSpacing })),
|
|
41
|
-
React.createElement(FieldContainer, { itemColor: itemColor, bgColor: bgColor, tabIndex: 1, open: open, height: (items === null || items === void 0 ? void 0 : items.length) > 4 ? "130px" : (items === null || items === void 0 ? void 0 : items.length) * 30 + 43 + "px", width: width, onClick: function () { return setOpen(!open); }, onBlur: function () { return setOpen(false); }, borderColor: borderColor },
|
|
42
|
-
React.createElement(TopRow,
|
|
41
|
+
React.createElement(FieldContainer, { itemColor: itemColor, bgColor: bgColor, tabIndex: 1, open: open, height: (items === null || items === void 0 ? void 0 : items.length) > 4 ? "130px" : (items === null || items === void 0 ? void 0 : items.length) * 30 + (itemContainerHeight ? parseInt(itemContainerHeight) : 43) + "px", width: width, onClick: function () { return setOpen(!open); }, onBlur: function () { return setOpen(false); }, borderColor: borderColor, containerMinHeight: containerMinHeight },
|
|
42
|
+
React.createElement(TopRow, { optionsHeight: optionsHeight },
|
|
43
43
|
React.createElement(Flex, { align: "center" },
|
|
44
44
|
icon && icon,
|
|
45
|
-
React.createElement(Value, { optionsColor: optionsColor }, value)),
|
|
45
|
+
React.createElement(Value, { optionsColor: optionsColor, valueWhiteSpace: valueWhiteSpace }, value)),
|
|
46
46
|
React.createElement(Icon, { icon: Icons.Sort, size: 12, color: iconColor })),
|
|
47
47
|
React.createElement(ItemsContainer, { open: open, height: (items === null || items === void 0 ? void 0 : items.length) > 3 ? "90px" : (items === null || items === void 0 ? void 0 : items.length) * 30 + "px", className: "dropdown-list-menu dropdown-list-height" }, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
|
|
48
48
|
return (React.createElement(Item, { bgColor: bgColor, optionsColor: optionsColor, itemColor: item.color, hoverColor: hoverColor, key: index, selected: false, onClick: function () { return onChange(item.value); } },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sources":["../../src/components/Dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Colors } from \"../Colors\";\nimport Icon, { Icons } from \"./Icon\";\nimport Label from \"./Label\";\nimport Flex from \"./Flex\";\nimport * as Polished from \"polished\";\n\ntype ContainerProps = {\n width?: string;\n open: boolean;\n height: string;\n};\ntype FieldContainerProps = {\n open: boolean;\n width: string;\n height: string;\n bgColor?: string;\n valueColor?: string;\n itemColor?: string;\n borderColor?:string;\n};\n\ntype OptionValueProps = {\n optionsColor?: string;\n};\nconst Container = styled.div<ContainerProps>`\n position: relative;\n height: ${(props) =>\n props.open ? (props.height ? props.height : \"65px\") : \"65px\"};\n width: ${(props) => props.width};\n`;\n\nconst FieldContainer = styled.div<FieldContainerProps>`\n position: absolute;\n max-height: ${(props) => (props.open ? props.height : \"38px\")};\n width: ${(props) => props.width};\n background-color: ${(props) => props.bgColor || Colors.White};\n border: 1px solid ${(props) => props.borderColor || Colors.Grey5};\n box-sizing: border-box;\n border-radius: 8px;\n transition: all 0.2s;\n z-index: ${(props) => (props.open ? 100 : 0)};\n box-shadow: ${(props) =>\n props.open ? \"0px 4px 16px rgba(0, 0, 0, 0.05)\" : \"\"};\n overflow: hidden;\n outline: none;\n\n &:hover {\n cursor: pointer;\n border: 1px solid ${Polished.darken(0.05, Colors.Grey5)};\n }\n\n &:focus {\n border: 1px solid ${Colors.Grey4};\n }\n`;\n\nconst TopRow = styled.div`\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\nconst Value = styled.div<OptionValueProps>`\n font-size: 1.4rem;\n font-weight: 500;\n color: ${(props) => props.optionsColor || Colors.Grey1};\n font-family: \"neue-haas-grotesk-display\", sans-serif;\n margin-right: 10px;\n white-space: nowrap;\n`;\n\ntype ItemsContainerProps = {\n open: boolean;\n height: string;\n};\n\nconst ItemsContainer = styled.div<ItemsContainerProps>`\n position: relative;\n max-height: ${(props) => (props.open ? props.height : \"0px\")};\n overflow: ${(props) => (props.open ? \"auto\" : \"hidden\")};\n`;\n\ntype ItemProps = {\n selected: boolean;\n itemColor?: string;\n optionsColor?: string;\n bgColor?: string;\n hoverColor?:string\n};\n\nconst Item = styled.div<ItemProps>`\n position: relative;\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 15px;\n background-color: ${(props) =>\n props.bgColor\n ? Colors.SurfaceTertiary\n : props.selected\n ? props.itemColor || Colors.Grey7\n : Colors.White};\n font-size: 1.2rem;\n color: ${(props) => props.optionsColor || Colors.Grey1};\n transition: all 0.2s;\n\n &:hover {\n cursor: pointer;\n background-color: ${(props) => props.hoverColor || Colors.Grey7};\n }\n`;\n\nexport interface IDropdownItem {\n text: string;\n value: any;\n icon?: React.ReactNode;\n color?: string;\n}\n\nexport enum DropdownTypes {\n Regular = \"Regular\",\n Small = \"Small\",\n}\n\ntype DropdownProps = {\n type?: DropdownTypes;\n value?: string;\n onChange: Function;\n placeholder?: string;\n width?: string;\n items: IDropdownItem[];\n label?: any;\n tip?: string;\n icon?: React.ReactNode;\n height?: string;\n labelColor?: string;\n bgColor?: string;\n itemColor?: string;\n optionsColor?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string;\n iconColor?: string;\n hoverColor?:string;\n letterSpacing?:string;\n borderColor?:string;\n};\n\nconst Dropdown: React.FC<DropdownProps> = ({\n // type = DropdownTypes.Regular,\n value,\n onChange,\n width = \"auto\",\n items,\n label,\n tip,\n icon,\n height = \"65px\",\n labelColor,\n bgColor,\n itemColor,\n optionsColor,\n fontSize,\n fontFamily,\n fontWeight,\n iconColor,\n hoverColor,\n letterSpacing,\n borderColor,\n}) => {\n const [open, setOpen] = React.useState(false);\n\n return (\n <Container width={width} open={true} height={height}>\n {label && (\n <Label\n text={label}\n tip={tip}\n labelColor={labelColor}\n fontFamily={fontFamily}\n fontSize={fontSize}\n fontWeight={fontWeight}\n letterSpacing={letterSpacing}\n />\n )}\n <FieldContainer\n itemColor={itemColor}\n bgColor={bgColor}\n tabIndex={1}\n open={open}\n height={items?.length > 4 ? \"130px\" : `${items?.length * 30 + 43}px`}\n width={width}\n onClick={() => setOpen(!open)}\n onBlur={() => setOpen(false)}\n borderColor={borderColor}\n >\n <TopRow>\n <Flex align=\"center\">\n {icon && icon}\n <Value optionsColor={optionsColor}>{value}</Value>\n </Flex>\n <Icon icon={Icons.Sort} size={12} color={iconColor} />\n </TopRow>\n <ItemsContainer\n open={open}\n height={items?.length > 3 ? \"90px\" : `${items?.length * 30}px`}\n className=\"dropdown-list-menu dropdown-list-height\"\n >\n {items?.map((item, index) => {\n return (\n <Item\n bgColor={bgColor}\n optionsColor={optionsColor}\n itemColor={item.color}\n hoverColor={hoverColor}\n key={index}\n selected={false} // don't hightlight selected item in dropdown\n onClick={() => onChange(item.value)}\n >\n {item.icon && item.icon}\n {item.text}\n </Item>\n );\n })}\n </ItemsContainer>\n </FieldContainer>\n </Container>\n );\n};\n\nexport default Dropdown;\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sources":["../../src/components/Dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Colors } from \"../Colors\";\nimport Icon, { Icons } from \"./Icon\";\nimport Label from \"./Label\";\nimport Flex from \"./Flex\";\nimport * as Polished from \"polished\";\n\ntype ContainerProps = {\n width?: string;\n open: boolean;\n height: string;\n};\ntype FieldContainerProps = {\n open: boolean;\n width: string;\n height: string;\n bgColor?: string;\n valueColor?: string;\n itemColor?: string;\n borderColor?:string;\n containerMinHeight?: string;\n};\n\ntype OptionValueProps = {\n optionsColor?: string;\n valueWhiteSpace?: string;\n};\ntype TopRowsProps = {\n optionsHeight?: string;\n};\nconst Container = styled.div<ContainerProps>`\n position: relative;\n height: ${(props) =>\n props.open ? (props.height ? props.height : \"65px\") : \"65px\"};\n width: ${(props) => props.width};\n`;\n\nconst FieldContainer = styled.div<FieldContainerProps>`\n position: absolute;\n max-height: ${(props) => (props.open ? props.height : \"38px\")}; \n min-height: ${(props) => (props.containerMinHeight)}; \n width: ${(props) => props.width};\n background-color: ${(props) => props.bgColor || Colors.White};\n border: 1px solid ${(props) => props.borderColor || Colors.Grey5};\n box-sizing: border-box;\n border-radius: 8px;\n transition: all 0.2s;\n z-index: ${(props) => (props.open ? 100 : 0)};\n box-shadow: ${(props) =>\n props.open ? \"0px 4px 16px rgba(0, 0, 0, 0.05)\" : \"\"};\n overflow: hidden;\n outline: none;\n\n &:hover {\n cursor: pointer;\n border: 1px solid ${Polished.darken(0.05, Colors.Grey5)};\n }\n\n &:focus {\n border: 1px solid ${Colors.Grey4};\n }\n`;\n\nconst TopRow = styled.div<TopRowsProps>`\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: ${(props) => (props.optionsHeight ? props.optionsHeight : \"38px\")};\n padding: 0 15px;\n`;\n\nconst Value = styled.div<OptionValueProps>`\n font-size: 1.4rem;\n font-weight: 500;\n color: ${(props) => props.optionsColor || Colors.Grey1};\n font-family: \"neue-haas-grotesk-display\", sans-serif;\n margin-right: 10px;\n white-space:${(props) => (props.valueWhiteSpace ? props.valueWhiteSpace : \"nowrap\")};\n`;\n\ntype ItemsContainerProps = {\n open: boolean;\n height: string;\n};\n\nconst ItemsContainer = styled.div<ItemsContainerProps>`\n position: relative;\n max-height: ${(props) => (props.open ? props.height : \"0px\")};\n overflow: ${(props) => (props.open ? \"auto\" : \"hidden\")};\n`;\n\ntype ItemProps = {\n selected: boolean;\n itemColor?: string;\n optionsColor?: string;\n bgColor?: string;\n hoverColor?:string\n};\n\nconst Item = styled.div<ItemProps>`\n position: relative;\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 15px;\n background-color: ${(props) =>\n props.bgColor\n ? Colors.SurfaceTertiary\n : props.selected\n ? props.itemColor || Colors.Grey7\n : Colors.White};\n font-size: 1.2rem;\n color: ${(props) => props.optionsColor || Colors.Grey1};\n transition: all 0.2s;\n\n &:hover {\n cursor: pointer;\n background-color: ${(props) => props.hoverColor || Colors.Grey7};\n }\n`;\n\nexport interface IDropdownItem {\n text: string;\n value: any;\n icon?: React.ReactNode;\n color?: string;\n}\n\nexport enum DropdownTypes {\n Regular = \"Regular\",\n Small = \"Small\",\n}\n\ntype DropdownProps = {\n type?: DropdownTypes;\n value?: string;\n onChange: Function;\n placeholder?: string;\n width?: string;\n items: IDropdownItem[];\n label?: any;\n tip?: string;\n icon?: React.ReactNode;\n height?: string;\n labelColor?: string;\n bgColor?: string;\n itemColor?: string;\n optionsColor?: string;\n fontSize?: string;\n fontFamily?: string;\n fontWeight?: string;\n iconColor?: string;\n hoverColor?:string;\n letterSpacing?:string;\n borderColor?:string;\n containerMinHeight?:string;\n optionsHeight?:string;\n itemContainerHeight?:string;\n valueWhiteSpace?:string;\n};\n\nconst Dropdown: React.FC<DropdownProps> = ({\n // type = DropdownTypes.Regular,\n value,\n onChange,\n width = \"auto\",\n items,\n label,\n tip,\n icon,\n height = \"65px\",\n labelColor,\n bgColor,\n itemColor,\n optionsColor,\n fontSize,\n fontFamily,\n fontWeight,\n iconColor,\n hoverColor,\n letterSpacing,\n borderColor,\n containerMinHeight,\n optionsHeight,\n itemContainerHeight,\n valueWhiteSpace,\n}) => {\n const [open, setOpen] = React.useState(false);\n\n return (\n <Container width={width} open={true} height={height}>\n {label && (\n <Label\n text={label}\n tip={tip}\n labelColor={labelColor}\n fontFamily={fontFamily}\n fontSize={fontSize}\n fontWeight={fontWeight}\n letterSpacing={letterSpacing}\n />\n )}\n <FieldContainer\n itemColor={itemColor}\n bgColor={bgColor}\n tabIndex={1}\n open={open}\n height={items?.length > 4 ? \"130px\" : `${items?.length * 30 + (itemContainerHeight ? parseInt(itemContainerHeight) : 43)}px`}\n width={width}\n onClick={() => setOpen(!open)}\n onBlur={() => setOpen(false)}\n borderColor={borderColor}\n containerMinHeight={containerMinHeight}\n >\n <TopRow\n optionsHeight={optionsHeight}>\n <Flex align=\"center\">\n {icon && icon}\n <Value optionsColor={optionsColor} valueWhiteSpace={valueWhiteSpace}>{value}</Value>\n </Flex>\n <Icon icon={Icons.Sort} size={12} color={iconColor} />\n </TopRow>\n <ItemsContainer\n open={open}\n height={items?.length > 3 ? \"90px\" : `${items?.length * 30}px`}\n className=\"dropdown-list-menu dropdown-list-height\"\n >\n {items?.map((item, index) => {\n return (\n <Item\n bgColor={bgColor}\n optionsColor={optionsColor}\n itemColor={item.color}\n hoverColor={hoverColor}\n key={index}\n selected={false} // don't hightlight selected item in dropdown\n onClick={() => onChange(item.value)}\n >\n {item.icon && item.icon}\n {item.text}\n </Item>\n );\n })}\n </ItemsContainer>\n </FieldContainer>\n </Container>\n );\n};\n\nexport default Dropdown;\n"],"names":[],"mappings":";;;;;;;;;AA+BA,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,+HAAgB,qCAEhC;AACoD,IAAA,cACrD,EAAsB,KAChC,CAHW,CAAA,CAAA,EAAA,UAAC,KAAK,EAAA;IACd,OAAA,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,IAAI,MAAM,CAAA;AAA5D,CAA4D,EACrD,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,KAAK,CAAA,EAAA,CAChC,CAAC;AAEF,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,yCAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,yBAAA,EAAA,yBAAA,EAAA,2FAAA,EAAA,mBAAA,EAAA,uGAAA,EAAA,+CAAA,EAAA,UAAA,CAAA,EAAA,CAAqB,yCAEtC,EAA+C,uBAC/C,EAAqC,eAC1C,EAAsB,yBACX,EAAwC,yBACxC,EAA4C,2FAIrD,EAAiC,mBAC9B;IACwC,uGAMhC,EAAmC,+CAInC,EAAY,UAEnC,KAtBe,UAAC,KAAK,IAAK,QAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,EAAnC,EAAoC,EAC/C,UAAC,KAAK,IAAK,QAAC,KAAK,CAAC,kBAAkB,IAAC,EAC1C,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,KAAK,CAAA,EAAA,EACX,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,OAAO,IAAI,MAAM,CAAC,KAAK,CAAA,EAAA,EACxC,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,WAAW,IAAI,MAAM,CAAC,KAAK,GAAA,EAIrD,UAAC,KAAK,EAAA,EAAK,QAAC,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC,EAArB,EAAsB,EAC9B,UAAC,KAAK,EAAA;IAClB,OAAA,KAAK,CAAC,IAAI,GAAG,kCAAkC,GAAG,EAAE,CAAA;AAApD,CAAoD,EAMhC,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,EAInC,MAAM,CAAC,KAAK,CAEnC,CAAC;AAEF,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAc,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,mHAAA,EAAA,yBAAA,CAAA,EAAA,CAAA,mHAK3B,EAA+D,yBAE1E,CAFW,CAAA,CAAA,EAAA,UAAC,KAAK,EAAA,EAAK,QAAC,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,GAAG,MAAM,EAAnD,EAAoD,CAE1E,CAAC;AAEF,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAkB,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,wDAAA,EAAA,qGAAA,EAAA,KAAA,CAAA,EAAA,CAAA,wDAG/B,EAA6C,qGAGxC,EAAqE,KACpF,KAJU,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,YAAY,IAAI,MAAM,CAAC,KAAK,CAAA,EAAA,EAGxC,UAAC,KAAK,EAAK,EAAA,QAAC,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC,eAAe,GAAG,QAAQ,EAAC,EAAA,CACpF,CAAC;AAOF,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,sIAAqB,yCAEtC,EAA8C,iBAChD,EAA2C,KACxD,CAAA,CAAA,CAAA,EAFe,UAAC,KAAK,EAAA,EAAK,QAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,EAAC,EAAA,EAChD,UAAC,KAAK,EAAA,EAAK,QAAC,KAAK,CAAC,IAAI,GAAG,MAAM,GAAG,QAAQ,EAAC,EAAA,CACxD,CAAC;AAUF,IAAM,IAAI,GAAG,MAAM,CAAC,GAAG,8UAAW,8HAMZ;AAKF,IAAA,oCAET,EAA6C,yFAKhC,EAA2C,UAElE,CAAA,CAAA,CAAA,EAdqB,UAAC,KAAK,EAAA;IACxB,OAAA,KAAK,CAAC,OAAO;UACT,MAAM,CAAC,eAAe;UACtB,KAAK,CAAC,QAAQ;AAChB,cAAE,KAAK,CAAC,SAAS,IAAI,MAAM,CAAC,KAAK;cAC/B,MAAM,CAAC,KAAK,CAAA;AAJhB,CAIgB,EAET,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,YAAY,IAAI,MAAM,CAAC,KAAK,CAAlC,EAAkC,EAKhC,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,UAAU,IAAI,MAAM,CAAC,KAAK,CAAhC,EAAgC,CAElE,CAAC;IASU,cAGX;AAHD,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAHW,aAAa,KAAb,aAAa,GAGxB,EAAA,CAAA,CAAA,CAAA;AA8BK,IAAA,QAAQ,GAA4B,UAAC,EAyB1C,EAAA;;;AAvBC,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAc,GAAA,EAAA,CAAA,KAAA,EAAd,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,GAAA,EAAA,EACd,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,GAAG,SAAA,EACH,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,cAAe,EAAf,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,KAAA,EACf,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,SAAS,eAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,kBAAkB,GAAA,EAAA,CAAA,kBAAA,EAClB,aAAa,mBAAA,EACb,mBAAmB,GAAA,EAAA,CAAA,mBAAA,EACnB,eAAe,GAAA,EAAA,CAAA,eAAA,CAAA;AAET,IAAA,IAAA,EAAkB,GAAA,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtC,IAAI,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,OAAO,QAAyB,CAAC;AAE9C,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAA;AAChD,QAAA,KAAK,KACJ,KAAC,CAAA,aAAA,CAAA,KAAK,IACJ,IAAI,EAAE,KAAK,EACX,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,CACH;QACD,KAAC,CAAA,aAAA,CAAA,cAAc,IACb,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,EACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,MAAM,IAAG,CAAC,GAAG,OAAO,GAAM,CAAA,KAAK,KAAL,IAAA,IAAA,KAAK,uBAAL,KAAK,CAAE,MAAM,IAAG,EAAE,IAAI,mBAAmB,GAAG,QAAQ,CAAC,mBAAmB,CAAC,GAAG,EAAE,CAAC,GAAA,IAAI,EAC5H,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,YAAA,EAAM,OAAA,OAAO,CAAC,CAAC,IAAI,CAAC,CAAd,EAAc,EAC7B,MAAM,EAAE,YAAM,EAAA,OAAA,OAAO,CAAC,KAAK,CAAC,CAAA,EAAA,EAC5B,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EAAA;AAEtC,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,aAAa,EAAE,aAAa,EAAA;AAC5B,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAA;AACjB,oBAAA,IAAI,IAAI,IAAI;AACb,oBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAA,EAAG,KAAK,CAAS,CAC/E;AACP,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,GAAI,CAC/C;YACT,KAAC,CAAA,aAAA,CAAA,cAAc,EACb,EAAA,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAA,KAAK,KAAL,IAAA,IAAA,KAAK,uBAAL,KAAK,CAAE,MAAM,IAAG,CAAC,GAAG,MAAM,GAAM,CAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,MAAM,IAAG,EAAE,GAAA,IAAI,EAC9D,SAAS,EAAC,0CAA0C,IAEnD,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAL,KAAK,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,EAAA;AACtB,gBAAA,QACE,KAAC,CAAA,aAAA,CAAA,IAAI,IACH,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,IAAI,CAAC,KAAK,EACrB,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,YAAM,EAAA,OAAA,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAA,EAAA;AAElC,oBAAA,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI;AACtB,oBAAA,IAAI,CAAC,IAAI,CACL,EACP;AACJ,aAAC,CACc,CAAA,CACF,CACP,EACZ;AACJ,EAAE;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sellout/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.339",
|
|
4
4
|
"main": "build/index.js",
|
|
5
5
|
"module": "build/index.es.js",
|
|
6
6
|
"files": [
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@fortawesome/pro-solid-svg-icons": "^5.15.4",
|
|
54
54
|
"@fortawesome/react-fontawesome": "^0.1.19",
|
|
55
55
|
"@hapi/joi": "^17.1.1",
|
|
56
|
-
"@sellout/utils": "^0.0.
|
|
56
|
+
"@sellout/utils": "^0.0.339",
|
|
57
57
|
"csvtojson": "^2.0.10",
|
|
58
58
|
"framer-motion": "^2.9.5",
|
|
59
59
|
"polished": "^3.7.2",
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"rollup-plugin-url": "^3.0.1",
|
|
63
63
|
"use-places-autocomplete": "^1.11.0"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "18c1f7ad1c6ba5dda974d7c01f815c26c7be7476",
|
|
66
66
|
"peerDependencies": {
|
|
67
67
|
"react": "16.14.0",
|
|
68
68
|
"react-dom": "16.14.0",
|