@sellout/ui 0.0.301 → 0.0.302

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 (8) hide show
  1. package/build/components/AddressSearchDropdown.d.ts +2 -1
  2. package/build/components/AddressSearchDropdown.js +2 -2
  3. package/build/components/AddressSearchDropdown.js.map +1 -1
  4. package/build/components/Button.js.map +1 -1
  5. package/build/components/SearchDropdown.d.ts +2 -1
  6. package/build/components/SearchDropdown.js +3 -3
  7. package/build/components/SearchDropdown.js.map +1 -1
  8. package/package.json +3 -3
package/build/components/AddressSearchDropdown.d.ts CHANGED
@@ -25,6 +25,7 @@ export declare type AddressSearchDropdownProps = {
25
25
  darkThemeProps?: string;
26
26
  labelColor?: string;
27
27
  borderColor?: string;
28
+ height?: string;
28
29
  };
29
- export default function AddressSearchDropdown({ value, onChange, width, label, tip, fontSize, fontWeight, fontFamily, darkThemeProps, labelColor, borderColor, }: AddressSearchDropdownProps): React.JSX.Element;
30
+ export default function AddressSearchDropdown({ value, onChange, width, label, tip, fontSize, fontWeight, fontFamily, darkThemeProps, labelColor, borderColor, height }: AddressSearchDropdownProps): React.JSX.Element;
30
31
  export {};
package/build/components/AddressSearchDropdown.js CHANGED
@@ -8,7 +8,7 @@ import { IconEnum } from './Icons.js';
8
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
9
  function AddressSearchDropdown(_a) {
10
10
  var _this = this;
11
- var value = _a.value, onChange = _a.onChange, width = _a.width, label = _a.label, tip = _a.tip, fontSize = _a.fontSize, fontWeight = _a.fontWeight, fontFamily = _a.fontFamily, darkThemeProps = _a.darkThemeProps, labelColor = _a.labelColor, borderColor = _a.borderColor;
11
+ var value = _a.value, onChange = _a.onChange, width = _a.width, label = _a.label, tip = _a.tip, fontSize = _a.fontSize, fontWeight = _a.fontWeight, fontFamily = _a.fontFamily, darkThemeProps = _a.darkThemeProps, labelColor = _a.labelColor, borderColor = _a.borderColor, height = _a.height;
12
12
  /* Hooks */
13
13
  var _b = usePlacesAutocomplete({
14
14
  requestOptions: {
@@ -101,7 +101,7 @@ function AddressSearchDropdown(_a) {
101
101
  }); });
102
102
  }
103
103
  return (React.createElement(Container, null,
104
- 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, fontSize: fontSize, fontWeight: fontWeight, fontFamily: fontFamily, darkThemeProps: darkThemeProps, labelColor: labelColor, borderColor: borderColor })));
104
+ 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, fontSize: fontSize, fontWeight: fontWeight, fontFamily: fontFamily, darkThemeProps: darkThemeProps, labelColor: labelColor, borderColor: borderColor, height: height })));
105
105
  }
106
106
  var templateObject_1;
107
107
 
