npm - @draftbit/core - Versions diffs - 44.1.13-91822a.0 → 44.1.13-c10e64.0 - Mend

@draftbit/core 44.1.13-91822a.0 → 44.1.13-c10e64.0

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 (66) hide show

package/lib/commonjs/components/Accordion/AccordionItem.js CHANGED Viewed

@@ -21,6 +21,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const AccordionItem = _ref => {
   let {
     Icon,
@@ -35,10 +37,9 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
-    style: [styles.container, viewStyles],
-    ...rest
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
+    style: [styles.container, viewStyles]
+  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -73,22 +74,5 @@ const styles = _reactNative.StyleSheet.create({
 var _default = (0, _theming.withTheme)(AccordionItem);
-exports.default = _default;
-//# sourceMappingURL=AccordionItem.js.map    flexDirection: "row",
-    alignItems: "center",
-    paddingLeft: 8
-  },
-  item: {
-    marginVertical: 6,
-    paddingLeft: 8
-  },
-  content: {
-    flex: 1,
-    justifyContent: "center"
-  }
-});
-var _default = (0, _theming.withTheme)(AccordionItem);
 exports.default = _default;
 //# sourceMappingURL=AccordionItem.js.map

package/lib/commonjs/components/CircularProgress.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["CircularProgress.tsx"],"names":["CircularProgress","React","Component","centerX","centerY","radius","angleInDegrees","angleInRadians","Math","PI","x","cos","y","sin","startAngle","endAngle","start","polarToCartesian","end","largeArcFlag","d","join","fill","min","max","render","size","width","backgroundWidth","tintColor","tintTransparency","backgroundColor","style","rotation","lineCap","arcSweepAngle","children","childrenContainerStyle","padding","renderCap","dashedBackground","gap","dashedTint","props","maxWidthCircle","sizeWithPadding","currentFillAngle","clampFill","backgroundPath","circlePath","circlePathItem","coordinate","cap","center","offset","localChildrenContainerStyle","position","left","top","height","borderRadius","alignItems","justifyContent","overflow","strokeDasharrayTint","Object","values","map","value","toString","strokeDasharrayBackground"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport { Svg, Path, G } from \"react-native-svg\";\n\nexport type Props = {\n size: number;\n width: number;\n backgroundWidth?: number;\n tintColor?: string;\n tintTransparency?: boolean;\n backgroundColor?: string;\n style?: StyleProp<ViewStyle>;\n rotation?: string \| number \| undefined;\n lineCap?: \"butt\" \| \"square\" \| \"round\" \| undefined;\n arcSweepAngle?: number;\n fill: number;\n children?: (fill: number) => React.ReactNode;\n childrenContainerStyle?: StyleProp<ViewStyle>;\n padding?: number;\n renderCap?: (obj: { center: { x: number; y: number } }) => React.ReactNode;\n dashedBackground?: { width: number; gap: number };\n dashedTint?: { width: number; gap: number };\n};\n\nclass CircularProgress extends React.Component<Props> {\n polarToCartesian = (\n centerX: number,\n centerY: number,\n radius: number,\n angleInDegrees: number\n ): { x: number; y: number } => {\n var angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0;\n return {\n x: centerX + radius * Math.cos(angleInRadians),\n y: centerY + radius * Math.sin(angleInRadians),\n };\n };\n\n circlePath = (\n x: number,\n y: number,\n radius: number,\n startAngle: number,\n endAngle: number\n ): string => {\n var start = this.polarToCartesian(x, y, radius, endAngle * 0.9999);\n var end = this.polarToCartesian(x, y, radius, startAngle);\n var largeArcFlag = endAngle - startAngle <= 180 ? \"0\" : \"1\";\n var d = [\n \"M\",\n start.x,\n start.y,\n \"A\",\n radius,\n radius,\n 0,\n largeArcFlag,\n 0,\n end.x,\n end.y,\n ];\n return d.join(\" \");\n };\n\n clampFill = (fill: number) => Math.min(100, Math.max(0, fill));\n\n render() {\n const {\n size,\n width,\n backgroundWidth,\n tintColor = \"black\",\n tintTransparency = true,\n backgroundColor,\n style,\n rotation = 90,\n lineCap = \"butt\",\n arcSweepAngle = 360,\n fill,\n children,\n childrenContainerStyle,\n padding = 0,\n renderCap,\n dashedBackground = { width: 0, gap: 0 },\n dashedTint = { width: 0, gap: 0 },\n } = this.props;\n\n const maxWidthCircle = backgroundWidth\n ? Math.max(width, backgroundWidth)\n : width;\n const sizeWithPadding = size / 2 + padding / 2;\n const radius = size / 2 - maxWidthCircle / 2 - padding / 2;\n\n const currentFillAngle = (arcSweepAngle * this.clampFill(fill)) / 100;\n const backgroundPath = this.circlePath(\n sizeWithPadding,\n sizeWithPadding,\n radius,\n tintTransparency ? 0 : currentFillAngle,\n arcSweepAngle\n );\n const circlePathItem = this.circlePath(\n sizeWithPadding,\n sizeWithPadding,\n radius,\n 0,\n currentFillAngle\n );\n const coordinate = this.polarToCartesian(\n sizeWithPadding,\n sizeWithPadding,\n radius,\n currentFillAngle\n );\n const cap = renderCap ? renderCap({ center: coordinate }) : null;\n\n const offset = size - maxWidthCircle * 2;\n\n const localChildrenContainerStyle: StyleProp<ViewStyle>[] = [\n {\n position: \"absolute\",\n left: maxWidthCircle + padding / 2,\n top: maxWidthCircle + padding / 2,\n width: offset,\n height: offset,\n borderRadius: offset / 2,\n alignItems: \"center\",\n justifyContent: \"center\",\n overflow: \"hidden\",\n },\n childrenContainerStyle,\n ];\n\n const strokeDasharrayTint =\n dashedTint.gap > 0\n ? Object.values(dashedTint)\n .map((value) => value.toString())\n .join(\" \")\n : \"\";\n\n const strokeDasharrayBackground =\n dashedBackground.gap > 0\n ? Object.values(dashedBackground)\n .map((value) => value.toString())\n .join(\" \")\n : \"\";\n\n return (\n <View style={style}>\n <Svg width={size + padding} height={size + padding}>\n <G\n rotation={rotation}\n originX={(size + padding) / 2}\n originY={(size + padding) / 2}\n >\n {backgroundColor && (\n <Path\n d={backgroundPath}\n stroke={backgroundColor}\n strokeWidth={backgroundWidth \|\| width}\n strokeLinecap={lineCap}\n strokeDasharray={strokeDasharrayBackground}\n fill=\"transparent\"\n />\n )}\n {fill > 0 && (\n <Path\n d={circlePathItem}\n stroke={tintColor}\n strokeWidth={width}\n strokeLinecap={lineCap}\n strokeDasharray={strokeDasharrayTint}\n fill=\"transparent\"\n />\n )}\n {cap}\n </G>\n </Svg>\n {children && (\n <View style={localChildrenContainerStyle}>{children(fill)}</View>\n )}\n </View>\n );\n }\n}\n\nexport default CircularProgress;\n"]}
1	+ {"version":3,"sources":["CircularProgress.js"],"names":["CircularProgress","React","Component","centerX","centerY","radius","angleInDegrees","angleInRadians","Math","PI","x","cos","y","sin","startAngle","endAngle","start","polarToCartesian","end","largeArcFlag","d","join","fill","min","max","render","size","width","backgroundWidth","tintColor","tintTransparency","backgroundColor","style","rotation","lineCap","arcSweepAngle","children","childrenContainerStyle","padding","renderCap","dashedBackground","gap","dashedTint","props","maxWidthCircle","sizeWithPadding","currentFillAngle","clampFill","backgroundPath","circlePath","circlePathItem","coordinate","cap","center","offset","localChildrenContainerStyle","position","left","top","height","borderRadius","alignItems","justifyContent","overflow","strokeDasharrayTint","Object","values","map","value","toString","strokeDasharrayBackground","createElement","View","Svg","G","originX","originY","Path","stroke","strokeWidth","strokeLinecap","strokeDasharray"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { View } from \"react-native\";\nimport { Svg, Path, G } from \"react-native-svg\";\nclass CircularProgress extends React.Component {\n polarToCartesian = (centerX, centerY, radius, angleInDegrees) => {\n var angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0;\n return {\n x: centerX + radius * Math.cos(angleInRadians),\n y: centerY + radius * Math.sin(angleInRadians),\n };\n };\n circlePath = (x, y, radius, startAngle, endAngle) => {\n var start = this.polarToCartesian(x, y, radius, endAngle * 0.9999);\n var end = this.polarToCartesian(x, y, radius, startAngle);\n var largeArcFlag = endAngle - startAngle <= 180 ? \"0\" : \"1\";\n var d = [\n \"M\",\n start.x,\n start.y,\n \"A\",\n radius,\n radius,\n 0,\n largeArcFlag,\n 0,\n end.x,\n end.y,\n ];\n return d.join(\" \");\n };\n clampFill = (fill) => Math.min(100, Math.max(0, fill));\n render() {\n const { size, width, backgroundWidth, tintColor = \"black\", tintTransparency = true, backgroundColor, style, rotation = 90, lineCap = \"butt\", arcSweepAngle = 360, fill, children, childrenContainerStyle, padding = 0, renderCap, dashedBackground = { width: 0, gap: 0 }, dashedTint = { width: 0, gap: 0 }, } = this.props;\n const maxWidthCircle = backgroundWidth\n ? Math.max(width, backgroundWidth)\n : width;\n const sizeWithPadding = size / 2 + padding / 2;\n const radius = size / 2 - maxWidthCircle / 2 - padding / 2;\n const currentFillAngle = (arcSweepAngle * this.clampFill(fill)) / 100;\n const backgroundPath = this.circlePath(sizeWithPadding, sizeWithPadding, radius, tintTransparency ? 0 : currentFillAngle, arcSweepAngle);\n const circlePathItem = this.circlePath(sizeWithPadding, sizeWithPadding, radius, 0, currentFillAngle);\n const coordinate = this.polarToCartesian(sizeWithPadding, sizeWithPadding, radius, currentFillAngle);\n const cap = renderCap ? renderCap({ center: coordinate }) : null;\n const offset = size - maxWidthCircle * 2;\n const localChildrenContainerStyle = [\n {\n position: \"absolute\",\n left: maxWidthCircle + padding / 2,\n top: maxWidthCircle + padding / 2,\n width: offset,\n height: offset,\n borderRadius: offset / 2,\n alignItems: \"center\",\n justifyContent: \"center\",\n overflow: \"hidden\",\n },\n childrenContainerStyle,\n ];\n const strokeDasharrayTint = dashedTint.gap > 0\n ? Object.values(dashedTint)\n .map((value) => value.toString())\n .join(\" \")\n : \"\";\n const strokeDasharrayBackground = dashedBackground.gap > 0\n ? Object.values(dashedBackground)\n .map((value) => value.toString())\n .join(\" \")\n : \"\";\n return (React.createElement(View, { style: style },\n React.createElement(Svg, { width: size + padding, height: size + padding },\n React.createElement(G, { rotation: rotation, originX: (size + padding) / 2, originY: (size + padding) / 2 },\n backgroundColor && (React.createElement(Path, { d: backgroundPath, stroke: backgroundColor, strokeWidth: backgroundWidth \|\| width, strokeLinecap: lineCap, strokeDasharray: strokeDasharrayBackground, fill: \"transparent\" })),\n fill > 0 && (React.createElement(Path, { d: circlePathItem, stroke: tintColor, strokeWidth: width, strokeLinecap: lineCap, strokeDasharray: strokeDasharrayTint, fill: \"transparent\" })),\n cap)),\n children && (React.createElement(View, { style: localChildrenContainerStyle }, children(fill)))));\n }\n}\nexport default CircularProgress;\n"]}

