@draftbit/core 46.2.3 → 46.2.4-d94d1a.0

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

@@ -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 ? Object.assign.bind() : 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,25 +74,4 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(AccordionItem);
 
-exports.default = _default;StyleSheet.create({
-  container: {
-    padding: 8
-  },
-  row: {
-    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;

package/lib/commonjs/components/TextField.js

@@ -193,6 +193,7 @@ class TextField extends React.Component {
       rightIconName,
       assistiveText,
       underlineColor: underlineColorProp,
+      activeBorderColor: activeBorderColorProp,
       multiline = false,
       numberOfLines = 4,
       style,
@@ -220,7 +221,7 @@ class TextField extends React.Component {
       underlineColor = "transparent";
       backgroundColor = colors.divider;
     } else {
-      activeColor = error ? colors.error : colors.primary;
+      activeColor = error ? colors.error : activeBorderColorProp;
       placeholderColor = borderColor = colors.light;
       underlineColor = underlineColorProp;
       backgroundColor = colors.background;

package/lib/commonjs/mappings/TextField.js

@@ -290,6 +290,10 @@ const SEED_DATA = [{
       label: "Underline Color",
       defaultValue: "light"
     }),
+    activeBorderColor: (0, _types.createColorProp)({
+      label: "Active Border Color",
+      defaultValue: "primary"
+    }),
     secureTextEntry: {
       group: _types.GROUPS.basic,
       label: "Password field",

package/lib/module/components/TextField.js

@@ -177,6 +177,7 @@ class TextField extends React.Component {
       rightIconName,
       assistiveText,
       underlineColor: underlineColorProp,
+      activeBorderColor: activeBorderColorProp,
       multiline = false,
       numberOfLines = 4,
       style,
@@ -204,7 +205,7 @@ class TextField extends React.Component {
       underlineColor = "transparent";
       backgroundColor = colors.divider;
     } else {
-      activeColor = error ? colors.error : colors.primary;
+      activeColor = error ? colors.error : activeBorderColorProp;
       placeholderColor = borderColor = colors.light;
       underlineColor = underlineColorProp;
       backgroundColor = colors.background;

package/lib/module/mappings/TextField.js

@@ -282,6 +282,10 @@ export const SEED_DATA = [{
       label: "Underline Color",
       defaultValue: "light"
     }),
+    activeBorderColor: createColorProp({
+      label: "Active Border Color",
+      defaultValue: "primary"
+    }),
     secureTextEntry: {
       group: GROUPS.basic,
       label: "Password field",

package/lib/typescript/src/components/TextField.d.ts

@@ -17,6 +17,7 @@ export declare type Props = {
     multiline?: boolean;
     numberOfLines: number;
     underlineColor?: string;
+    activeBorderColor?: string;
     style?: StyleProp<ViewStyle> & {
         height?: number;
     };

package/lib/typescript/src/mappings/TextField.d.ts

@@ -28,6 +28,16 @@ export declare const SEED_DATA: ({
             formType: string;
             propType: string;
         };
+        activeBorderColor: {
+            group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
+        };
         secureTextEntry: {
             group: string;
             label: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.2.3",
+  "version": "46.2.4-d94d1a.0+d94d1a55",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -79,5 +79,5 @@
       ]
     ]
   },
-  "gitHead": "9a0a65dfc2aff945da5cbe7db48d07114c8cea7c"
+  "gitHead": "d94d1a55b219bfcdb12682c4d2bcf3358fcc1b61"
 }

package/src/components/TextField.js

@@ -136,7 +136,7 @@ class TextField extends React.Component {
         return this._root && this._root.blur();
     }
     render() {
-        const { Icon, type = "underline", disabled = false, label, error = false, leftIconName, leftIconMode, rightIconName, assistiveText, underlineColor: underlineColorProp, multiline = false, numberOfLines = 4, style, theme: { colors, typography, roundness, disabledOpacity }, render = (props) => React.createElement(NativeTextInput, { ...props }), ...rest } = this.props;
+        const { Icon, type = "underline", disabled = false, label, error = false, leftIconName, leftIconMode, rightIconName, assistiveText, underlineColor: underlineColorProp, activeBorderColor: activeBorderColorProp, multiline = false, numberOfLines = 4, style, theme: { colors, typography, roundness, disabledOpacity }, render = (props) => React.createElement(NativeTextInput, { ...props }), ...rest } = this.props;
         const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
         const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);
         const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;
@@ -152,7 +152,7 @@ class TextField extends React.Component {
             backgroundColor = colors.divider;
         }
         else {
-            activeColor = error ? colors.error : colors.primary;
+            activeColor = error ? colors.error : activeBorderColorProp;
             placeholderColor = borderColor = colors.light;
             underlineColor = underlineColorProp;
             backgroundColor = colors.background;

package/src/components/TextField.tsx

@@ -42,6 +42,7 @@ export type Props = {
   multiline?: boolean;
   numberOfLines: number;
   underlineColor?: string;
+  activeBorderColor?: string;
   style?: StyleProp<ViewStyle> & { height?: number };
   theme: Theme;
   render?: (
@@ -237,6 +238,7 @@ class TextField extends React.Component<Props, State> {
       rightIconName,
       assistiveText,
       underlineColor: underlineColorProp,
+      activeBorderColor: activeBorderColorProp,
       multiline = false,
       numberOfLines = 4,
       style,
@@ -269,7 +271,7 @@ class TextField extends React.Component<Props, State> {
       underlineColor = "transparent";
       backgroundColor = colors.divider;
     } else {
-      activeColor = error ? colors.error : colors.primary;
+      activeColor = error ? colors.error : activeBorderColorProp;
       placeholderColor = borderColor = colors.light;
       underlineColor = underlineColorProp;
       backgroundColor = colors.background;

package/src/mappings/TextField.js

@@ -312,6 +312,10 @@ export const SEED_DATA = [
                 label: "Underline Color",
                 defaultValue: "light",
             }),
+            activeBorderColor: createColorProp({
+                label: "Active Border Color",
+                defaultValue: "primary",
+            }),
             secureTextEntry: {
                 group: GROUPS.basic,
                 label: "Password field",

package/src/mappings/TextField.ts

@@ -334,6 +334,10 @@ export const SEED_DATA = [
         label: "Underline Color",
         defaultValue: "light",
       }),
+      activeBorderColor: createColorProp({
+        label: "Active Border Color",
+        defaultValue: "primary",
+      }),
       secureTextEntry: {
         group: GROUPS.basic,
         label: "Password field",