package/build/components/AddressSearchDropdown.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AddressSearchDropdown.js","sources":["../../src/components/AddressSearchDropdown.tsx"],"sourcesContent":["import React from \"react\";\r\nimport usePlacesAutocomplete, { getGeocode } from \"use-places-autocomplete\";\r\nimport styled from \"styled-components\";\r\nimport SearchDropdown, { SearchDropdownTypes } from \"./SearchDropdown\";\r\nimport { IconEnum } from \"./Icons\";\r\n\r\ninterface IAddress {\r\n address1?: string;\r\n address2?: string;\r\n city?: string;\r\n state?: string;\r\n zip?: string;\r\n country?: string;\r\n phone?: string;\r\n lat?: number | null;\r\n lng?: number | null;\r\n placeId?: string;\r\n placeName?: string;\r\n timezone?: string;\r\n}\r\n\r\ninterface ISearchDropdownItem {\r\n text: string;\r\n value: any;\r\n}\r\n\r\nconst Container = styled.div`\r\n width: 100%;\r\n z-index: 100000;\r\n`;\r\n\r\nexport type AddressSearchDropdownProps = {\r\n value: IAddress;\r\n onChange: (address: IAddress) => void;\r\n width?: string;\r\n label?:any;\r\n tip?: string;\r\n fontSize?:string;\r\n fontWeight?:string;\r\n fontFamily?:string;\r\n darkThemeProps?:string;\r\n labelColor?:string;\r\n borderColor?:string;\r\n}\r\n\r\nexport default function AddressSearchDropdown({\r\n value,\r\n onChange,\r\n width,\r\n label,\r\n tip,\r\n fontSize,\r\n fontWeight,\r\n fontFamily,\r\n darkThemeProps,\r\n labelColor,\r\n borderColor,\r\n}: AddressSearchDropdownProps) {\r\n /* Hooks */\r\n let {\r\n value: innerValue,\r\n suggestions: { data },\r\n setValue,\r\n } = usePlacesAutocomplete({\r\n requestOptions: {\r\n componentRestrictions: { country: \"us\" },\r\n },\r\n debounce: 300,\r\n });\r\n\r\n React.useEffect(() => {\r\n let placeName = value?.placeName ? value?.placeName : \"\";\r\n setValue(placeName);\r\n innerValue = placeName;\r\n }, []);\r\n\r\n const selectAddress = React.useCallback(\r\n (address) => {\r\n console.log(address, \"address\");\r\n\r\n setValue(address);\r\n const doEffect = async () => {\r\n try {\r\n const [result] = await getGeocode({\r\n address,\r\n });\r\n const {\r\n geometry: { location },\r\n } = result;\r\n\r\n const addressObject = {\r\n address1: \"\",\r\n address2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n zip: \"\",\r\n country: \"\",\r\n lat: location.lat(),\r\n lng: location.lng(),\r\n placeId: result.place_id,\r\n placeName: address,\r\n };\r\n result.address_components.forEach((ac: any) => {\r\n if (ac.types.includes(\"street_number\")) {\r\n addressObject.address1 = ac.short_name;\r\n }\r\n if (ac.types.includes(\"route\")) {\r\n addressObject.address1 = `${addressObject.address1} ${ac.short_name}`;\r\n }\r\n if (ac.types.includes(\"subpremise\")) {\r\n addressObject.address2 = ac.short_name;\r\n }\r\n if (\r\n ac.types.includes(\"locality\") &&\r\n ac.types.includes(\"political\")\r\n ) {\r\n addressObject.city = ac.short_name;\r\n }\r\n if (\r\n ac.types.includes(\"administrative_area_level_1\") &&\r\n ac.types.includes(\"political\")\r\n ) {\r\n addressObject.state = ac.short_name;\r\n }\r\n if (\r\n ac.types.includes(\"country\") &&\r\n ac.types.includes(\"political\")\r\n ) {\r\n addressObject.country = ac.short_name;\r\n }\r\n if (ac.types.includes(\"postal_code\")) {\r\n addressObject.zip = ac.short_name;\r\n }\r\n });\r\n onChange(addressObject);\r\n } catch (e) {\r\n // HANDLE ERROR\r\n console.error(e);\r\n }\r\n };\r\n doEffect();\r\n },\r\n [onChange, setValue]\r\n );\r\n\r\n React.useEffect(() => {\r\n let intialAddress: IAddress = {};\r\n if (!innerValue) onChange(intialAddress);\r\n }, [innerValue]);\r\n\r\n /* Render */\r\n let items: ISearchDropdownItem[] = [];\r\n\r\n if (data.length) {\r\n items = data.map(\r\n (suggestion): ISearchDropdownItem => ({\r\n text: suggestion.description,\r\n value: suggestion.description,\r\n })\r\n );\r\n }\r\n\r\n return (\r\n <Container>\r\n <SearchDropdown\r\n type={SearchDropdownTypes.SingleSelect}\r\n icon={IconEnum.MapPinLight}\r\n onChange={selectAddress}\r\n value={innerValue}\r\n searchQuery={innerValue}\r\n setSearchQuery={setValue}\r\n placeholder=\"Search for an address\"\r\n items={items}\r\n width={width}\r\n label={label}\r\n tip={tip}\r\n fontSize={fontSize}\r\n fontWeight={fontWeight}\r\n fontFamily={fontFamily}\r\n darkThemeProps={darkThemeProps}\r\n labelColor={labelColor}\r\n borderColor={borderColor}\r\n />\r\n </Container>\r\n );\r\n}\r\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AddressSearchDropdown.js","sources":["../../src/components/AddressSearchDropdown.tsx"],"sourcesContent":["import React from \"react\";\r\nimport usePlacesAutocomplete, { getGeocode } from \"use-places-autocomplete\";\r\nimport styled from \"styled-components\";\r\nimport SearchDropdown, { SearchDropdownTypes } from \"./SearchDropdown\";\r\nimport { IconEnum } from \"./Icons\";\r\n\r\ninterface IAddress {\r\n address1?: string;\r\n address2?: string;\r\n city?: string;\r\n state?: string;\r\n zip?: string;\r\n country?: string;\r\n phone?: string;\r\n lat?: number | null;\r\n lng?: number | null;\r\n placeId?: string;\r\n placeName?: string;\r\n timezone?: string;\r\n}\r\n\r\ninterface ISearchDropdownItem {\r\n text: string;\r\n value: any;\r\n}\r\n\r\nconst Container = styled.div`\r\n width: 100%;\r\n z-index: 100000;\r\n`;\r\n\r\nexport type AddressSearchDropdownProps = {\r\n value: IAddress;\r\n onChange: (address: IAddress) => void;\r\n width?: string;\r\n label?:any;\r\n tip?: string;\r\n fontSize?:string;\r\n fontWeight?:string;\r\n fontFamily?:string;\r\n darkThemeProps?:string;\r\n labelColor?:string;\r\n borderColor?:string;\r\n height?:string;\r\n}\r\n\r\nexport default function AddressSearchDropdown({\r\n value,\r\n onChange,\r\n width,\r\n label,\r\n tip,\r\n fontSize,\r\n fontWeight,\r\n fontFamily,\r\n darkThemeProps,\r\n labelColor,\r\n borderColor,\r\n height\r\n}: AddressSearchDropdownProps) {\r\n /* Hooks */\r\n let {\r\n value: innerValue,\r\n suggestions: { data },\r\n setValue,\r\n } = usePlacesAutocomplete({\r\n requestOptions: {\r\n componentRestrictions: { country: \"us\" },\r\n },\r\n debounce: 300,\r\n });\r\n\r\n React.useEffect(() => {\r\n let placeName = value?.placeName ? value?.placeName : \"\";\r\n setValue(placeName);\r\n innerValue = placeName;\r\n }, []);\r\n\r\n const selectAddress = React.useCallback(\r\n (address) => {\r\n console.log(address, \"address\");\r\n\r\n setValue(address);\r\n const doEffect = async () => {\r\n try {\r\n const [result] = await getGeocode({\r\n address,\r\n });\r\n const {\r\n geometry: { location },\r\n } = result;\r\n\r\n const addressObject = {\r\n address1: \"\",\r\n address2: \"\",\r\n city: \"\",\r\n state: \"\",\r\n zip: \"\",\r\n country: \"\",\r\n lat: location.lat(),\r\n lng: location.lng(),\r\n placeId: result.place_id,\r\n placeName: address,\r\n };\r\n result.address_components.forEach((ac: any) => {\r\n if (ac.types.includes(\"street_number\")) {\r\n addressObject.address1 = ac.short_name;\r\n }\r\n if (ac.types.includes(\"route\")) {\r\n addressObject.address1 = `${addressObject.address1} ${ac.short_name}`;\r\n }\r\n if (ac.types.includes(\"subpremise\")) {\r\n addressObject.address2 = ac.short_name;\r\n }\r\n if (\r\n ac.types.includes(\"locality\") &&\r\n ac.types.includes(\"political\")\r\n ) {\r\n addressObject.city = ac.short_name;\r\n }\r\n if (\r\n ac.types.includes(\"administrative_area_level_1\") &&\r\n ac.types.includes(\"political\")\r\n ) {\r\n addressObject.state = ac.short_name;\r\n }\r\n if (\r\n ac.types.includes(\"country\") &&\r\n ac.types.includes(\"political\")\r\n ) {\r\n addressObject.country = ac.short_name;\r\n }\r\n if (ac.types.includes(\"postal_code\")) {\r\n addressObject.zip = ac.short_name;\r\n }\r\n });\r\n onChange(addressObject);\r\n } catch (e) {\r\n // HANDLE ERROR\r\n console.error(e);\r\n }\r\n };\r\n doEffect();\r\n },\r\n [onChange, setValue]\r\n );\r\n\r\n React.useEffect(() => {\r\n let intialAddress: IAddress = {};\r\n if (!innerValue) onChange(intialAddress);\r\n }, [innerValue]);\r\n\r\n /* Render */\r\n let items: ISearchDropdownItem[] = [];\r\n\r\n if (data.length) {\r\n items = data.map(\r\n (suggestion): ISearchDropdownItem => ({\r\n text: suggestion.description,\r\n value: suggestion.description,\r\n })\r\n );\r\n }\r\n\r\n return (\r\n <Container>\r\n <SearchDropdown\r\n type={SearchDropdownTypes.SingleSelect}\r\n icon={IconEnum.MapPinLight}\r\n onChange={selectAddress}\r\n value={innerValue}\r\n searchQuery={innerValue}\r\n setSearchQuery={setValue}\r\n placeholder=\"Search for an address\"\r\n items={items}\r\n width={width}\r\n label={label}\r\n tip={tip}\r\n fontSize={fontSize}\r\n fontWeight={fontWeight}\r\n fontFamily={fontFamily}\r\n darkThemeProps={darkThemeProps}\r\n labelColor={labelColor}\r\n borderColor={borderColor}\r\n height={height}\r\n />\r\n </Container>\r\n );\r\n}\r\n"],"names":[],"mappings":"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"}
package/build/components/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport styled from \"styled-components\";\nimport * as Polished from \"polished\";\n// import Label from \"../../../../backstage/src/elements/Label\";\nimport { Colors } from \"../Colors\";\nimport Icon from \"./Icon\";\nimport Loader, { LoaderSizes } from \"./Loader\";\nimport SvgRenderer from \"./SvgRendrer\";\n\nexport enum ButtonTypes {\n Next = \"Next\",\n Regular = \"Regular\",\n Thin = \"Thin\",\n Normal = \"Normal\",\n CustomInputHeight=\"CustomInputHeight\"\n}\n\nexport enum ButtonStates {\n Active = \"Active\",\n Warning = \"Warning\",\n Disabled = \"Disabled\",\n}\n\nexport enum ButtonIconPosition {\n Left = \"Left\",\n Right = \"Right\",\n}\n\ntype StyledButtonProps = {\n type: string;\n state: string;\n bgColor?: Colors;\n onClick?: any;\n margin?: string;\n marginBottam?: string;\n paddingAround?: string;\n contentAlign?: string;\n disabledbuttonTheme?:Boolean;\n CustomInputHeight?:string;\n};\n\nconst StyledButton = styled.div<StyledButtonProps>`\n position: relative;\n height: ${(props) => {\n if (props.CustomInputHeight) {\n return \"55px\";\n }\n if (props.type === ButtonTypes.Next) {\n return \"48px\";\n }\n if (props.type === ButtonTypes.CustomInputHeight) {\n return \"55px\";\n }\n if (props.type === ButtonTypes.Regular) {\n return \"40px\";\n }\n\n if (props.type === ButtonTypes.Normal) {\n return \"50px\";\n }\n\n if (props.type === ButtonTypes.Thin) {\n if (props.state === ButtonStates.Warning) {\n return \"30px\";\n }\n return \"30px\";\n }\n\n return null;\n }};\n width: ${(props) => {\n if (props.type === ButtonTypes.Next) {\n return \"100%\";\n }\n\n if (props.type === ButtonTypes.Regular) {\n return \"fit-content\";\n }\n\n if (props.type === ButtonTypes.Thin) {\n return \"fit-content\";\n }\n\n if (props.type === ButtonTypes.Normal) {\n return \"50px\";\n }\n return null;\n }};\n margin-bottom: ${(props) =>\n props.marginBottam ? `${props.marginBottam} !important` : \"0px !important\"};\n display: flex;\n flex-direction: row;\n align-items: center;\n overflow: hidden;\n justify-content: ${(props) => props.contentAlign || \"center\"};\n white-space: nowrap;\n box-sizing: border-box;\n text-align: center;\n border-radius: 10px;\n transition: all 0.2s;\n margin: ${(props) => (Boolean(props.margin) ? props.margin : \"0px\")};\n padding: ${(props) => {\n if (props.type === ButtonTypes.Next && props.paddingAround) {\n return props.paddingAround;\n }\n if (props.type === ButtonTypes.Next) {\n return \"0px\";\n }\n if (props.type === ButtonTypes.Regular) {\n return \"0 25px\";\n }\n\n if (props.type === ButtonTypes.Thin) {\n return \"0 15px\";\n }\n\n if (props.type === ButtonTypes.Normal) {\n return \"0 25px\";\n }\n\n return null;\n }};\n background-color: ${(props) => {\n if (props.state === ButtonStates.Disabled && props.disabledbuttonTheme) {\n return Colors.InteractiveBGSecondary;\n }\n if (props.state === ButtonStates.Disabled) {\n return Colors.Grey6;\n }\n\n if (props.state === ButtonStates.Warning) {\n return Colors.White;\n }\n\n return props.bgColor || Colors.Orange;\n }};\n border: ${(props) => {\n if (props.state === ButtonStates.Warning) {\n return `1px solid ${Colors.Grey5}`;\n }\n\n return null;\n }};\n\n &:hover {\n cursor: ${(props) => {\n if (props.state === ButtonStates.Disabled) {\n return null;\n }\n\n return props.onClick ? \"pointer\" : null;\n }};\n background-color: ${(props) => {\n if (props.state === ButtonStates.Disabled && props.disabledbuttonTheme) {\n return Colors.Grey1;\n }\n if (props.state === ButtonStates.Disabled) {\n return Colors.Grey6;\n }\n\n if (props.state === ButtonStates.Warning) {\n return Colors.White;\n }\n\n return Polished.lighten(0.025, props.bgColor || Colors.Orange);\n }};\n }\n\n &:active {\n cursor: ${(props) => {\n if (props.state === ButtonStates.Disabled) {\n return null;\n }\n\n return props.onClick ? \"pointer\" : null;\n }};\n background-color: ${(props) => {\n if (props.state === ButtonStates.Disabled) {\n return Colors.Grey6;\n }\n\n if (props.state === ButtonStates.Warning) {\n return Colors.White;\n }\n\n return Polished.darken(0.025, props.bgColor || Colors.Orange);\n }};\n }\n`;\n\ntype TextProps = {\n type: string;\n state: string;\n icon: boolean;\n iconPosition?: ButtonIconPosition;\n textColor?: Colors;\n textTransform?: string;\n fontSize?: string;\n fontWeight?: string;\n fontFamily?: string;\n letterSpacing?: string;\n disabledbuttonTheme?: boolean;\n lineHeight?:string;\n marginOnButtonText?:boolean\n};\n\nconst Text = styled.span<TextProps>`\n position: relative;\n line-height:${(props) => props.lineHeight};\n font-family: ${(props) => props.fontFamily};\n letter-spacing: ${(props) => props.letterSpacing};\n font-size: ${(props) => {\n if (props.type === ButtonTypes.Next && props.fontSize) {\n return props.fontSize;\n }\n if (props.type === ButtonTypes.Regular && props.fontSize) {\n return props.fontSize;\n }\n if (props.type === ButtonTypes.Next) {\n return \"1.4rem\";\n }\n\n if (props.type === ButtonTypes.Regular) {\n return \"1.4rem\";\n }\n\n if (props.type === ButtonTypes.Regular) {\n return \"1.2rem\";\n }\n\n if (props.type === ButtonTypes.Thin) {\n return \"1.2rem\";\n }\n if (props.type === ButtonTypes.Normal) {\n return \"2.5rem\";\n }\n\n return null;\n }};\n font-weight: ${(props) => {\n if (props.type === ButtonTypes.Next && props.fontWeight) {\n return props.fontWeight;\n }\n if (props.type === ButtonTypes.Regular && props.fontWeight) {\n return props.fontWeight;\n }\n if (props.type === ButtonTypes.Next) {\n return \"600\";\n // return \"700\";\n }\n\n if (props.type === ButtonTypes.Regular) {\n return \"600\";\n // return \"700\";\n }\n\n if (props.type === ButtonTypes.Thin) {\n return \"600\";\n }\n\n if (props.type === ButtonTypes.Normal) {\n return \"500\";\n }\n return null;\n }};\n text-transform: ${(props) => props.textTransform || \"uppercase\"};\n margin: ${(props) => {\n if (props.type === ButtonTypes.Next && props.marginOnButtonText) {\n return \"0 10px 0 0\";\n }\n if (props.type === ButtonTypes.Next) {\n return \"0 10px\";\n }\n\n if (props.type === ButtonTypes.Regular) {\n if (props.iconPosition === ButtonIconPosition.Left) {\n return \"0 0 0 10px\";\n }\n\n if (props.iconPosition === ButtonIconPosition.Right) {\n return \"0 10px 0 0\";\n }\n\n return \"0\";\n }\n\n if (props.type === ButtonTypes.Normal) {\n if (props.iconPosition === ButtonIconPosition.Left) {\n return \"0 0 0 10px\";\n }\n\n if (props.iconPosition === ButtonIconPosition.Right) {\n return \"0 10px 0 0\";\n }\n\n return \"0\";\n }\n\n if (props.type === ButtonTypes.Thin) {\n if (props.iconPosition === ButtonIconPosition.Left) {\n return \"0 0 0 7px\";\n }\n\n if (props.iconPosition === ButtonIconPosition.Right) {\n return \"0 7px 0 0\";\n }\n\n return \"0\";\n }\n\n return null;\n }};\n color: ${(props: any) => {\n if (props.state === ButtonStates.Disabled && props.disabledbuttonTheme) {\n return Colors.Grey3;\n }\n if (props.state)\n if (props.state === ButtonStates.Disabled) {\n return Colors.Grey5;\n }\n\n if (props.state === ButtonStates.Warning) {\n return Colors.Grey3;\n }\n\n return props.textColor || Colors.White;\n }};\n top: ${(props) => {\n if (props.type === ButtonTypes.Thin) {\n if (props.icon) {\n return \"-1px\";\n }\n\n return \"0\";\n }\n\n return null;\n }};\n`;\n\nexport type ButtonProps = {\n type?: ButtonTypes;\n state?: ButtonStates;\n bgColor?: Colors;\n textColor?: Colors;\n text?: string;\n onClick?: any;\n icon?: any;\n iconPosition?: ButtonIconPosition;\n iconSize?: number;\n margin?: string;\n loading?: boolean;\n label?: string;\n tip?: string;\n subLabel?: string;\n marginBottam?: string;\n paddingAround?: string;\n contentAlign?: string;\n textTransform?: string;\n fontSize?: string;\n fontWeight?: string;\n fontFamily?: string;\n letterSpacing?: string;\n disabledbuttonTheme?: boolean;\n CustomInputHeight?:string;\n lineHeight?:string;\n svgIconName?:string;\n svgWidth?:string;\n svgHeight?:string;\n marginOnButtonText?:boolean;\n};\n\nexport default function Button({\n type = ButtonTypes.Next,\n state = ButtonStates.Active,\n bgColor,\n textColor,\n text,\n onClick = () => {},\n icon,\n iconPosition,\n iconSize = 14,\n // label,\n // tip,\n // subLabel,\n margin,\n marginBottam,\n loading = false,\n paddingAround,\n contentAlign,\n textTransform,\n fontSize,\n fontWeight,\n fontFamily,\n letterSpacing,\n disabledbuttonTheme,\n CustomInputHeight,\n lineHeight,\n svgIconName,\n svgHeight,\n svgWidth,\n marginOnButtonText\n}: ButtonProps) {\n const iconColor: Colors =\n state === ButtonStates.Disabled ? Colors.Grey3 : Colors.White;\n\n if (icon && !iconPosition) iconPosition = ButtonIconPosition.Left;\n\n const iconEl = (\n <Icon\n icon={icon}\n color={iconColor}\n size={iconSize}\n top={iconSize < 14 ? \"-1px\" : undefined}\n />\n );\n\n const click =\n loading || state === ButtonStates.Disabled ? null : () => onClick();\n\n return (\n <>\n {/* {label && <Label text={label} subText={subLabel} tip={tip} />} */}\n <StyledButton\n type={type}\n state={state}\n onClick={click}\n margin={margin}\n bgColor={bgColor}\n marginBottam={marginBottam}\n paddingAround={paddingAround}\n contentAlign={contentAlign}\n disabledbuttonTheme={disabledbuttonTheme}\n CustomInputHeight={CustomInputHeight}\n >\n {(() => {\n return (\n <Fragment>\n {(() => {\n if (loading) {\n return (\n <Fragment>\n <Loader size={LoaderSizes.VerySmall} color={iconColor} />\n {/* <Text \n type={type} \n state={state} \n icon={true}\n >\n Loading...\n </Text> */}\n </Fragment>\n );\n }\n\n return (\n <Fragment>\n {icon && iconPosition === ButtonIconPosition.Left && iconEl}\n {text && (\n <Text\n type={type}\n state={state}\n icon={Boolean(icon)}\n iconPosition={iconPosition}\n textColor={textColor}\n textTransform={textTransform}\n fontSize={fontSize}\n fontWeight={fontWeight}\n fontFamily={fontFamily}\n letterSpacing={letterSpacing}\n disabledbuttonTheme={disabledbuttonTheme}\n lineHeight={lineHeight}\n marginOnButtonText={marginOnButtonText}\n >\n {text}\n </Text>\n )}\n {icon &&\n iconPosition === ButtonIconPosition.Right &&\n iconEl}\n {svgIconName &&\n <SvgRenderer\n iconName={svgIconName}\n width={svgWidth}\n height={svgHeight} \n style={{ margin: '2px 0px'}}\n />\n }\n </Fragment>\n );\n })()}\n </Fragment>\n );\n })()}\n </StyledButton>\n </>\n );\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport styled from \"styled-components\";\nimport * as Polished from \"polished\";\nimport { Colors } from \"../Colors\";\nimport Icon from \"./Icon\";\nimport Loader, { LoaderSizes } from \"./Loader\";\nimport SvgRenderer from \"./SvgRendrer\";\n\nexport enum ButtonTypes {\n Next = \"Next\",\n Regular = \"Regular\",\n Thin = \"Thin\",\n Normal = \"Normal\",\n CustomInputHeight=\"CustomInputHeight\"\n}\n\nexport enum ButtonStates {\n Active = \"Active\",\n Warning = \"Warning\",\n Disabled = \"Disabled\",\n}\n\nexport enum ButtonIconPosition {\n Left = \"Left\",\n Right = \"Right\",\n}\n\ntype StyledButtonProps = {\n type: string;\n state: string;\n bgColor?: Colors;\n onClick?: any;\n margin?: string;\n marginBottam?: string;\n paddingAround?: string;\n contentAlign?: string;\n disabledbuttonTheme?:Boolean;\n CustomInputHeight?:string;\n};\n\nconst StyledButton = styled.div<StyledButtonProps>`\n position: relative;\n height: ${(props) => {\n if (props.CustomInputHeight) {\n return \"55px\";\n }\n if (props.type === ButtonTypes.Next) {\n return \"48px\";\n }\n if (props.type === ButtonTypes.CustomInputHeight) {\n return \"55px\";\n }\n if (props.type === ButtonTypes.Regular) {\n return \"40px\";\n }\n\n if (props.type === ButtonTypes.Normal) {\n return \"50px\";\n }\n\n if (props.type === ButtonTypes.Thin) {\n if (props.state === ButtonStates.Warning) {\n return \"30px\";\n }\n return \"30px\";\n }\n\n return null;\n }};\n width: ${(props) => {\n if (props.type === ButtonTypes.Next) {\n return \"100%\";\n }\n\n if (props.type === ButtonTypes.Regular) {\n return \"fit-content\";\n }\n\n if (props.type === ButtonTypes.Thin) {\n return \"fit-content\";\n }\n\n if (props.type === ButtonTypes.Normal) {\n return \"50px\";\n }\n return null;\n }};\n margin-bottom: ${(props) =>\n props.marginBottam ? `${props.marginBottam} !important` : \"0px !important\"};\n display: flex;\n flex-direction: row;\n align-items: center;\n overflow: hidden;\n justify-content: ${(props) => props.contentAlign || \"center\"};\n white-space: nowrap;\n box-sizing: border-box;\n text-align: center;\n border-radius: 10px;\n transition: all 0.2s;\n margin: ${(props) => (Boolean(props.margin) ? props.margin : \"0px\")};\n padding: ${(props) => {\n if (props.type === ButtonTypes.Next && props.paddingAround) {\n return props.paddingAround;\n }\n if (props.type === ButtonTypes.Next) {\n return \"0px\";\n }\n if (props.type === ButtonTypes.Regular) {\n return \"0 25px\";\n }\n\n if (props.type === ButtonTypes.Thin) {\n return \"0 15px\";\n }\n\n if (props.type === ButtonTypes.Normal) {\n return \"0 25px\";\n }\n\n return null;\n }};\n background-color: ${(props) => {\n if (props.state === ButtonStates.Disabled && props.disabledbuttonTheme) {\n return Colors.InteractiveBGSecondary;\n }\n if (props.state === ButtonStates.Disabled) {\n return Colors.Grey6;\n }\n\n if (props.state === ButtonStates.Warning) {\n return Colors.White;\n }\n\n return props.bgColor || Colors.Orange;\n }};\n border: ${(props) => {\n if (props.state === ButtonStates.Warning) {\n return `1px solid ${Colors.Grey5}`;\n }\n\n return null;\n }};\n\n &:hover {\n cursor: ${(props) => {\n if (props.state === ButtonStates.Disabled) {\n return null;\n }\n\n return props.onClick ? \"pointer\" : null;\n }};\n background-color: ${(props) => {\n if (props.state === ButtonStates.Disabled && props.disabledbuttonTheme) {\n return Colors.Grey1;\n }\n if (props.state === ButtonStates.Disabled) {\n return Colors.Grey6;\n }\n\n if (props.state === ButtonStates.Warning) {\n return Colors.White;\n }\n\n return Polished.lighten(0.025, props.bgColor || Colors.Orange);\n }};\n }\n\n &:active {\n cursor: ${(props) => {\n if (props.state === ButtonStates.Disabled) {\n return null;\n }\n\n return props.onClick ? \"pointer\" : null;\n }};\n background-color: ${(props) => {\n if (props.state === ButtonStates.Disabled) {\n return Colors.Grey6;\n }\n\n if (props.state === ButtonStates.Warning) {\n return Colors.White;\n }\n\n return Polished.darken(0.025, props.bgColor || Colors.Orange);\n }};\n }\n`;\n\ntype TextProps = {\n type: string;\n state: string;\n icon: boolean;\n iconPosition?: ButtonIconPosition;\n textColor?: Colors;\n textTransform?: string;\n fontSize?: string;\n fontWeight?: string;\n fontFamily?: string;\n letterSpacing?: string;\n disabledbuttonTheme?: boolean;\n lineHeight?:string;\n marginOnButtonText?:boolean\n};\n\nconst Text = styled.span<TextProps>`\n position: relative;\n line-height:${(props) => props.lineHeight};\n font-family: ${(props) => props.fontFamily};\n letter-spacing: ${(props) => props.letterSpacing};\n font-size: ${(props) => {\n if (props.type === ButtonTypes.Next && props.fontSize) {\n return props.fontSize;\n }\n if (props.type === ButtonTypes.Regular && props.fontSize) {\n return props.fontSize;\n }\n if (props.type === ButtonTypes.Next) {\n return \"1.4rem\";\n }\n\n if (props.type === ButtonTypes.Regular) {\n return \"1.4rem\";\n }\n\n if (props.type === ButtonTypes.Regular) {\n return \"1.2rem\";\n }\n\n if (props.type === ButtonTypes.Thin) {\n return \"1.2rem\";\n }\n if (props.type === ButtonTypes.Normal) {\n return \"2.5rem\";\n }\n\n return null;\n }};\n font-weight: ${(props) => {\n if (props.type === ButtonTypes.Next && props.fontWeight) {\n return props.fontWeight;\n }\n if (props.type === ButtonTypes.Regular && props.fontWeight) {\n return props.fontWeight;\n }\n if (props.type === ButtonTypes.Next) {\n return \"600\";\n // return \"700\";\n }\n\n if (props.type === ButtonTypes.Regular) {\n return \"600\";\n // return \"700\";\n }\n\n if (props.type === ButtonTypes.Thin) {\n return \"600\";\n }\n\n if (props.type === ButtonTypes.Normal) {\n return \"500\";\n }\n return null;\n }};\n text-transform: ${(props) => props.textTransform || \"uppercase\"};\n margin: ${(props) => {\n if (props.type === ButtonTypes.Next && props.marginOnButtonText) {\n return \"0 10px 0 0\";\n }\n if (props.type === ButtonTypes.Next) {\n return \"0 10px\";\n }\n\n if (props.type === ButtonTypes.Regular) {\n if (props.iconPosition === ButtonIconPosition.Left) {\n return \"0 0 0 10px\";\n }\n\n if (props.iconPosition === ButtonIconPosition.Right) {\n return \"0 10px 0 0\";\n }\n\n return \"0\";\n }\n\n if (props.type === ButtonTypes.Normal) {\n if (props.iconPosition === ButtonIconPosition.Left) {\n return \"0 0 0 10px\";\n }\n\n if (props.iconPosition === ButtonIconPosition.Right) {\n return \"0 10px 0 0\";\n }\n\n return \"0\";\n }\n\n if (props.type === ButtonTypes.Thin) {\n if (props.iconPosition === ButtonIconPosition.Left) {\n return \"0 0 0 7px\";\n }\n\n if (props.iconPosition === ButtonIconPosition.Right) {\n return \"0 7px 0 0\";\n }\n\n return \"0\";\n }\n\n return null;\n }};\n color: ${(props: any) => {\n if (props.state === ButtonStates.Disabled && props.disabledbuttonTheme) {\n return Colors.Grey3;\n }\n if (props.state)\n if (props.state === ButtonStates.Disabled) {\n return Colors.Grey5;\n }\n\n if (props.state === ButtonStates.Warning) {\n return Colors.Grey3;\n }\n\n return props.textColor || Colors.White;\n }};\n top: ${(props) => {\n if (props.type === ButtonTypes.Thin) {\n if (props.icon) {\n return \"-1px\";\n }\n\n return \"0\";\n }\n\n return null;\n }};\n`;\n\nexport type ButtonProps = {\n type?: ButtonTypes;\n state?: ButtonStates;\n bgColor?: Colors;\n textColor?: Colors;\n text?: string;\n onClick?: any;\n icon?: any;\n iconPosition?: ButtonIconPosition;\n iconSize?: number;\n margin?: string;\n loading?: boolean;\n label?: string;\n tip?: string;\n subLabel?: string;\n marginBottam?: string;\n paddingAround?: string;\n contentAlign?: string;\n textTransform?: string;\n fontSize?: string;\n fontWeight?: string;\n fontFamily?: string;\n letterSpacing?: string;\n disabledbuttonTheme?: boolean;\n CustomInputHeight?:string;\n lineHeight?:string;\n svgIconName?:string;\n svgWidth?:string;\n svgHeight?:string;\n marginOnButtonText?:boolean;\n};\n\nexport default function Button({\n type = ButtonTypes.Next,\n state = ButtonStates.Active,\n bgColor,\n textColor,\n text,\n onClick = () => {},\n icon,\n iconPosition,\n iconSize = 14,\n // label,\n // tip,\n // subLabel,\n margin,\n marginBottam,\n loading = false,\n paddingAround,\n contentAlign,\n textTransform,\n fontSize,\n fontWeight,\n fontFamily,\n letterSpacing,\n disabledbuttonTheme,\n CustomInputHeight,\n lineHeight,\n svgIconName,\n svgHeight,\n svgWidth,\n marginOnButtonText\n}: ButtonProps) {\n const iconColor: Colors =\n state === ButtonStates.Disabled ? Colors.Grey3 : Colors.White;\n\n if (icon && !iconPosition) iconPosition = ButtonIconPosition.Left;\n\n const iconEl = (\n <Icon\n icon={icon}\n color={iconColor}\n size={iconSize}\n top={iconSize < 14 ? \"-1px\" : undefined}\n />\n );\n\n const click =\n loading || state === ButtonStates.Disabled ? null : () => onClick();\n\n return (\n <>\n <StyledButton\n type={type}\n state={state}\n onClick={click}\n margin={margin}\n bgColor={bgColor}\n marginBottam={marginBottam}\n paddingAround={paddingAround}\n contentAlign={contentAlign}\n disabledbuttonTheme={disabledbuttonTheme}\n CustomInputHeight={CustomInputHeight}\n >\n {(() => {\n return (\n <Fragment>\n {(() => {\n if (loading) {\n return (\n <Fragment>\n <Loader size={LoaderSizes.VerySmall} color={iconColor} />\n </Fragment>\n );\n }\n\n return (\n <Fragment>\n {icon && iconPosition === ButtonIconPosition.Left && iconEl}\n {text && (\n <Text\n type={type}\n state={state}\n icon={Boolean(icon)}\n iconPosition={iconPosition}\n textColor={textColor}\n textTransform={textTransform}\n fontSize={fontSize}\n fontWeight={fontWeight}\n fontFamily={fontFamily}\n letterSpacing={letterSpacing}\n disabledbuttonTheme={disabledbuttonTheme}\n lineHeight={lineHeight}\n marginOnButtonText={marginOnButtonText}\n >\n {text}\n </Text>\n )}\n {icon &&\n iconPosition === ButtonIconPosition.Right &&\n iconEl}\n {svgIconName &&\n <SvgRenderer\n iconName={svgIconName}\n width={svgWidth}\n height={svgHeight} \n style={{ margin: '2px 0px'}}\n />\n }\n </Fragment>\n );\n })()}\n </Fragment>\n );\n })()}\n </StyledButton>\n </>\n );\n}\n"],"names":[],"mappings":"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"}
package/build/components/SearchDropdown.d.ts CHANGED
@@ -35,6 +35,7 @@ export declare type SearchDropdownProps = {
35
35
  labelColor?: string;
36
36
  darkThemeProps?: string;
37
37
  borderColor?: string;
38
+ height?: string;
38
39
  };