package/lib/commonjs/components/DatePicker/DatePickerComponent.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["DatePickerComponent.web.~~tsx~~"],"names":["DatePickerComponent","value","onChange","mode","toggleVisibility","isVisible","theme","internalTheme","palette","primary","main","colors","Theme","secondary","Picker","DatePicker","TimePicker","DateTimePicker","DateFnsUtils","d"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;~~AAMA~~;;~~AAEA~~;;AACA;;;;~~AAEA~~,MAAMA,~~mBAA8D~~,GAAG,~~QAOjE~~;AAAA;;AAAA,~~MAPkE~~;~~AACtEC~~,IAAAA,~~KADsE~~;~~AAEtEC~~,IAAAA,~~QAFsE~~;~~AAGtEC~~,IAAAA,~~IAHsE~~;~~AAItEC~~,IAAAA,~~gBAJsE~~;~~AAKtEC~~,IAAAA,~~SALsE~~;~~AAMtEC~~,IAAAA;~~AANsE~~,~~GAOlE~~;~~AACJ~~,QAAMC,aAAa,GAAG,4BAAe;~~AACnCC~~,IAAAA,OAAO,EAAE;~~AACPC~~,MAAAA,OAAO,EAAE;~~AACPC~~,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,wCAAEA,KAAK,CAAEK,MAAT,kDAAE,cAAeF,OAAjB,yEAA4BG,sBAAMD,MAAN,CAAaF;~~AADtC~~,~~OADF~~;~~AAIPI~~,MAAAA,SAAS,EAAE;~~AACTH~~,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,yCAAEA,KAAK,CAAEK,MAAT,mDAAE,eAAeE,SAAjB,yEAA8BD,sBAAMD,MAAN,CAAaE;~~AADtC~~;~~AAJJ~~;~~AAD0B~~,GAAf,CAAtB;~~AAWA~~,QAAMC,MAAM,~~GACVX~~,IAAI,KAAK,MAAT,~~GACIY~~,~~mBADJ~~,~~GAEIZ~~,IAAI,KAAK,MAAT,~~GACAa~~,~~mBADA~~,~~GAEAC~~,~~uBALN~~;~~AAOA~~,~~sBACE~~,~~6BAAC~~,~~gCAAD~~;~~AAAyB~~,~~IAAA~~,KAAK,EAAEC;~~AAAhC~~,~~kBACE~~,~~6BAAC~~,~~qBAAD~~;~~AAAe~~,~~IAAA~~,KAAK,~~EAAEX~~;~~AAAtB~~,~~kBACE~~,~~6BAAC~~,~~MAAD~~;~~AACE~~,~~IAAA~~,KAAK,~~EAAEN~~,~~KADT~~;~~AAEE~~,~~IAAA~~,IAAI,~~EAAEI~~,~~SAFR~~;~~AAGE~~,~~IAAA~~,QAAQ,~~EAAGc~~,CAAD,IAAO;~~AACff~~,MAAAA,gBAAgB;AAChBF,MAAAA,QAAQ,CAAC,IAAD,~~EAAOiB~~,CAAP,CAAR;~~AACD~~,~~KANH~~;~~AAOE~~,~~IAAA~~,OAAO,EAAE,~~MAAMf~~,gBAAgB,~~EAPjC~~;~~AAQE~~,~~IAAA~~,OAAO,~~EAAC~~,~~QARV~~;~~AASE~~,~~IAAA~~,kBAAkB,EAAE,MAAM;~~AAT5B~~,~~IADF~~,~~CADF~~,~~CADF~~;~~AAiBD~~,~~CA3CD~~;;~~eA6Ce~~,~~wBAAUJ~~,mBAAV,C","sourcesContent":["import React from \"react\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport {\n MuiPickersUtilsProvider~~,\n~~ DatePicker~~,\n~~ TimePicker~~,\n~~ DateTimePicker~~,\n~~} from \"@material-ui/pickers\";\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core/styles\";\nimport { ~~DatePickerComponentProps as Props } from \"./DatePickerComponentType\";\nimport {~~ withTheme } from \"../../theming\";\nimport Theme from \"../../styles/DefaultTheme\";\n\nconst DatePickerComponent: ~~React.FC<Props & { theme: typeof Theme }>~~ = ({\n value~~,\n~~ onChange~~,\n~~ mode~~,\n~~ toggleVisibility~~,\n~~ isVisible~~,\n~~ theme~~,\n~~}) => {\n const internalTheme = createMuiTheme({\n palette: {\n primary: {\n main: theme?.colors?.primary ?? Theme.colors.primary,\n },\n secondary: {\n main: theme?.colors?.secondary ?? Theme.colors.secondary,\n },\n },\n });\n\n const Picker ~~=\n~~ mode === \"date\"\n ? DatePicker\n : mode === \"time\"\n ? TimePicker\n : DateTimePicker;\n\n return (~~\n <~~MuiPickersUtilsProvider utils={DateFnsUtils}>\n <ThemeProvider theme={internalTheme}>\n <Picker~~\n value=~~{value~~}\n~~ open={isVisible~~}\n~~ onChange={(d) => {\n toggleVisibility();\n onChange(null, d);\n }~~}\n~~ onClose={() => toggleVisibility()}\~~n variant=\~~"dialog\"\n TextFieldComponent={() => null}~~\n />\n </ThemeProvider>\n </MuiPickersUtilsProvider>\n~~ );\n};\n\nexport default withTheme(DatePickerComponent);\n"]}
1	+ {"version":3,"sources":["DatePickerComponent.web.js"],"names":["DatePickerComponent","value","onChange","mode","toggleVisibility","isVisible","theme","internalTheme","palette","primary","main","colors","Theme","secondary","Picker","DatePicker","TimePicker","DateTimePicker","React","createElement","MuiPickersUtilsProvider","utils","DateFnsUtils","ThemeProvider","open","d","onClose","variant","TextFieldComponent"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AACA,MAAMA,mBAAmB,GAAG,QAAoE;AAAA;;AAAA,MAAnE;AAAEC,IAAAA,KAAF;AAASC,IAAAA,QAAT;AAAmBC,IAAAA,IAAnB;AAAyBC,IAAAA,gBAAzB;AAA2CC,IAAAA,SAA3C;AAAsDC,IAAAA;AAAtD,GAAmE;AAC5F,QAAMC,aAAa,GAAG,4BAAe;AACjCC,IAAAA,OAAO,EAAE;AACLC,MAAAA,OAAO,EAAE;AACLC,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,wCAAEA,KAAK,CAAEK,MAAT,kDAAE,cAAeF,OAAjB,yEAA4BG,sBAAMD,MAAN,CAAaF;AADxC,OADJ;AAILI,MAAAA,SAAS,EAAE;AACPH,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,yCAAEA,KAAK,CAAEK,MAAT,mDAAE,eAAeE,SAAjB,yEAA8BD,sBAAMD,MAAN,CAAaE;AADxC;AAJN;AADwB,GAAf,CAAtB;AAUA,QAAMC,MAAM,GAAGX,IAAI,KAAK,MAAT,GACTY,mBADS,GAETZ,IAAI,KAAK,MAAT,GACIa,mBADJ,GAEIC,uBAJV;AAKA,sBAAQC,eAAMC,aAAN,CAAoBC,gCAApB,EAA6C;AAAEC,IAAAA,KAAK,EAAEC;AAAT,GAA7C,eACJJ,eAAMC,aAAN,CAAoBI,qBAApB,EAAmC;AAAEjB,IAAAA,KAAK,EAAEC;AAAT,GAAnC,eACIW,eAAMC,aAAN,CAAoBL,MAApB,EAA4B;AAAEb,IAAAA,KAAK,EAAEA,KAAT;AAAgBuB,IAAAA,IAAI,EAAEnB,SAAtB;AAAiCH,IAAAA,QAAQ,EAAGuB,CAAD,IAAO;AACtErB,MAAAA,gBAAgB;AAChBF,MAAAA,QAAQ,CAAC,IAAD,EAAOuB,CAAP,CAAR;AACH,KAHuB;AAGrBC,IAAAA,OAAO,EAAE,MAAMtB,gBAAgB,EAHV;AAGcuB,IAAAA,OAAO,EAAE,QAHvB;AAGiCC,IAAAA,kBAAkB,EAAE,MAAM;AAH3D,GAA5B,CADJ,CADI,CAAR;AAMH,CAtBD;;eAuBe,wBAAU5B,mBAAV,C","sourcesContent":["import React from \"react\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport { MuiPickersUtilsProvider, DatePicker, TimePicker, DateTimePicker, } from \"@material-ui/pickers\";\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core/styles\";\nimport { withTheme } from \"../../theming\";\nimport Theme from \"../../styles/DefaultTheme\";\nconst DatePickerComponent = ({ value, onChange, mode, toggleVisibility, isVisible, theme, }) => {\n const internalTheme = createMuiTheme({\n palette: {\n primary: {\n main: theme?.colors?.primary ?? Theme.colors.primary,\n },\n secondary: {\n main: theme?.colors?.secondary ?? Theme.colors.secondary,\n },\n },\n });\n const Picker = mode === \"date\"\n ? DatePicker\n : mode === \"time\"\n ? TimePicker\n : DateTimePicker;\n return (React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils },\n React.createElement(ThemeProvider, { theme: internalTheme },\n React.createElement(Picker, { value: value, open: isVisible, onChange: (d) => {\n toggleVisibility();\n onChange(null, d);\n }, onClose: () => toggleVisibility(), variant: \"dialog\", TextFieldComponent: () => null }))));\n};\nexport default withTheme(DatePickerComponent);\n"]}