39
- export default function SearchDropdown({ type, value, onChange, placeholder, width, searchQuery, setSearchQuery, items, footer, onClear, label, tip, subLabel, icon, fontSize, fontWeight, fontFamily, labelColor, darkThemeProps, borderColor }: SearchDropdownProps): React.JSX.Element;
40
+ export default function SearchDropdown({ type, value, onChange, placeholder, width, searchQuery, setSearchQuery, items, footer, onClear, label, tip, subLabel, icon, fontSize, fontWeight, fontFamily, labelColor, darkThemeProps, borderColor, height }: SearchDropdownProps): React.JSX.Element;
40
41
  export {};
package/build/components/SearchDropdown.js CHANGED
@@ -7,7 +7,7 @@ import Icon from './Icon.js';
7
7
  import Label from './Label.js';
8
8
 
9
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 // &:hover {border: ", ";\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 // &:hover {border: ", ";\n // }\n"])), function (props) { return (props.open ? "187px" : "38px"); }, function (props) { return props.width; }, function (props) { return (props.darkThemeProps ? Colors.SurfaceTertiary : Colors.White); }, function (props) { return props.borderColor || Colors.Grey5; }, function (props) { return props.open ? 100 : 0; }, function (props) { return props.open ? '0px 4px 16px rgba(0, 0, 0, 0.05)' : ''; }, function (props) { return props.borderColor ? "1px solid " + Colors.Grey5 : "none"; });
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 // &:hover {border: ", ";\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 // &:hover {border: ", ";\n // }\n"])), function (props) { return (props.open ? (props.height ? "160px" : "187px") : "38px"); }, function (props) { return props.width; }, function (props) { return (props.darkThemeProps ? Colors.SurfaceTertiary : Colors.White); }, function (props) { return props.borderColor || Colors.Grey5; }, function (props) { return props.open ? 100 : 0; }, function (props) { return props.open ? '0px 4px 16px rgba(0, 0, 0, 0.05)' : ''; }, function (props) { return props.borderColor ? "1px solid " + Colors.Grey5 : "none"; });
11
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"])), function (props) { return (props.darkThemeProps || Colors.White); });
12
12
  var Input = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\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 background-color: ", ";\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"])), function (props) { return (props.darkThemeProps); }, function (props) { return (props.darkThemeProps ? Colors.HeadingSecondary : Colors.Grey1); }, Colors.Grey4);