package/lib/commonjs/components/DeprecatedButton.js CHANGED Viewed

@@ -25,6 +25,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const Button = _ref => {
   let {
     Icon,
@@ -126,7 +128,7 @@ const Button = _ref => {
       alignSelf: "stretch",
       ...margins
     }
-  }, /*#__PURE__*/React.createElement(_Touchable.default, { ...rest,
+  }, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -134,7 +136,7 @@ const Button = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: [styles.button, buttonStyle, innerStyles]
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
     style: iconStyle
@@ -169,22 +171,5 @@ const styles = _reactNative.StyleSheet.create({
 var _default = (0, _theming.withTheme)(Button);
-exports.default = _default;
-//# sourceMappingURL=DeprecatedButton.js.map
-    minWidth: 64,
-    borderStyle: "solid"
-  },
-  content: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  icon: {
-    width: _Config.default.buttonIconSize
-  }
-});
-var _default = (0, _theming.withTheme)(Button);
 exports.default = _default;
 //# sourceMappingURL=DeprecatedButton.js.map

package/lib/commonjs/components/DeprecatedButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["DeprecatedButton.js"],"names":["Button","Icon","icon","disabled","type","loading","labelColor","color","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","Config","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","~~React","createElement","Elevation","~~alignSelf","~~Touchable","accessibilityState","accessibilityRole","~~button","~~View","~~content","~~name","size","ActivityIndicator","Text","numberOfLines","~~create","minWidth","borderStyle","flexDirection","alignItems","justifyContent"],"mappings":";;;;;;;AAAA;;AACA;;~~AACA~~;;AACA;;AACA;;AACA;;AACA~~;;;;;;;;AACA~~,MAAMA,~~MAAM~~,GAAG,~~QAAsN~~;AAAA,~~MAArN~~;~~AAAEC~~,IAAAA,~~IAAF~~;~~AAAQC~~,IAAAA,~~IAAR~~;~~AAAcC~~,IAAAA,QAAQ,GAAG,~~KAAzB~~;~~AAAgCC~~,IAAAA,IAAI,GAAG,~~OAAvC~~;~~AAAgDC~~,IAAAA,OAAO,GAAG,~~KAA1D~~;~~AAAiEC~~,IAAAA,~~UAAjE~~;~~AAA6EC~~,IAAAA,KAAK,EAAEC,~~aAApF~~;~~AAAmGC~~,IAAAA,~~QAAnG~~;~~AAA6GC~~,IAAAA,~~OAA7G~~;~~AAAsHC~~,IAAAA,SAAS,GAAG,~~CAAlI~~;~~AAAqIC~~,IAAAA,~~KAArI~~;~~AAA4IC~~,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAF;AAAUC,MAAAA,eAAV;AAA2BC,MAAAA,SAA3B;AAAsCC,MAAAA;AAAtC,~~KAAnJ~~;~~AAAuM~~,OAAGC;~~AAA1M~~,~~GAAqN~~;~~AACjO~~,MAAIC,eAAJ,EAAqBC,WAArB,EAAkCC,SAAlC,EAA6CC,WAA7C;AACA,QAAMC,WAAW,GAAGf,aAAa,IAAIM,MAAM,CAACU,OAA5C;;~~AACA~~,MAAIpB,IAAI,KAAK,OAAb,EAAsB;~~AAClBe~~,IAAAA,eAAe,GAAGI,WAAlB;;~~AACA~~,QAAIpB,QAAJ,EAAc;~~AACVkB~~,MAAAA,SAAS,GAAG,oBAAMP,MAAM,CAACW,OAAb,EAAsBC,KAAtB,CAA4BX,eAA5B,EAA6CY,GAA7C,GAAmDC,MAAnD,EAAZ;~~AACH~~,KAFD,~~MAGK~~;~~AACDP~~,MAAAA,SAAS,GAAGf,UAAU,IAAIQ,MAAM,CAACW,OAAjC;~~AACH~~;~~AACJ~~,GARD,~~MASK~~;~~AACDN~~,IAAAA,eAAe,GAAG,aAAlB;;~~AACA~~,QAAIhB,QAAJ,EAAc;~~AACVkB~~,MAAAA,SAAS,GAAG,oBAAME,WAAN,EAAmBG,KAAnB,CAAyBX,eAAzB,EAA0CY,GAA1C,GAAgDC,MAAhD,EAAZ;~~AACH~~,KAFD,~~MAGK~~;~~AACDP~~,MAAAA,SAAS,GAAGf,UAAU,IAAIiB,WAA1B;~~AACH~~;~~AACJ~~;;~~AACD~~,MAAInB,IAAI,KAAK,SAAb,EAAwB;~~AACpB~~,QAAID,QAAJ,EAAc;~~AACViB~~,MAAAA,WAAW,GAAG,oBAAMG,WAAN,EAAmBG,KAAnB,CAAyBX,eAAzB,EAA0CY,GAA1C,GAAgDC,MAAhD,EAAd;~~AACH~~,KAFD,~~MAGK~~;~~AACDR~~,MAAAA,WAAW,GAAGG,WAAd;~~AACH~~;;AACDD,IAAAA,WAAW,GAAGO,wBAAWC,aAAzB;~~AACH~~,~~GARD~~,~~MASK~~;~~AACDV~~,IAAAA,WAAW,GAAG,aAAd;AACAE,IAAAA,WAAW,GAAG,CAAd;~~AACH~~;;~~AACD~~,QAAMS,WAAW,GAAG;~~AAChBZ~~,IAAAA,~~eADgB~~;~~AAEhBC~~,IAAAA,~~WAFgB~~;~~AAGhBE~~,IAAAA,~~WAHgB~~;~~AAIhBU~~,IAAAA,YAAY,EAAEhB;~~AAJE~~,GAApB;~~AAMA~~,QAAMiB,~~SAAS~~,GAAG;~~AACdC~~,IAAAA,SAAS,EAAE,~~QADG~~;~~AAEd3B~~,IAAAA,KAAK,EAAEc,~~SAFO~~;~~AAGdc~~,IAAAA,cAAc,EAAE,~~EAHF~~;~~AAIdC~~,IAAAA,gBAAgB,EAAE;~~AAJJ~~,~~GAAlB~~;~~AAMA~~,QAAMC,SAAS,GAAG,~~CACdC~~,MAAM,CAACpC,~~IADO~~,~~EAEd~~;~~AACIqC~~,IAAAA,UAAU,EAAE,~~EADhB~~;~~AAEIC~~,IAAAA,WAAW,EAAE,CAAC,~~CAFlB~~;~~AAGIC~~,IAAAA,KAAK,EAAEC,gBAAOC;~~AAHlB~~,~~GAFc~~,CAAlB;;~~AAQA~~,QAAM;~~AAAEC~~,IAAAA,~~MAAF~~;~~AAAUC~~,IAAAA,~~SAAV~~;~~AAAqBC~~,IAAAA,~~SAArB~~;~~AAAgCP~~,IAAAA,~~UAAhC~~;~~AAA4CC~~,IAAAA,~~WAA5C~~;~~AAAyDO~~,IAAAA,~~YAAzD~~;~~AAAuEX~~,IAAAA,~~gBAAvE~~;~~AAAyFD~~,IAAAA,~~cAAzF~~;~~AAAyG~~,OAAGa;~~AAA5G~~,~~MAA4HnB~~,wBAAWoB,OAAX,CAAmBrC,KAAK,IAAI,EAA5B,~~CAAlI~~;;~~AACA~~,QAAMsC,OAAO,GAAG;~~AACZN~~,IAAAA,~~MADY~~;~~AAEZC~~,IAAAA,~~SAFY~~;~~AAGZC~~,IAAAA,~~SAHY~~;~~AAIZP~~,IAAAA,~~UAJY~~;~~AAKZC~~,IAAAA,~~WALY~~;~~AAMZO~~,IAAAA,~~YANY~~;~~AAOZX~~,IAAAA,~~gBAPY~~;~~AAQZD~~,IAAAA;~~AARY~~,GAAhB;~~AAUA~~,~~sBAAQgB~~,~~KAAK~~,~~CAACC,aAAN,CAAoBC,kBAApB,EAA+B~~;~~AAAEzC~~,~~IAAAA~~,KAAK,EAAE;~~AAAED~~,MAAAA,SAAF;~~AAAa2C~~,MAAAA,SAAS,EAAE,SAAxB;AAAmC,~~SAAGJ~~;AAAtC;~~AAAT~~,~~GAA/B~~,~~eACJC~~,~~KAAK~~,~~CAACC~~,~~aAAN,CAAoBG,kBAApB,EAA+B,EAAE,GAAGrC,IAAL~~;~~AAAWR~~,~~IAAAA~~,OAAO,~~EAAEA~~,~~OAApB~~;~~AAA6B8C~~,~~IAAAA~~,kBAAkB,EAAE;~~AAAErD~~,MAAAA;AAAF,~~KAAjD~~;~~AAA+DsD~~,~~IAAAA~~,iBAAiB,~~EAAE~~,~~QAAlF~~;~~AAA4FtD~~,~~IAAAA~~,QAAQ,EAAEA,QAAQ,IAAIE,~~OAAlH~~;~~AAA2HO~~,~~IAAAA~~,KAAK,EAAE,~~CAAC0B~~,MAAM,~~CAACoB~~,MAAR,~~EAAgB3B~~,WAAhB,EAA6BiB,WAA7B;~~AAAlI~~,~~GAA/B~~,~~eACIG~~,~~KAAK,CAACC,aAAN,CAAoBO,iBAApB,EAA0B~~;~~AAAE/C~~,~~IAAAA~~,KAAK,~~EAAE0B~~,MAAM,~~CAACsB~~;~~AAAhB~~,~~GAA1B~~,~~EACI1D,~~IAAI,IAAIG,OAAO,KAAK,IAApB,~~gBAA4B8C~~,~~KAAK~~,~~CAACC,aAAN,CAAoBO,iBAApB,EAA0B~~;~~AAAE/C~~,~~IAAAA~~,KAAK,~~EAAEyB~~;~~AAAT~~,~~GAA1B~~,~~eACxBc~~,~~KAAK,CAACC,aAAN,CAAoBnD,IAApB,EAA0B~~;~~AAAE4D~~,~~IAAAA~~,IAAI,~~EAAE3D~~,~~IAAR~~;~~AAAc4D~~,~~IAAAA~~,IAAI,~~EAAEpB~~,gBAAOC,~~cAA3B~~;~~AAA2CpC~~,~~IAAAA~~,KAAK,~~EAAEc~~;~~AAAlD~~,~~GAA1B~~,~~CADwB~~,~~CAA5B~~,~~GACiG~~,~~IAFrG~~,~~EAGIhB,~~OAAO,~~gBAAI8C~~,~~KAAK~~,~~CAACC,aAAN,CAAoBW,8BAApB,EAAuC~~;~~AAAED~~,~~IAAAA~~,IAAI,~~EAAE~~,~~OAAR~~;~~AAAiBvD~~,~~IAAAA~~,KAAK,~~EAAEc~~,~~SAAxB~~;~~AAAmCT~~,~~IAAAA~~,KAAK,~~EAAEyB~~;~~AAA1C~~,~~GAAvC~~,~~CAAJ~~,~~GAAqG~~,~~IAHhH~~,~~eAIIc~~,~~KAAK,CAACC,aAAN,CAAoBY,iBAApB,EAA0B~~;~~AAAEC~~,~~IAAAA~~,aAAa,EAAE,~~CAAjB~~;~~AAAoBrD~~,~~IAAAA~~,KAAK,EAAE,~~CAACqB~~,SAAD,EAAYhB,UAAU,~~CAACyC~~,MAAvB;~~AAA3B~~,~~GAA1B~~,~~EAAuFjD~~,~~QAAvF~~,~~CAJJ~~,~~CADJ~~,~~CADI,CAAR~~;~~AAOH~~,~~CAxED~~;;~~AAyEA~~,MAAM6B,MAAM,GAAGT,~~wBAAWqC~~,MAAX,CAAkB;~~AAC7BR~~,EAAAA,MAAM,EAAE;~~AACJS~~,IAAAA,QAAQ,EAAE,~~EADN~~;~~AAEJC~~,IAAAA,WAAW,EAAE;~~AAFT~~,~~GADqB~~;~~AAK7BR~~,EAAAA,OAAO,EAAE;~~AACLS~~,IAAAA,aAAa,EAAE,~~KADV~~;~~AAELC~~,IAAAA,UAAU,EAAE,~~QAFP~~;~~AAGLC~~,IAAAA,cAAc,EAAE;~~AAHX~~,~~GALoB~~;~~AAU7BrE~~,EAAAA,IAAI,EAAE;~~AACFuC~~,IAAAA,KAAK,EAAEC,gBAAOC;~~AADZ~~;~~AAVuB~~,CAAlB,CAAf;;~~eAce~~,wBAAU3C,MAAV,C","sourcesContent":["import * as React from \"react\";\nimport { ActivityIndicator, View, Text, StyleSheet, } from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\~~nconst~~ Button = ({ ~~Icon,~~ icon, disabled = false, type = \"solid\", loading = false, labelColor, color: colorOverride, children, onPress, elevation = 0, style, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {\n let backgroundColor, borderColor, textColor, borderWidth;\n const buttonColor = colorOverride \|\| colors.primary;\n if (type === \"solid\") {\n backgroundColor = buttonColor;\n if (disabled) {\n textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n }\n else {\n textColor = labelColor \|\| colors.surface;\n }\n }\n else {\n backgroundColor = \"transparent\";\n if (disabled) {\n textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n }\n else {\n textColor = labelColor \|\| buttonColor;\n }\n }\n if (type === \"outline\") {\n if (disabled) {\n borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n }\n else {\n borderColor = buttonColor;\n }\n borderWidth = StyleSheet.hairlineWidth;\n }\n else {\n borderColor = \"transparent\";\n borderWidth = 0;\n }\n const buttonStyle = {\n backgroundColor,\n borderColor,\n borderWidth,\n borderRadius: roundness,\n };\n const textStyle = {\n textAlign: \"center\",\n color: textColor,\n marginVertical: 16,\n marginHorizontal: 16,\n };\n const iconStyle = [\n styles.icon,\n {\n marginLeft: 16,\n marginRight: -8,\n width: Config.buttonIconSize,\n },\n ];\n const { margin, marginEnd, marginTop, marginLeft, marginRight, marginBottom, marginHorizontal, marginVertical, ...innerStyles } = StyleSheet.flatten(style \|\| {});\n const margins = {\n margin,\n marginEnd,\n marginTop,\n marginLeft,\n marginRight,\n marginBottom,\n marginHorizontal,\n marginVertical,\n };\n return (~~React.createElement(~~Elevation, { style: { elevation, alignSelf: \"stretch\", ...margins } },\n ~~React.createElement(Touchable,~~ { ...rest, onPress: onPress, accessibilityState: { disabled }, accessibilityRole~~: \~~"button\", disabled: disabled \|\| loading, style: [styles.button, buttonStyle, innerStyles] },\n ~~React.createElement(~~View, { ~~style:~~ styles.content },\n icon && loading !== true ? (~~React.createElement(~~View, { ~~style:~~ iconStyle },\n ~~React.createElement(~~Icon, { ~~name:~~ icon, size: Config.buttonIconSize, color: textColor }))) : null,\n loading ? (~~React.createElement(~~ActivityIndicator~~, {~~ size~~: \~~"small\", color: textColor, style: iconStyle })) : null,\n ~~React.createElement(~~Text, { ~~numberOfLines:~~ 1, style: [textStyle, typography.button] }, children)~~))))~~;\n};\nconst styles = StyleSheet.create({\n button: {\n minWidth: 64,\n borderStyle: \"solid\",\n },\n content: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n icon: {\n width: Config.buttonIconSize,\n },\n});\nexport default withTheme(Button);\n"]}
1	+ {"version":3,"sources":["DeprecatedButton.tsx"],"names":["Button","Icon","icon","disabled","type","loading","labelColor","color","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","Config","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","alignSelf","button","content","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n ActivityIndicator,\n View,\n Text,\n StyleSheet,\n TouchableHighlightProps,\n StyleProp,\n ViewStyle,\n TextStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\n/*\n A button is component that the user can press to trigger an action.\n \n <div class=\"screenshots\">\n * <figure>\n * <img src=\"screenshots/button-1.png\" />\n * <figcaption>Text button</figcaption>\n * </figure>\n * <figure>\n * <img src=\"screenshots/button-2.png\" />\n * <figcaption>Outlined button</figcaption>\n * </figure>\n * <figure>\n * <img src=\"screenshots/button-3.png\" />\n * <figcaption>Contained button</figcaption>\n * </figure>\n * </div>\n \n ## Usage\n * ```js\n * import * as React from 'react';\n * import { Button } from '@draftbit/ui';\n \n const MyComponent = () => (\n * <Button icon=\"add-a-photo\" type=\"solid\" onPress={() => console.log('Pressed')}>\n * Press me\n * </Button>\n * );\n \n export default MyComponent;\n * ```\n */\n\ntype Props = {\n disabled?: boolean;\n type?: \"solid\" \| \"outline\" \| \"text\";\n loading?: boolean;\n icon?: string;\n labelColor?: string;\n color?: string;\n children?: React.ReactNode;\n onPress: () => void;\n elevation?: number;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n} & TouchableHighlightProps &\n IconSlot;\n\nconst Button: React.FC<Props> = ({\n Icon,\n icon,\n disabled = false,\n type = \"solid\",\n loading = false,\n labelColor,\n color: colorOverride,\n children,\n onPress,\n elevation = 0,\n style,\n theme: { colors, disabledOpacity, roundness, typography },\n ...rest\n}) => {\n let backgroundColor, borderColor, textColor, borderWidth;\n const buttonColor = colorOverride \|\| colors.primary;\n\n if (type === \"solid\") {\n backgroundColor = buttonColor;\n\n if (disabled) {\n textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n } else {\n textColor = labelColor \|\| colors.surface;\n }\n } else {\n backgroundColor = \"transparent\";\n\n if (disabled) {\n textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n } else {\n textColor = labelColor \|\| buttonColor;\n }\n }\n\n if (type === \"outline\") {\n if (disabled) {\n borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n } else {\n borderColor = buttonColor;\n }\n borderWidth = StyleSheet.hairlineWidth;\n } else {\n borderColor = \"transparent\";\n borderWidth = 0;\n }\n\n const buttonStyle = {\n backgroundColor,\n borderColor,\n borderWidth,\n borderRadius: roundness,\n };\n\n const textStyle: StyleProp<TextStyle> = {\n textAlign: \"center\",\n color: textColor,\n marginVertical: 16,\n marginHorizontal: 16,\n };\n\n const iconStyle = [\n styles.icon,\n {\n marginLeft: 16,\n marginRight: -8,\n width: Config.buttonIconSize,\n },\n ];\n\n const {\n margin,\n marginEnd,\n marginTop,\n marginLeft,\n marginRight,\n marginBottom,\n marginHorizontal,\n marginVertical,\n ...innerStyles\n } = StyleSheet.flatten(style \|\| {});\n\n const margins = {\n margin,\n marginEnd,\n marginTop,\n marginLeft,\n marginRight,\n marginBottom,\n marginHorizontal,\n marginVertical,\n };\n\n return (\n <Elevation style={{ elevation, alignSelf: \"stretch\", ...margins }}>\n <Touchable\n {...rest}\n onPress={onPress}\n accessibilityState={{ disabled }}\n accessibilityRole=\"button\"\n disabled={disabled \|\| loading}\n style={[styles.button, buttonStyle, innerStyles]}\n >\n <View style={styles.content}>\n {icon && loading !== true ? (\n <View style={iconStyle}>\n <Icon\n name={icon}\n size={Config.buttonIconSize}\n color={textColor}\n />\n </View>\n ) : null}\n {loading ? (\n <ActivityIndicator\n size=\"small\"\n color={textColor}\n style={iconStyle}\n />\n ) : null}\n <Text numberOfLines={1} style={[textStyle, typography.button]}>\n {children}\n </Text>\n </View>\n </Touchable>\n </Elevation>\n );\n};\n\nconst styles = StyleSheet.create({\n button: {\n minWidth: 64,\n borderStyle: \"solid\",\n },\n content: {\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n icon: {\n width: Config.buttonIconSize,\n },\n});\n\nexport default withTheme(Button);\n"]}

package/lib/commonjs/components/Picker/Picker.js CHANGED Viewed

@@ -7,17 +7,9 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _lodash = require("lodash");
 var _theming = require("../../theming");
-var _Touchable = _interopRequireDefault(require("../Touchable"));
-var _utilities = require("../../utilities");
-var _PickerComponent = require("./PickerComponent");
+var _PickerComponent = _interopRequireDefault(require("./PickerComponent"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -25,27 +17,24 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-// import { SafeAreaView } from "react-native-safe-area-context";
-// import { Picker as NativePicker } from "@react-native-picker/picker";
-// import Portal from "../Portal/Portal";
-// import Button from "../DeprecatedButton";
-// @ts-expect-error
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function normalizeOptions(options) {
   if (options.length === 0) {
     return [];
   }
-  if (typeof options[0] === ("string" || "number")) {
+  if (typeof options[0] === "string") {
     return options.map(option => ({
-      label: String(option),
+      label: option,
       value: String(option)
     }));
   }
-  if ((0, _lodash.isObject)(options[0]) && options[0].value !== null && options[0].label !== null) {
+  if (options[0].label && options[0].value) {
     return options.map(option => {
       return {
-        label: String(option.label),
+        label: option.label,
         value: String(option.value)
       };
     });
@@ -54,48 +43,16 @@ function normalizeOptions(options) {
   throw new Error('Picker options must be either an array of strings or array of { "label": string; "value": string; } objects.');
 }
-const {
-  width: deviceWidth,
-  height: deviceHeight
-} = _reactNative.Dimensions.get("screen"); // const isIos = Platform.OS === "ios";
-const unstyledColor = "rgba(165, 173, 183, 1)";
-const disabledColor = "rgb(240, 240, 240)";
-const errorColor = "rgba(255, 69, 100, 1)";
 const Picker = _ref => {
-  var _find$label, _find;
   let {
-    error,
     options = [],
-    onValueChange,
-    defaultValue,
-    Icon,
-    style,
     placeholder,
+    onValueChange: onValueChangeOverride,
     value,
-    disabled = false,
-    // theme,
-    assistiveText,
-    label,
-    iconColor = unstyledColor,
-    iconSize = 24,
-    leftIconMode = "inset",
-    leftIconName,
-    placeholderTextColor = unstyledColor,
-    rightIconName,
-    type = "solid"
+    defaultValue,
+    ...props
   } = _ref;
-  const androidPickerRef = React.useRef(undefined);
   const [internalValue, setInternalValue] = React.useState(value || defaultValue);
-  const [pickerVisible, setPickerVisible] = React.useState(false);
-  const togglePickerVisible = () => {
-    setPickerVisible(!pickerVisible);
-  };
   React.useEffect(() => {
     if (value != null) {
       setInternalValue(value);
@@ -106,230 +63,36 @@ const Picker = _ref => {
       setInternalValue(defaultValue);
     }
   }, [defaultValue]);
-  React.useEffect(() => {
-    if (pickerVisible && androidPickerRef.current) {
-      var _androidPickerRef$cur;
-      androidPickerRef === null || androidPickerRef === void 0 ? void 0 : (_androidPickerRef$cur = androidPickerRef.current) === null || _androidPickerRef$cur === void 0 ? void 0 : _androidPickerRef$cur.focus();
+  const onValueChange = React.useCallback((itemValue, itemIndex) => {
+    if (placeholder && itemIndex === 0) {
+      return;
     }
-  }, [pickerVisible, androidPickerRef]);
+    onValueChangeOverride && onValueChangeOverride(String(itemValue), itemIndex);
+  }, [placeholder, onValueChangeOverride]);
   const normalizedOptions = normalizeOptions(options);
   const pickerOptions = placeholder ? [{
     value: placeholder,
     label: placeholder
-  }, ...normalizedOptions] : normalizedOptions; // const { colors } = theme;
-  const {
-    viewStyles,
-    textStyles
-  } = (0, _utilities.extractStyles)(style);
-  const additionalBorderStyles = ["backgroundColor"];
-  const additionalMarginStyles = ["bottom", "height", "left", "maxHeight", "maxWidth", "minHeight", "minWidth", "overflow", "position", "right", "top", "width", "zIndex"];
-  const {
-    borderStyles: extractedBorderStyles,
-    marginStyles: extractedMarginStyles
-  } = (0, _utilities.extractBorderAndMarginStyles)(viewStyles, additionalBorderStyles, additionalMarginStyles);
-  const borderStyles = { ...{ ...(type === "solid" ? {
-        borderTopLeftRadius: 5,
-        borderTopRightRadius: 5,
-        borderBottomRightRadius: 5,
-        borderBottomLeftRadius: 5,
-        borderTopWidth: 1,
-        borderRightWidth: 1,
-        borderLeftWidth: 1
-      } : {}),
-      borderBottomWidth: 1,
-      borderColor: unstyledColor,
-      borderStyle: "solid"
-    },
-    ...extractedBorderStyles,
-    ...(error ? {
-      borderColor: errorColor
-    } : {}),
-    ...(disabled ? {
-      borderColor: "transparent",
-      backgroundColor: disabledColor
-    } : {})
-  };
-  const marginStyles = {
-    height: 60,
-    ...extractedMarginStyles
-  };
-  const stylesWithoutBordersAndMargins = (0, _lodash.omit)(viewStyles, [..._utilities.borderStyleNames, ..._utilities.marginStyleNames, ...additionalBorderStyles, ...additionalMarginStyles]);
-  const selectedLabel = internalValue && ((_find$label = (_find = pickerOptions.find(option => option.value === internalValue)) === null || _find === void 0 ? void 0 : _find.label) !== null && _find$label !== void 0 ? _find$label : internalValue);
-  const labelText = label ? /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: {
-      textAlign: textStyles.textAlign,
-      color: unstyledColor,
-      fontSize: 12,
-      paddingBottom: 4
-    }
-  }, label) : null;
-  const leftIconOutset = leftIconMode === "outset";
-  const leftIcon = leftIconName ? /*#__PURE__*/React.createElement(Icon, {
-    name: leftIconName,
-    color: disabled ? unstyledColor : iconColor,
-    size: iconSize,
-    style: {
-      marginRight: 4,
-      marginLeft: 4
-    }
-  }) : null;
-  const rightIcon = rightIconName ? /*#__PURE__*/React.createElement(Icon, {
-    name: rightIconName,
-    color: disabled ? unstyledColor : iconColor,
-    size: iconSize,
-    style: {
-      marginRight: -10,
-      marginLeft: 8
-    }
-  }) : null;
-  const textAlign = textStyles === null || textStyles === void 0 ? void 0 : textStyles.textAlign;
-  const calculateLeftPadding = () => {
-    if (leftIconOutset) {
-      if (textAlign === "center") {
-        return iconSize - Math.abs(8 - iconSize);
-      }
-      return iconSize + 8;
-    }
-    return 0;
-  };
-  const assistiveTextLabel = assistiveText ? /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: {
-      textAlign,
-      width: "100%",
-      paddingLeft: calculateLeftPadding(),
-      color: unstyledColor,
-      fontSize: 12,
-      paddingTop: 4
-    }
-  }, assistiveText) : null;
-  const primaryTextStyle = {
-    color: unstyledColor,
-    fontSize: 14,
-    ...(0, _lodash.pickBy)(textStyles, _lodash.identity),
-    ...(placeholder === internalValue ? {
-      color: placeholderTextColor
-    } : {}),
-    ...(disabled ? {
-      color: unstyledColor
-    } : {})
-  };
+  }, ...normalizedOptions] : normalizedOptions;
   const handleValueChange = (newValue, itemIndex) => {
-    if (!placeholder || itemIndex > 0) {
-      onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newValue, itemIndex);
-    }
     setInternalValue(newValue);
-  };
-  return (
-    /*#__PURE__*/
+    if (onValueChange) {
+      onValueChange(newValue, itemIndex);
+    }
+  };
-    /* marginsContainer */
-    React.createElement(_reactNative.View, {
-      style: [styles.marginsContainer, marginStyles]
-    }, /*#__PURE__*/React.createElement(_Touchable.default, {
-      disabled: disabled,
-      onPress: togglePickerVisible,
-      style: styles.touchableContainer
-    }, /*#__PURE__*/React.createElement(_reactNative.View, {
-      pointerEvents: "none",
-      style: [styles.outsetContainer, stylesWithoutBordersAndMargins, !leftIconOutset ? borderStyles : {}]
-    }, leftIcon, /*#__PURE__*/React.createElement(_reactNative.View, {
-      style: [styles.insetContainer, leftIconOutset ? borderStyles : {}]
-    }, /*#__PURE__*/React.createElement(_reactNative.View, {
-      style: styles.primaryTextContainer
-    }, labelText, /*#__PURE__*/React.createElement(_reactNative.Text, {
-      style: primaryTextStyle
-    }, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), pickerVisible ? /*#__PURE__*/React.createElement(_PickerComponent.PickerComponent, {
-      Icon,
-      androidPickerRef,
-      togglePickerVisible,
-      pickerOptions,
-      internalValue,
-      handleValueChange
-    }) : null)
-  );
+  return /*#__PURE__*/React.createElement(_PickerComponent.default, _extends({}, props, {
+    selectedValue: String(internalValue),
+    placeholder: placeholder,
+    options: pickerOptions,
+    onValueChange: handleValueChange
+  }));
 };
 var _default = (0, _theming.withTheme)(Picker);
 exports.default = _default;
-const styles = _reactNative.StyleSheet.create({
-  marginsContainer: {
-    alignSelf: "stretch",
-    alignItems: "center",
-    width: "100%",
-    maxWidth: deviceWidth
-  },
-  touchableContainer: {
-    flex: 1,
-    height: "100%",
-    width: "100%",
-    alignSelf: "stretch",
-    alignItems: "center"
-  },
-  outsetContainer: {
-    flex: 1,
-    height: "100%",
-    width: "100%",
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between"
-  },
-  insetContainer: {
-    flex: 1,
-    height: "100%",
-    width: "100%",
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingLeft: 12,
-    paddingRight: 12
-  },
-  primaryTextContainer: {
-    flex: 1
-  },
-  iosPicker: {
-    position: "absolute",
-    bottom: 0,
-    left: 0,
-    right: 0,
-    flexDirection: "row",
-    justifyContent: "center",
-    width: "100%",
-    maxWidth: deviceWidth,
-    maxHeight: deviceHeight
-  },
-  iosSafeArea: {
-    backgroundColor: "white",
-    flexDirection: "column",
-    width: "100%",
-    maxWidth: deviceWidth
-  },
-  iosButton: {
-    alignSelf: "flex-end"
-  },
-  iosNativePicker: {
-    backgroundColor: "white"
-  },
-  nonIosPicker: {
-    opacity: 0,
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: "100%",
-    maxWidth: deviceWidth,
-    maxHeight: deviceHeight
-  }
-});
 //# sourceMappingURL=Picker.js.map