13
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'; });
@@ -20,11 +20,11 @@ var SearchDropdownTypes;
20
20
  SearchDropdownTypes["SingleSelect"] = "Single-Select";
21
21
  })(SearchDropdownTypes || (SearchDropdownTypes = {}));
22
22
  function SearchDropdown(_a) {
23
- 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, fontSize = _a.fontSize, fontWeight = _a.fontWeight, fontFamily = _a.fontFamily, labelColor = _a.labelColor, darkThemeProps = _a.darkThemeProps, borderColor = _a.borderColor;
23
+ 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, fontSize = _a.fontSize, fontWeight = _a.fontWeight, fontFamily = _a.fontFamily, labelColor = _a.labelColor, darkThemeProps = _a.darkThemeProps, borderColor = _a.borderColor, height = _a.height;
24
24
  var _e = React.useState(false), open = _e[0], setOpen = _e[1];
25
25
  return (React.createElement(Container, { hasLabel: Boolean(label) },
26
26
  label && React.createElement(Label, { fontFamily: fontFamily, fontSize: fontSize, fontWeight: fontWeight, text: label, tip: tip, subText: subLabel, labelColor: labelColor }),
27
- React.createElement(Inner, { tabIndex: 1, open: open, width: width, onFocus: function () { return setOpen(true); }, onBlur: function () { return setOpen(false); }, darkThemeProps: darkThemeProps, borderColor: borderColor },
27
+ React.createElement(Inner, { tabIndex: 1, open: open, width: width, onFocus: function () { return setOpen(true); }, onBlur: function () { return setOpen(false); }, darkThemeProps: darkThemeProps, borderColor: borderColor, height: height },
28
28
  React.createElement(TopRow, { darkThemeProps: darkThemeProps },
29
29
  React.createElement(Icon, { icon: icon, size: 14, color: Colors.Grey4 }),
30
30
  React.createElement(Input, { darkThemeProps: darkThemeProps, placeholder: placeholder, value: (function () {
package/build/components/SearchDropdown.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SearchDropdown.js","sources":["../../src/components/SearchDropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Colors } from \"../Colors\";\nimport { IconEnum } from \"./Icons\";\nimport Icon from \"./Icon\";\nimport Label from './Label';\n\ntype ContainerProps = {\n hasLabel: boolean;\n}\n\ninterface ISearchDropdownItem {\n text: string;\n value: any;\n}\n\n\nconst Container = styled.div<ContainerProps>`\n position: relative;\n height: ${(props) => (props.hasLabel ? \"65px\" : \"40px\")};\n`;\n\ntype InnerProps = {\n open: boolean;\n width: string;\n darkThemeProps?: string;\n borderColor?:string;\n};\ntype InputProps = {\n darkThemeProps?: string;\n};\ntype InputRowProps = {\n darkThemeProps?: string;\n};\ntype NoItemProps = {\n darkThemeProps?: string;\n};\n\nconst Inner = styled.div<InnerProps>`\n position: absolute;\n height: ${(props) => (props.open ? \"187px\" : \"38px\")};\n width: ${(props) => props.width};\n background-color: ${(props)=>(props.darkThemeProps? Colors.SurfaceTertiary :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 => props.open ? '0px 4px 16px rgba(0, 0, 0, 0.05)' : ''};\n overflow: hidden;\n\n &:focus,&:active {\n /* border: 0px; */\n outline: 0px;\n }\n // &:hover {border: ${(props) =>props.borderColor? `1px solid ${Colors.Grey5}`: \"none\"};\n // }\n`;\n\nconst TopRow = styled.div<InputRowProps>`\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: ${(props) => (props.darkThemeProps || Colors.White)};\n`;\n\nconst Input = styled.input<InputProps>`\n background-color: ${(props) => (props.darkThemeProps)};\n font-size: 1.4rem;\n font-weight: 500;\n color: ${(props) => (props.darkThemeProps ? Colors.HeadingSecondary : Colors.Grey1)};\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: ${Colors.Grey4};\n }\n`;\n\nexport type ItemsContainerProps = {\n footer: boolean;\n};\n\nconst ItemsContainer = styled.div<ItemsContainerProps>`\n position: relative;\n max-height: ${props => props.footer ? '108px' : '158px'};\n overflow: scroll;\n\n`;\n\nconst NoItems = styled.div<NoItemProps>`\n font-size: 1.2rem;\n font-weight: 500;\n color: ${(props) => (props.darkThemeProps ? Colors.HeadingSecondary: Colors.Grey3)};\n height: ${(props) => (props.darkThemeProps ? '148px': '30px')};\n padding: 0 16px;\n display: flex;\n align-items: ${(props) => (props.darkThemeProps ? 'start': 'center')};\n background-color: ${(props) => (props.darkThemeProps)};\n`;\n\nexport type ItemProps = {\n selected: boolean;\n darkThemeProps?:string;\n}\n\nconst Item = styled.div<ItemProps>`\n position: relative;\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 16px;\n background-color: ${(props) =>props.darkThemeProps ? Colors.SurfaceTertiary : (props.selected ? Colors.Grey7 : Colors.White)};\n font-size: 1.2rem;\n color:${(props) =>props.darkThemeProps ? Colors.HeadingSecondary : Colors.Grey1};\n transition: all 0.2s;\n z-index: 100;\n\n &:hover {\n cursor: pointer;\n background-color: ${(props) =>props.darkThemeProps ? Colors.SupportTertiary : Colors.Grey7};\n }\n`;\n\nconst Footer = styled.div`\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 ${Colors.Grey7};\n width: fill-available;\n`;\n\nexport enum SearchDropdownTypes {\n MultiSelect = 'Multi-Select',\n SingleSelect = 'Single-Select',\n};\n\nexport type SearchDropdownProps = {\n type?: SearchDropdownTypes;\n value?: string;\n onChange: Function;\n placeholder?: string;\n width?: string;\n searchQuery?: string;\n setSearchQuery?: (value: string) => void;\n items: ISearchDropdownItem[];\n footer?: React.ReactNode;\n onClear?: () => void;\n label?: string;\n tip?: string;\n subLabel?: string;\n icon?: any;\n fontSize?:string;\n fontWeight?:string;\n fontFamily?:string;\n labelColor?:string\n darkThemeProps?:string;\n borderColor?:string;\n};\n\nexport default function SearchDropdown({\n type = SearchDropdownTypes.SingleSelect,\n value,\n onChange,\n placeholder,\n width = '400px',\n searchQuery,\n setSearchQuery,\n items,\n footer,\n onClear,\n label,\n tip,\n subLabel,\n icon = IconEnum.SearchLight,\n fontSize,\n fontWeight,\n fontFamily,\n labelColor,\n darkThemeProps,\n borderColor\n}: SearchDropdownProps) {\n const [open, setOpen] = React.useState(false);\n\n return (\n <Container hasLabel={Boolean(label)}>\n {label && <Label fontFamily={fontFamily} fontSize ={fontSize} fontWeight= {fontWeight} text={label} tip={tip} subText={subLabel} labelColor={labelColor} />}\n <Inner\n tabIndex={1}\n open={open}\n width={width}\n onFocus={() => setOpen(true)}\n onBlur={() => setOpen(false)}\n darkThemeProps={darkThemeProps}\n borderColor={borderColor}\n >\n <TopRow darkThemeProps={darkThemeProps} >\n <Icon icon={icon} size={14} color={Colors.Grey4} />\n <Input\n darkThemeProps={darkThemeProps}\n placeholder={placeholder}\n value={(() => {\n switch (type) {\n case SearchDropdownTypes.SingleSelect:\n if (open) return searchQuery ?? \"\";\n else {\n const itemValue = items.find((item) => item.value === value)?.text;\n if (itemValue) return itemValue;\n else if (Boolean(value)) return 'Loading...';\n else return '';\n }\n\n case SearchDropdownTypes.MultiSelect:\n if (open) return searchQuery ?? \"\";\n else return \"\";\n }\n })()}\n onChange={(e) => {\n if (open && setSearchQuery) {\n setSearchQuery(e.target.value);\n }\n }}\n />\n {onClear && value && <Icon icon={IconEnum.CancelCircle} size={14} color={Colors.Grey5} onClick={() => onClear()} />}\n </TopRow>\n <ItemsContainer footer={Boolean(footer)}>\n {items &&\n items?.map((item) => {\n return (\n <Item\n key={item.value}\n darkThemeProps={darkThemeProps}\n selected={item.value === value}\n onClick={() => {\n setOpen(false);\n onChange(item.value);\n }}\n >\n {item.text}\n </Item>\n );\n })}\n {!items || (!items.length && <NoItems darkThemeProps={darkThemeProps}>No results found...</NoItems>)}\n </ItemsContainer>\n {footer && <Footer>{footer}</Footer>}\n </Inner>\n </Container>\n );\n};"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SearchDropdown.js","sources":["../../src/components/SearchDropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Colors } from \"../Colors\";\nimport { IconEnum } from \"./Icons\";\nimport Icon from \"./Icon\";\nimport Label from './Label';\n\ntype ContainerProps = {\n hasLabel: boolean;\n}\n\ninterface ISearchDropdownItem {\n text: string;\n value: any;\n}\n\n\nconst Container = styled.div<ContainerProps>`\n position: relative;\n height: ${(props) => (props.hasLabel ? \"65px\" : \"40px\")};\n`;\n\ntype InnerProps = {\n open: boolean;\n width: string;\n darkThemeProps?: string;\n borderColor?:string;\n height?:string;\n};\ntype InputProps = {\n darkThemeProps?: string;\n};\ntype InputRowProps = {\n darkThemeProps?: string;\n};\ntype NoItemProps = {\n darkThemeProps?: string;\n};\n\nconst Inner = styled.div<InnerProps>`\n position: absolute;\n height: ${(props) => (props.open ? (props.height ?\"160px\":\"187px\") : \"38px\")};\n width: ${(props) => props.width};\n background-color: ${(props)=>(props.darkThemeProps? Colors.SurfaceTertiary :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 => props.open ? '0px 4px 16px rgba(0, 0, 0, 0.05)' : ''};\n overflow: hidden;\n\n &:focus,&:active {\n /* border: 0px; */\n outline: 0px;\n }\n // &:hover {border: ${(props) =>props.borderColor? `1px solid ${Colors.Grey5}`: \"none\"};\n // }\n`;\n\nconst TopRow = styled.div<InputRowProps>`\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: ${(props) => (props.darkThemeProps || Colors.White)};\n`;\n\nconst Input = styled.input<InputProps>`\n background-color: ${(props) => (props.darkThemeProps)};\n font-size: 1.4rem;\n font-weight: 500;\n color: ${(props) => (props.darkThemeProps ? Colors.HeadingSecondary : Colors.Grey1)};\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: ${Colors.Grey4};\n }\n`;\n\nexport type ItemsContainerProps = {\n footer: boolean;\n};\n\nconst ItemsContainer = styled.div<ItemsContainerProps>`\n position: relative;\n max-height: ${props => props.footer ? '108px' : '158px'};\n overflow: scroll;\n\n`;\n\nconst NoItems = styled.div<NoItemProps>`\n font-size: 1.2rem;\n font-weight: 500;\n color: ${(props) => (props.darkThemeProps ? Colors.HeadingSecondary: Colors.Grey3)};\n height: ${(props) => (props.darkThemeProps ? '148px': '30px')};\n padding: 0 16px;\n display: flex;\n align-items: ${(props) => (props.darkThemeProps ? 'start': 'center')};\n background-color: ${(props) => (props.darkThemeProps)};\n`;\n\nexport type ItemProps = {\n selected: boolean;\n darkThemeProps?:string;\n}\n\nconst Item = styled.div<ItemProps>`\n position: relative;\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 16px;\n background-color: ${(props) =>props.darkThemeProps ? Colors.SurfaceTertiary : (props.selected ? Colors.Grey7 : Colors.White)};\n font-size: 1.2rem;\n color:${(props) =>props.darkThemeProps ? Colors.HeadingSecondary : Colors.Grey1};\n transition: all 0.2s;\n z-index: 100;\n\n &:hover {\n cursor: pointer;\n background-color: ${(props) =>props.darkThemeProps ? Colors.SupportTertiary : Colors.Grey7};\n }\n`;\n\nconst Footer = styled.div`\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 ${Colors.Grey7};\n width: fill-available;\n`;\n\nexport enum SearchDropdownTypes {\n MultiSelect = 'Multi-Select',\n SingleSelect = 'Single-Select',\n};\n\nexport type SearchDropdownProps = {\n type?: SearchDropdownTypes;\n value?: string;\n onChange: Function;\n placeholder?: string;\n width?: string;\n searchQuery?: string;\n setSearchQuery?: (value: string) => void;\n items: ISearchDropdownItem[];\n footer?: React.ReactNode;\n onClear?: () => void;\n label?: string;\n tip?: string;\n subLabel?: string;\n icon?: any;\n fontSize?:string;\n fontWeight?:string;\n fontFamily?:string;\n labelColor?:string\n darkThemeProps?:string;\n borderColor?:string;\n height?:string;\n};\n\nexport default function SearchDropdown({\n type = SearchDropdownTypes.SingleSelect,\n value,\n onChange,\n placeholder,\n width = '400px',\n searchQuery,\n setSearchQuery,\n items,\n footer,\n onClear,\n label,\n tip,\n subLabel,\n icon = IconEnum.SearchLight,\n fontSize,\n fontWeight,\n fontFamily,\n labelColor,\n darkThemeProps,\n borderColor,\n height\n}: SearchDropdownProps) {\n const [open, setOpen] = React.useState(false);\n\n return (\n <Container hasLabel={Boolean(label)}>\n {label && <Label fontFamily={fontFamily} fontSize ={fontSize} fontWeight= {fontWeight} text={label} tip={tip} subText={subLabel} labelColor={labelColor} />}\n <Inner\n tabIndex={1}\n open={open}\n width={width}\n onFocus={() => setOpen(true)}\n onBlur={() => setOpen(false)}\n darkThemeProps={darkThemeProps}\n borderColor={borderColor}\n height={height}\n >\n <TopRow darkThemeProps={darkThemeProps} >\n <Icon icon={icon} size={14} color={Colors.Grey4} />\n <Input\n darkThemeProps={darkThemeProps}\n placeholder={placeholder}\n value={(() => {\n switch (type) {\n case SearchDropdownTypes.SingleSelect:\n if (open) return searchQuery ?? \"\";\n else {\n const itemValue = items.find((item) => item.value === value)?.text;\n if (itemValue) return itemValue;\n else if (Boolean(value)) return 'Loading...';\n else return '';\n }\n\n case SearchDropdownTypes.MultiSelect:\n if (open) return searchQuery ?? \"\";\n else return \"\";\n }\n })()}\n onChange={(e) => {\n if (open && setSearchQuery) {\n setSearchQuery(e.target.value);\n }\n }}\n />\n {onClear && value && <Icon icon={IconEnum.CancelCircle} size={14} color={Colors.Grey5} onClick={() => onClear()} />}\n </TopRow>\n <ItemsContainer footer={Boolean(footer)}>\n {items &&\n items?.map((item) => {\n return (\n <Item\n key={item.value}\n darkThemeProps={darkThemeProps}\n selected={item.value === value}\n onClick={() => {\n setOpen(false);\n onChange(item.value);\n }}\n >\n {item.text}\n </Item>\n );\n })}\n {!items || (!items.length && <NoItems darkThemeProps={darkThemeProps}>No results found...</NoItems>)}\n </ItemsContainer>\n {footer && <Footer>{footer}</Footer>}\n </Inner>\n </Container>\n );\n};"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellout/ui",
3
- "version": "0.0.301",
3
+ "version": "0.0.302",
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.301",
56
+ "@sellout/utils": "^0.0.302",
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": "f8b64fc7e1745271b78083b72f772d0eb52787fe",
65
+ "gitHead": "1e958f5b08089395e9ea9222ae1724e458cce790",
66
66
  "peerDependencies": {
67
67
  "react": "16.14.0",
68
68
  "react-dom": "16.14.0",