@draftbit/core 46.2.1-f4deff.4 → 46.2.2-bde12f.0

package/lib/commonjs/components/CardContainerShortImage.js

@@ -21,6 +21,8 @@ var _Config = _interopRequireDefault(require("./Config"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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 CardContainerShortImage = _ref => {
   let {
     image = _Config.default.squareImageUrl,
@@ -38,11 +40,10 @@ const CardContainerShortImage = _ref => {
     onPress,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
+  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
     style: style,
-    onPress: onPress,
-    ...rest
-  }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
+    onPress: onPress
+  }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
     style: {
       elevation,
       borderRadius: roundness
@@ -92,19 +93,5 @@ const CardContainerShortImage = _ref => {
 
 var _default = (0, _theming.withTheme)(CardContainerShortImage);
 
-exports.default = _default;
-//# sourceMappingURL=CardContainerShortImage.js.map_*/_react.default.createElement(_Image.default, {
-    style: {
-      aspectRatio
-    },
-    source: typeof image === "string" ? {
-      uri: image
-    } : image,
-    resizeMode: "cover"
-  }))));
-};
-
-var _default = (0, _theming.withTheme)(CardContainerShortImage);
-
 exports.default = _default;
 //# sourceMappingURL=CardContainerShortImage.js.map

package/lib/commonjs/components/CardContainerShortImage.js.map

@@ -1 +1 @@
-{"version":3,"names":["CardContainerShortImage","image","Config","squareImageUrl","title","subtitle","mode","aspectRatio","elevation","theme","colors","roundness","typography","style","onPress","rest","React","createElement","Card","Elevation","borderRadius","View","overflow","flexDirection","justifyContent","Image","source","uri","resizeMode","padding","backgroundColor","surface","flex","Text","numberOfLines","headline5","color","strong","body2","medium","marginTop","withTheme"],"sources":["CardContainerShortImage.js"],"sourcesContent":["import React from \"react\";\nimport { View, Text, } from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nconst CardContainerShortImage = ({ image = Config.squareImageUrl, title, subtitle, mode = \"left\", aspectRatio = 1, elevation = 2, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {\n    return (React.createElement(Card, { style: style, onPress: onPress, ...rest },\n        React.createElement(Elevation, { style: {\n                elevation,\n                borderRadius: roundness,\n            } },\n            React.createElement(View, { style: {\n                    overflow: \"hidden\",\n                    flexDirection: \"row\",\n                    justifyContent: mode === \"right\" ? \"space-between\" : \"flex-start\",\n                    borderRadius: roundness,\n                } },\n                mode === \"left\" && (React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" })),\n                React.createElement(View, { style: {\n                        padding: 16,\n                        backgroundColor: colors.surface,\n                        flex: 1,\n                    } },\n                    React.createElement(Text, { numberOfLines: 1, style: [typography.headline5, { color: colors.strong }] }, title),\n                    subtitle ? (React.createElement(Text, { numberOfLines: 1, style: [\n                            typography.body2,\n                            { color: colors.medium, marginTop: 4 },\n                        ] }, subtitle)) : null),\n                mode === \"right\" && (React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }))))));\n};\nexport default withTheme(CardContainerShortImage);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AACA,MAAMA,uBAAuB,GAAG,QAA0K;EAAA,IAAzK;IAAEC,KAAK,GAAGC,eAAA,CAAOC,cAAjB;IAAiCC,KAAjC;IAAwCC,QAAxC;IAAkDC,IAAI,GAAG,MAAzD;IAAiEC,WAAW,GAAG,CAA/E;IAAkFC,SAAS,GAAG,CAA9F;IAAiGC,KAAK,EAAE;MAAEC,MAAF;MAAUC,SAAV;MAAqBC;IAArB,CAAxG;IAA2IC,KAA3I;IAAkJC,OAAlJ;IAA2J,GAAGC;EAA9J,CAAyK;EACtM,oBAAQC,cAAA,CAAMC,aAAN,CAAoBC,8BAApB,EAA0B;IAAEL,KAAK,EAAEA,KAAT;IAAgBC,OAAO,EAAEA,OAAzB;IAAkC,GAAGC;EAArC,CAA1B,eACJC,cAAA,CAAMC,aAAN,CAAoBE,kBAApB,EAA+B;IAAEN,KAAK,EAAE;MAChCL,SADgC;MAEhCY,YAAY,EAAET;IAFkB;EAAT,CAA/B,eAIIK,cAAA,CAAMC,aAAN,CAAoBI,iBAApB,EAA0B;IAAER,KAAK,EAAE;MAC3BS,QAAQ,EAAE,QADiB;MAE3BC,aAAa,EAAE,KAFY;MAG3BC,cAAc,EAAElB,IAAI,KAAK,OAAT,GAAmB,eAAnB,GAAqC,YAH1B;MAI3Bc,YAAY,EAAET;IAJa;EAAT,CAA1B,EAMIL,IAAI,KAAK,MAAT,iBAAoBU,cAAA,CAAMC,aAAN,CAAoBQ,cAApB,EAA2B;IAAEZ,KAAK,EAAE;MAAEN;IAAF,CAAT;IAA0BmB,MAAM,EAAE,OAAOzB,KAAP,KAAiB,QAAjB,GAA4B;MAAE0B,GAAG,EAAE1B;IAAP,CAA5B,GAA6CA,KAA/E;IAAsF2B,UAAU,EAAE;EAAlG,CAA3B,CANxB,eAOIZ,cAAA,CAAMC,aAAN,CAAoBI,iBAApB,EAA0B;IAAER,KAAK,EAAE;MAC3BgB,OAAO,EAAE,EADkB;MAE3BC,eAAe,EAAEpB,MAAM,CAACqB,OAFG;MAG3BC,IAAI,EAAE;IAHqB;EAAT,CAA1B,eAKIhB,cAAA,CAAMC,aAAN,CAAoBgB,iBAApB,EAA0B;IAAEC,aAAa,EAAE,CAAjB;IAAoBrB,KAAK,EAAE,CAACD,UAAU,CAACuB,SAAZ,EAAuB;MAAEC,KAAK,EAAE1B,MAAM,CAAC2B;IAAhB,CAAvB;EAA3B,CAA1B,EAAyGjC,KAAzG,CALJ,EAMIC,QAAQ,gBAAIW,cAAA,CAAMC,aAAN,CAAoBgB,iBAApB,EAA0B;IAAEC,aAAa,EAAE,CAAjB;IAAoBrB,KAAK,EAAE,CACzDD,UAAU,CAAC0B,KAD8C,EAEzD;MAAEF,KAAK,EAAE1B,MAAM,CAAC6B,MAAhB;MAAwBC,SAAS,EAAE;IAAnC,CAFyD;EAA3B,CAA1B,EAGHnC,QAHG,CAAJ,GAGc,IAT1B,CAPJ,EAiBIC,IAAI,KAAK,OAAT,iBAAqBU,cAAA,CAAMC,aAAN,CAAoBQ,cAApB,EAA2B;IAAEZ,KAAK,EAAE;MAAEN;IAAF,CAAT;IAA0BmB,MAAM,EAAE,OAAOzB,KAAP,KAAiB,QAAjB,GAA4B;MAAE0B,GAAG,EAAE1B;IAAP,CAA5B,GAA6CA,KAA/E;IAAsF2B,UAAU,EAAE;EAAlG,CAA3B,CAjBzB,CAJJ,CADI,CAAR;AAuBH,CAxBD;;eAyBe,IAAAa,kBAAA,EAAUzC,uBAAV,C"}
+{"version":3,"names":["CardContainerShortImage","image","Config","squareImageUrl","title","subtitle","mode","aspectRatio","elevation","theme","colors","roundness","typography","style","onPress","rest","borderRadius","overflow","flexDirection","justifyContent","uri","padding","backgroundColor","surface","flex","headline5","color","strong","body2","medium","marginTop","withTheme"],"sources":["CardContainerShortImage.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  View,\n  Text,\n  ImageSourcePropType,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  subtitle?: string;\n  mode?: \"right\" | \"left\";\n  aspectRatio?: number;\n  elevation?: number;\n  theme: typeof theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n};\n\nconst CardContainerShortImage: React.FC<React.PropsWithChildren<Props>> = ({\n  image = Config.squareImageUrl,\n  title,\n  subtitle,\n  mode = \"left\",\n  aspectRatio = 1,\n  elevation = 2,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  return (\n    <Card style={style} onPress={onPress} {...rest}>\n      <Elevation\n        style={{\n          elevation,\n          borderRadius: roundness,\n        }}\n      >\n        <View\n          style={{\n            overflow: \"hidden\",\n            flexDirection: \"row\",\n            justifyContent: mode === \"right\" ? \"space-between\" : \"flex-start\",\n            borderRadius: roundness,\n          }}\n        >\n          {mode === \"left\" && (\n            <Image\n              style={{ aspectRatio }}\n              source={typeof image === \"string\" ? { uri: image } : image}\n              resizeMode=\"cover\"\n            />\n          )}\n          <View\n            style={{\n              padding: 16,\n              backgroundColor: colors.surface,\n              flex: 1,\n            }}\n          >\n            <Text\n              numberOfLines={1}\n              style={[typography.headline5, { color: colors.strong }]}\n            >\n              {title}\n            </Text>\n            {subtitle ? (\n              <Text\n                numberOfLines={1}\n                style={[\n                  typography.body2,\n                  { color: colors.medium, marginTop: 4 },\n                ]}\n              >\n                {subtitle}\n              </Text>\n            ) : null}\n          </View>\n          {mode === \"right\" && (\n            <Image\n              style={{ aspectRatio }}\n              source={typeof image === \"string\" ? { uri: image } : image}\n              resizeMode=\"cover\"\n            />\n          )}\n        </View>\n      </Elevation>\n    </Card>\n  );\n};\n\nexport default withTheme(CardContainerShortImage);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AACA;;;;;;AAeA,MAAMA,uBAAiE,GAAG,QAWpE;EAAA,IAXqE;IACzEC,KAAK,GAAGC,eAAA,CAAOC,cAD0D;IAEzEC,KAFyE;IAGzEC,QAHyE;IAIzEC,IAAI,GAAG,MAJkE;IAKzEC,WAAW,GAAG,CAL2D;IAMzEC,SAAS,GAAG,CAN6D;IAOzEC,KAAK,EAAE;MAAEC,MAAF;MAAUC,SAAV;MAAqBC;IAArB,CAPkE;IAQzEC,KARyE;IASzEC,OATyE;IAUzE,GAAGC;EAVsE,CAWrE;EACJ,oBACE,6BAAC,8BAAD;IAAM,KAAK,EAAEF,KAAb;IAAoB,OAAO,EAAEC;EAA7B,GAA0CC,IAA1C,gBACE,6BAAC,kBAAD;IACE,KAAK,EAAE;MACLP,SADK;MAELQ,YAAY,EAAEL;IAFT;EADT,gBAME,6BAAC,iBAAD;IACE,KAAK,EAAE;MACLM,QAAQ,EAAE,QADL;MAELC,aAAa,EAAE,KAFV;MAGLC,cAAc,EAAEb,IAAI,KAAK,OAAT,GAAmB,eAAnB,GAAqC,YAHhD;MAILU,YAAY,EAAEL;IAJT;EADT,GAQGL,IAAI,KAAK,MAAT,iBACC,6BAAC,cAAD;IACE,KAAK,EAAE;MAAEC;IAAF,CADT;IAEE,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;MAAEmB,GAAG,EAAEnB;IAAP,CAA5B,GAA6CA,KAFvD;IAGE,UAAU,EAAC;EAHb,EATJ,eAeE,6BAAC,iBAAD;IACE,KAAK,EAAE;MACLoB,OAAO,EAAE,EADJ;MAELC,eAAe,EAAEZ,MAAM,CAACa,OAFnB;MAGLC,IAAI,EAAE;IAHD;EADT,gBAOE,6BAAC,iBAAD;IACE,aAAa,EAAE,CADjB;IAEE,KAAK,EAAE,CAACZ,UAAU,CAACa,SAAZ,EAAuB;MAAEC,KAAK,EAAEhB,MAAM,CAACiB;IAAhB,CAAvB;EAFT,GAIGvB,KAJH,CAPF,EAaGC,QAAQ,gBACP,6BAAC,iBAAD;IACE,aAAa,EAAE,CADjB;IAEE,KAAK,EAAE,CACLO,UAAU,CAACgB,KADN,EAEL;MAAEF,KAAK,EAAEhB,MAAM,CAACmB,MAAhB;MAAwBC,SAAS,EAAE;IAAnC,CAFK;EAFT,GAOGzB,QAPH,CADO,GAUL,IAvBN,CAfF,EAwCGC,IAAI,KAAK,OAAT,iBACC,6BAAC,cAAD;IACE,KAAK,EAAE;MAAEC;IAAF,CADT;IAEE,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;MAAEmB,GAAG,EAAEnB;IAAP,CAA5B,GAA6CA,KAFvD;IAGE,UAAU,EAAC;EAHb,EAzCJ,CANF,CADF,CADF;AA2DD,CAvED;;eAyEe,IAAA8B,kBAAA,EAAU/B,uBAAV,C"}

package/lib/commonjs/components/Picker/PickerComponent.android.js

@@ -27,11 +27,7 @@ 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 Picker = _ref => {
-  var _options$find$label, _options$find;
-
   let {
     style,
     options,
@@ -41,6 +37,9 @@ const Picker = _ref => {
     onValueChange: onValueChangeOverride = () => {},
     ...props
   } = _ref;
+
+  var _a, _b;
+
   const {
     viewStyles: {
       borderRadius,
@@ -87,7 +86,7 @@ const Picker = _ref => {
   };
 
   const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
-  const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
+  const selectedLabel = selectedValue && ((_b = (_a = options.find(o => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);
   return /*#__PURE__*/React.createElement(_Touchable.default, {
     disabled: disabled,
     onPress: toggleFocus,
@@ -111,7 +110,27 @@ const Picker = _ref => {
     key: o.value
   }))), /*#__PURE__*/React.createElement(_reactNative.View, {
     pointerEvents: "none"
-  }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
+  }, /*#__PURE__*/React.createElement(_TextField.default, { ...props,
+    value: selectedLabel,
+    placeholder: placeholder,
+    // @ts-ignore
+    ref: textField,
+    disabled: disabled,
+    // @ts-expect-error
+    style: stylesWithoutMargin
+  }))));
+};
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignSelf: "stretch"
+  }
+});
+
+var _default = (0, _theming.withTheme)(Picker);
+
+exports.default = _default;
+//# sourceMappingURL=PickerComponent.android.js.mapeElement(_TextField.default, _extends({}, props, {
     value: selectedLabel,
     placeholder: placeholder // @ts-ignore
     ,

package/lib/commonjs/components/Picker/PickerComponent.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","extractStyles","textField","React","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","omit","StyleSheet","flatten","selectedLabel","find","o","value","label","styles","container","opacity","position","top","left","right","bottom","width","map","create","alignSelf","withTheme"],"sources":["PickerComponent.android.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange: onValueChangeOverride = () => {},\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n  const onValueChange = (itemValue: string, itemIndex: number) => {\n    toggleFocus();\n    onValueChangeOverride(itemValue, itemIndex);\n  };\n\n  const toggleFocus = () => {\n    if (!disabled) {\n      // @ts-ignore\n      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n    }\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  const selectedLabel =\n    selectedValue &&\n    (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={toggleFocus}\n      style={[styles.container, viewStyles]}\n    >\n      <View>\n        <NativePicker\n          enabled={!disabled}\n          selectedValue={selectedValue}\n          onValueChange={onValueChange}\n          style={{\n            opacity: 0,\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            width: \"100%\",\n          }}\n        >\n          {options.map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n        <View pointerEvents=\"none\">\n          <TextField\n            {...props}\n            value={selectedLabel}\n            placeholder={placeholder}\n            // @ts-ignore\n            ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n            disabled={disabled}\n            // @ts-expect-error\n            style={stylesWithoutMargin}\n          />\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}
+{"version":3,"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","_a","_b","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","extractStyles","textField","React","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","omit","StyleSheet","flatten","selectedLabel","find","o","value","label","createElement","Touchable","onPress","styles","container","View","NativePicker","enabled","opacity","position","top","left","right","bottom","width","map","Item","key","pointerEvents","TextField","ref","create","alignSelf","withTheme"],"sources":["PickerComponent.android.js"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport { extractStyles } from \"../../utilities\";\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nconst Picker = ({ style, options, placeholder, selectedValue, disabled = false, onValueChange: onValueChangeOverride = () => { }, ...props }) => {\n    var _a, _b;\n    const { viewStyles: { borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n    borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n    borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n    borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n    borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n    borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n    borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n    backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n    padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n    paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n    paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n    paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n    paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n    ...viewStyles }, } = extractStyles(style);\n    const textField = React.useRef(undefined);\n    const onValueChange = (itemValue, itemIndex) => {\n        toggleFocus();\n        onValueChangeOverride(itemValue, itemIndex);\n    };\n    const toggleFocus = () => {\n        if (!disabled) {\n            // @ts-ignore\n            textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n        }\n    };\n    const stylesWithoutMargin = style &&\n        omit(StyleSheet.flatten(style), [\n            \"margin\",\n            \"marginTop\",\n            \"marginRight\",\n            \"marginBottom\",\n            \"marginLeft\",\n        ]);\n    const selectedLabel = selectedValue &&\n        ((_b = (_a = options.find((o) => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);\n    return (React.createElement(Touchable, { disabled: disabled, onPress: toggleFocus, style: [styles.container, viewStyles] },\n        React.createElement(View, null,\n            React.createElement(NativePicker, { enabled: !disabled, selectedValue: selectedValue, onValueChange: onValueChange, style: {\n                    opacity: 0,\n                    position: \"absolute\",\n                    top: 0,\n                    left: 0,\n                    right: 0,\n                    bottom: 0,\n                    width: \"100%\",\n                } }, options.map((o) => (React.createElement(NativePicker.Item, { label: o.label, value: o.value, key: o.value })))),\n            React.createElement(View, { pointerEvents: \"none\" },\n                React.createElement(TextField, { ...props, value: selectedLabel, placeholder: placeholder, \n                    // @ts-ignore\n                    ref: textField, disabled: disabled, \n                    // @ts-expect-error\n                    style: stylesWithoutMargin })))));\n};\nconst styles = StyleSheet.create({\n    container: {\n        alignSelf: \"stretch\",\n    },\n});\nexport default withTheme(Picker);\n"],"mappings":"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"}

package/lib/commonjs/components/Portal/PortalManager.js

@@ -13,26 +13,29 @@ 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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 /**
  * Portal host is the component which actually renders all Portals.
  */
 class PortalManager extends React.PureComponent {
   constructor() {
     super(...arguments);
-    this.state = {
+
+    _defineProperty(this, "state", {
       portals: []
-    };
+    });
 
-    this.mount = (key, children) => {
+    _defineProperty(this, "mount", (key, children) => {
       this.setState(state => ({
         portals: [...state.portals, {
           key,
           children
         }]
       }));
-    };
+    });
 
-    this.update = (key, children) => this.setState(state => ({
+    _defineProperty(this, "update", (key, children) => this.setState(state => ({
       portals: state.portals.map(item => {
         if (item.key === key) {
           return { ...item,
@@ -42,11 +45,11 @@ class PortalManager extends React.PureComponent {
 
         return item;
       })
-    }));
+    })));
 
-    this.unmount = key => this.setState(state => ({
+    _defineProperty(this, "unmount", key => this.setState(state => ({
       portals: state.portals.filter(item => item.key !== key)
-    }));
+    })));
   }
 
   render() {
@@ -68,16 +71,5 @@ class PortalManager extends React.PureComponent {
 
 }
 
-exports.default = PortalManager;
-//# sourceMappingURL=PortalManager.js.mape here to clip the elevations, otherwise they appear above sibling components */
-        ,
-        pointerEvents: "box-none",
-        style: _reactNative.StyleSheet.absoluteFill
-      }, children);
-    });
-  }
-
-}
-
 exports.default = PortalManager;
 //# sourceMappingURL=PortalManager.js.map

package/lib/commonjs/components/Portal/PortalManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["PortalManager","React","PureComponent","constructor","arguments","state","portals","mount","key","children","setState","update","map","item","unmount","filter","render","createElement","View","collapsable","pointerEvents","style","StyleSheet","absoluteFill"],"sources":["PortalManager.js"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\n/**\n * Portal host is the component which actually renders all Portals.\n */\nexport default class PortalManager extends React.PureComponent {\n    constructor() {\n        super(...arguments);\n        this.state = {\n            portals: [],\n        };\n        this.mount = (key, children) => {\n            this.setState((state) => ({\n                portals: [...state.portals, { key, children }],\n            }));\n        };\n        this.update = (key, children) => this.setState((state) => ({\n            portals: state.portals.map((item) => {\n                if (item.key === key) {\n                    return { ...item, children };\n                }\n                return item;\n            }),\n        }));\n        this.unmount = (key) => this.setState((state) => ({\n            portals: state.portals.filter((item) => item.key !== key),\n        }));\n    }\n    render() {\n        return this.state.portals.map(({ key, children }) => (React.createElement(View, { key: key, collapsable: false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */, pointerEvents: \"box-none\", style: StyleSheet.absoluteFill }, children)));\n    }\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AACA;AACA;AACA;AACe,MAAMA,aAAN,SAA4BC,KAAK,CAACC,aAAlC,CAAgD;EAC3DC,WAAW,GAAG;IACV,MAAM,GAAGC,SAAT;IACA,KAAKC,KAAL,GAAa;MACTC,OAAO,EAAE;IADA,CAAb;;IAGA,KAAKC,KAAL,GAAa,CAACC,GAAD,EAAMC,QAAN,KAAmB;MAC5B,KAAKC,QAAL,CAAeL,KAAD,KAAY;QACtBC,OAAO,EAAE,CAAC,GAAGD,KAAK,CAACC,OAAV,EAAmB;UAAEE,GAAF;UAAOC;QAAP,CAAnB;MADa,CAAZ,CAAd;IAGH,CAJD;;IAKA,KAAKE,MAAL,GAAc,CAACH,GAAD,EAAMC,QAAN,KAAmB,KAAKC,QAAL,CAAeL,KAAD,KAAY;MACvDC,OAAO,EAAED,KAAK,CAACC,OAAN,CAAcM,GAAd,CAAmBC,IAAD,IAAU;QACjC,IAAIA,IAAI,CAACL,GAAL,KAAaA,GAAjB,EAAsB;UAClB,OAAO,EAAE,GAAGK,IAAL;YAAWJ;UAAX,CAAP;QACH;;QACD,OAAOI,IAAP;MACH,CALQ;IAD8C,CAAZ,CAAd,CAAjC;;IAQA,KAAKC,OAAL,GAAgBN,GAAD,IAAS,KAAKE,QAAL,CAAeL,KAAD,KAAY;MAC9CC,OAAO,EAAED,KAAK,CAACC,OAAN,CAAcS,MAAd,CAAsBF,IAAD,IAAUA,IAAI,CAACL,GAAL,KAAaA,GAA5C;IADqC,CAAZ,CAAd,CAAxB;EAGH;;EACDQ,MAAM,GAAG;IACL,OAAO,KAAKX,KAAL,CAAWC,OAAX,CAAmBM,GAAnB,CAAuB;MAAA,IAAC;QAAEJ,GAAF;QAAOC;MAAP,CAAD;MAAA,oBAAwBR,KAAK,CAACgB,aAAN,CAAoBC,iBAApB,EAA0B;QAAEV,GAAG,EAAEA,GAAP;QAAYW,WAAW,EAAE;QAAM;QAA/B;QAAyIC,aAAa,EAAE,UAAxJ;QAAoKC,KAAK,EAAEC,uBAAA,CAAWC;MAAtL,CAA1B,EAAgOd,QAAhO,CAAxB;IAAA,CAAvB,CAAP;EACH;;AAzB0D"}
+{"version":3,"names":["PortalManager","React","PureComponent","portals","key","children","setState","state","map","item","filter","render","StyleSheet","absoluteFill"],"sources":["PortalManager.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\n\ntype State = {\n  portals: Array<{\n    key: number;\n    children: React.ReactNode;\n  }>;\n};\n\n/**\n * Portal host is the component which actually renders all Portals.\n */\nexport default class PortalManager extends React.PureComponent<{}, State> {\n  state: State = {\n    portals: [],\n  };\n\n  mount = (key: number, children: React.ReactNode) => {\n    this.setState((state) => ({\n      portals: [...state.portals, { key, children }],\n    }));\n  };\n\n  update = (key: number, children: React.ReactNode) =>\n    this.setState((state) => ({\n      portals: state.portals.map((item) => {\n        if (item.key === key) {\n          return { ...item, children };\n        }\n        return item;\n      }),\n    }));\n\n  unmount = (key: number) =>\n    this.setState((state) => ({\n      portals: state.portals.filter((item) => item.key !== key),\n    }));\n\n  render() {\n    return this.state.portals.map(({ key, children }) => (\n      <View\n        key={key}\n        collapsable={\n          false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */\n        }\n        pointerEvents=\"box-none\"\n        style={StyleSheet.absoluteFill}\n      >\n        {children}\n      </View>\n    ));\n  }\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AASA;AACA;AACA;AACe,MAAMA,aAAN,SAA4BC,KAAK,CAACC,aAAlC,CAA2D;EAAA;IAAA;;IAAA,+BACzD;MACbC,OAAO,EAAE;IADI,CADyD;;IAAA,+BAKhE,CAACC,GAAD,EAAcC,QAAd,KAA4C;MAClD,KAAKC,QAAL,CAAeC,KAAD,KAAY;QACxBJ,OAAO,EAAE,CAAC,GAAGI,KAAK,CAACJ,OAAV,EAAmB;UAAEC,GAAF;UAAOC;QAAP,CAAnB;MADe,CAAZ,CAAd;IAGD,CATuE;;IAAA,gCAW/D,CAACD,GAAD,EAAcC,QAAd,KACP,KAAKC,QAAL,CAAeC,KAAD,KAAY;MACxBJ,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcK,GAAd,CAAmBC,IAAD,IAAU;QACnC,IAAIA,IAAI,CAACL,GAAL,KAAaA,GAAjB,EAAsB;UACpB,OAAO,EAAE,GAAGK,IAAL;YAAWJ;UAAX,CAAP;QACD;;QACD,OAAOI,IAAP;MACD,CALQ;IADe,CAAZ,CAAd,CAZsE;;IAAA,iCAqB7DL,GAAD,IACR,KAAKE,QAAL,CAAeC,KAAD,KAAY;MACxBJ,OAAO,EAAEI,KAAK,CAACJ,OAAN,CAAcO,MAAd,CAAsBD,IAAD,IAAUA,IAAI,CAACL,GAAL,KAAaA,GAA5C;IADe,CAAZ,CAAd,CAtBsE;EAAA;;EA0BxEO,MAAM,GAAG;IACP,OAAO,KAAKJ,KAAL,CAAWJ,OAAX,CAAmBK,GAAnB,CAAuB;MAAA,IAAC;QAAEJ,GAAF;QAAOC;MAAP,CAAD;MAAA,oBAC5B,oBAAC,iBAAD;QACE,GAAG,EAAED,GADP;QAEE,WAAW,EACT;QAAM;QAHV;QAKE,aAAa,EAAC,UALhB;QAME,KAAK,EAAEQ,uBAAA,CAAWC;MANpB,GAQGR,QARH,CAD4B;IAAA,CAAvB,CAAP;EAYD;;AAvCuE"}

package/lib/commonjs/hooks.js.map

@@ -1 +1 @@
-{"version":3,"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"sources":["hooks.js"],"sourcesContent":["import React from \"react\";\nexport function usePrevious(value) {\n    // The ref object is a generic container whose current property is mutable\n    // and can hold any value, similar to an instance property on a class\n    const ref = React.useRef();\n    // Store current value in ref\n    React.useEffect(() => {\n        ref.current = value;\n    }, [value]);\n    // Return previous value (happens before update in useEffect above)\n    return ref.current;\n}\n"],"mappings":";;;;;;;AAAA;;;;AACO,SAASA,WAAT,CAAqBC,KAArB,EAA4B;EAC/B;EACA;EACA,MAAMC,GAAG,GAAGC,cAAA,CAAMC,MAAN,EAAZ,CAH+B,CAI/B;;;EACAD,cAAA,CAAME,SAAN,CAAgB,MAAM;IAClBH,GAAG,CAACI,OAAJ,GAAcL,KAAd;EACH,CAFD,EAEG,CAACA,KAAD,CAFH,EAL+B,CAQ/B;;;EACA,OAAOC,GAAG,CAACI,OAAX;AACH"}
+{"version":3,"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"sources":["hooks.ts"],"sourcesContent":["import React from \"react\";\n\nexport function usePrevious(value: any) {\n  // The ref object is a generic container whose current property is mutable\n  // and can hold any value, similar to an instance property on a class\n  const ref = React.useRef();\n\n  // Store current value in ref\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  // Return previous value (happens before update in useEffect above)\n  return ref.current;\n}\n"],"mappings":";;;;;;;AAAA;;;;AAEO,SAASA,WAAT,CAAqBC,KAArB,EAAiC;EACtC;EACA;EACA,MAAMC,GAAG,GAAGC,cAAA,CAAMC,MAAN,EAAZ,CAHsC,CAKtC;;;EACAD,cAAA,CAAME,SAAN,CAAgB,MAAM;IACpBH,GAAG,CAACI,OAAJ,GAAcL,KAAd;EACD,CAFD,EAEG,CAACA,KAAD,CAFH,EANsC,CAUtC;;;EACA,OAAOC,GAAG,CAACI,OAAX;AACD"}

package/lib/commonjs/mappings/ActivityIndicator.js

@@ -14,6 +14,7 @@ const SEED_DATA = {
   doc_link: "https://docs.expo.io/versions/latest/react-native/activityindicator/",
   code_link: "https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js",
   category: _types.COMPONENT_TYPES.input,
+  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Borders],
   layout: {
     width: 36,
     height: 36

package/lib/commonjs/mappings/ActivityIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","doc_link","code_link","category","COMPONENT_TYPES","input","layout","width","height","props","size","label","options","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","editable","required","defaultValue","group","GROUPS","basic","animating","boolean","BOOLEAN","hidesWhenStopped","color","THEME"],"sources":["ActivityIndicator.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Activity Indicator\",\n  tag: \"ActivityIndicator\",\n  description: \"Displays a circular loading indicator.\",\n  doc_link:\n    \"https://docs.expo.io/versions/latest/react-native/activityindicator/\",\n  code_link:\n    \"https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js\",\n  category: COMPONENT_TYPES.input,\n  layout: { width: 36, height: 36 },\n  props: {\n    size: {\n      label: \"Size\",\n      description: \"The size of the loading indicator (Default: small)\",\n      options: [\"small\", \"large\"],\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      editable: true,\n      required: false,\n      defaultValue: \"small\",\n      group: GROUPS.basic,\n    },\n    animating: {\n      label: \"Spinning\",\n      description: \"Whether to show the loading indicator (Default: true)\",\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      editable: true,\n      required: false,\n      defaultValue: true,\n      group: GROUPS.basic,\n    },\n    hidesWhenStopped: {\n      label: \"Hide When Stopped\",\n      description:\n        \"Whether the indicator should hide when not animating (Default: true)\",\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      editable: true,\n      required: false,\n      defaultValue: true,\n      group: GROUPS.basic,\n    },\n    color: {\n      label: \"Color\",\n      description: \"The color of the loading indicator (Default: gray)\",\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      editable: true,\n      required: false,\n      defaultValue: null,\n      group: GROUPS.basic,\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,oBADiB;EAEvBC,GAAG,EAAE,mBAFkB;EAGvBC,WAAW,EAAE,wCAHU;EAIvBC,QAAQ,EACN,sEALqB;EAMvBC,SAAS,EACP,2IAPqB;EAQvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KARH;EASvBC,MAAM,EAAE;IAAEC,KAAK,EAAE,EAAT;IAAaC,MAAM,EAAE;EAArB,CATe;EAUvBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJX,WAAW,EAAE,oDAFT;MAGJY,OAAO,EAAE,CAAC,OAAD,EAAU,OAAV,CAHL;MAIJC,QAAQ,EAAEC,iBAAA,CAAWC,SAJjB;MAKJC,QAAQ,EAAEC,iBAAA,CAAWC,MALjB;MAMJC,QAAQ,EAAE,IANN;MAOJC,QAAQ,EAAE,KAPN;MAQJC,YAAY,EAAE,OARV;MASJC,KAAK,EAAEC,aAAA,CAAOC;IATV,CADD;IAYLC,SAAS,EAAE;MACTd,KAAK,EAAE,UADE;MAETX,WAAW,EAAE,uDAFJ;MAGTa,QAAQ,EAAEC,iBAAA,CAAWY,OAHZ;MAITV,QAAQ,EAAEC,iBAAA,CAAWU,OAJZ;MAKTR,QAAQ,EAAE,IALD;MAMTC,QAAQ,EAAE,KAND;MAOTC,YAAY,EAAE,IAPL;MAQTC,KAAK,EAAEC,aAAA,CAAOC;IARL,CAZN;IAsBLI,gBAAgB,EAAE;MAChBjB,KAAK,EAAE,mBADS;MAEhBX,WAAW,EACT,sEAHc;MAIhBa,QAAQ,EAAEC,iBAAA,CAAWY,OAJL;MAKhBV,QAAQ,EAAEC,iBAAA,CAAWU,OALL;MAMhBR,QAAQ,EAAE,IANM;MAOhBC,QAAQ,EAAE,KAPM;MAQhBC,YAAY,EAAE,IARE;MAShBC,KAAK,EAAEC,aAAA,CAAOC;IATE,CAtBb;IAiCLK,KAAK,EAAE;MACLlB,KAAK,EAAE,OADF;MAELX,WAAW,EAAE,oDAFR;MAGLa,QAAQ,EAAEC,iBAAA,CAAWe,KAHhB;MAILb,QAAQ,EAAEC,iBAAA,CAAWa,KAJhB;MAKLX,QAAQ,EAAE,IALL;MAMLC,QAAQ,EAAE,KANL;MAOLC,YAAY,EAAE,IAPT;MAQLC,KAAK,EAAEC,aAAA,CAAOC;IART;EAjCF;AAVgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","doc_link","code_link","category","COMPONENT_TYPES","input","stylesPanelSections","StylesPanelSections","Size","Margins","Borders","layout","width","height","props","size","label","options","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","editable","required","defaultValue","group","GROUPS","basic","animating","boolean","BOOLEAN","hidesWhenStopped","color","THEME"],"sources":["ActivityIndicator.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Activity Indicator\",\n  tag: \"ActivityIndicator\",\n  description: \"Displays a circular loading indicator.\",\n  doc_link:\n    \"https://docs.expo.io/versions/latest/react-native/activityindicator/\",\n  code_link:\n    \"https://github.com/expo/expo/blob/master/ios/versioned-react-native/ABI32_0_0/Libraries/Components/ActivityIndicator/ActivityIndicator.js\",\n  category: COMPONENT_TYPES.input,\n  stylesPanelSections: [\n    StylesPanelSections.Size,\n    StylesPanelSections.Margins,\n    StylesPanelSections.Borders,\n  ],\n  layout: { width: 36, height: 36 },\n  props: {\n    size: {\n      label: \"Size\",\n      description: \"The size of the loading indicator (Default: small)\",\n      options: [\"small\", \"large\"],\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      editable: true,\n      required: false,\n      defaultValue: \"small\",\n      group: GROUPS.basic,\n    },\n    animating: {\n      label: \"Spinning\",\n      description: \"Whether to show the loading indicator (Default: true)\",\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      editable: true,\n      required: false,\n      defaultValue: true,\n      group: GROUPS.basic,\n    },\n    hidesWhenStopped: {\n      label: \"Hide When Stopped\",\n      description:\n        \"Whether the indicator should hide when not animating (Default: true)\",\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      editable: true,\n      required: false,\n      defaultValue: true,\n      group: GROUPS.basic,\n    },\n    color: {\n      label: \"Color\",\n      description: \"The color of the loading indicator (Default: gray)\",\n      formType: FORM_TYPES.color,\n      propType: PROP_TYPES.THEME,\n      editable: true,\n      required: false,\n      defaultValue: null,\n      group: GROUPS.basic,\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,oBADiB;EAEvBC,GAAG,EAAE,mBAFkB;EAGvBC,WAAW,EAAE,wCAHU;EAIvBC,QAAQ,EACN,sEALqB;EAMvBC,SAAS,EACP,2IAPqB;EAQvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KARH;EASvBC,mBAAmB,EAAE,CACnBC,0BAAA,CAAoBC,IADD,EAEnBD,0BAAA,CAAoBE,OAFD,EAGnBF,0BAAA,CAAoBG,OAHD,CATE;EAcvBC,MAAM,EAAE;IAAEC,KAAK,EAAE,EAAT;IAAaC,MAAM,EAAE;EAArB,CAde;EAevBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJhB,WAAW,EAAE,oDAFT;MAGJiB,OAAO,EAAE,CAAC,OAAD,EAAU,OAAV,CAHL;MAIJC,QAAQ,EAAEC,iBAAA,CAAWC,SAJjB;MAKJC,QAAQ,EAAEC,iBAAA,CAAWC,MALjB;MAMJC,QAAQ,EAAE,IANN;MAOJC,QAAQ,EAAE,KAPN;MAQJC,YAAY,EAAE,OARV;MASJC,KAAK,EAAEC,aAAA,CAAOC;IATV,CADD;IAYLC,SAAS,EAAE;MACTd,KAAK,EAAE,UADE;MAEThB,WAAW,EAAE,uDAFJ;MAGTkB,QAAQ,EAAEC,iBAAA,CAAWY,OAHZ;MAITV,QAAQ,EAAEC,iBAAA,CAAWU,OAJZ;MAKTR,QAAQ,EAAE,IALD;MAMTC,QAAQ,EAAE,KAND;MAOTC,YAAY,EAAE,IAPL;MAQTC,KAAK,EAAEC,aAAA,CAAOC;IARL,CAZN;IAsBLI,gBAAgB,EAAE;MAChBjB,KAAK,EAAE,mBADS;MAEhBhB,WAAW,EACT,sEAHc;MAIhBkB,QAAQ,EAAEC,iBAAA,CAAWY,OAJL;MAKhBV,QAAQ,EAAEC,iBAAA,CAAWU,OALL;MAMhBR,QAAQ,EAAE,IANM;MAOhBC,QAAQ,EAAE,KAPM;MAQhBC,YAAY,EAAE,IARE;MAShBC,KAAK,EAAEC,aAAA,CAAOC;IATE,CAtBb;IAiCLK,KAAK,EAAE;MACLlB,KAAK,EAAE,OADF;MAELhB,WAAW,EAAE,oDAFR;MAGLkB,QAAQ,EAAEC,iBAAA,CAAWe,KAHhB;MAILb,QAAQ,EAAEC,iBAAA,CAAWa,KAJhB;MAKLX,QAAQ,EAAE,IALL;MAMLC,QAAQ,EAAE,KANL;MAOLC,YAAY,EAAE,IAPT;MAQLC,KAAK,EAAEC,aAAA,CAAOC;IART;EAjCF;AAfgB,CAAlB"}

package/lib/commonjs/mappings/AvatarEdit.js

@@ -12,6 +12,7 @@ const SEED_DATA = {
   tag: "AvatarEdit",
   description: "An avatar with an edit icon in the top right",
   category: _types.COMPONENT_TYPES.deprecated,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: {
     width: 64,
     height: 64

package/lib/commonjs/mappings/AvatarEdit.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","layout","width","height","props","size","group","GROUPS","basic","label","editable","required","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","min","max","precision","step","defaultValue","image","data","ASSET"],"sources":["AvatarEdit.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Avatar Edit\",\n  tag: \"AvatarEdit\",\n  description: \"An avatar with an edit icon in the top right\",\n  category: COMPONENT_TYPES.deprecated,\n  layout: {\n    width: 64,\n    height: 64,\n  },\n  props: {\n    size: {\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Size of avatar / width, height\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 300,\n      precision: 0,\n      step: 1,\n      defaultValue: 80,\n    },\n    image: {\n      group: GROUPS.data,\n      label: \"Image\",\n      description: \"Name of the image\",\n      editable: true,\n      required: true,\n      formType: FORM_TYPES.image,\n      propType: PROP_TYPES.ASSET,\n      defaultValue: \"brightness-5\",\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,8CAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,UAJH;EAKvBC,MAAM,EAAE;IACNC,KAAK,EAAE,EADD;IAENC,MAAM,EAAE;EAFF,CALe;EASvBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAEC,aAAA,CAAOC,KADV;MAEJC,KAAK,EAAE,MAFH;MAGJZ,WAAW,EAAE,gCAHT;MAIJa,QAAQ,EAAE,IAJN;MAKJC,QAAQ,EAAE,KALN;MAMJC,QAAQ,EAAEC,iBAAA,CAAWC,MANjB;MAOJC,QAAQ,EAAEC,iBAAA,CAAWC,MAPjB;MAQJC,GAAG,EAAE,CARD;MASJC,GAAG,EAAE,GATD;MAUJC,SAAS,EAAE,CAVP;MAWJC,IAAI,EAAE,CAXF;MAYJC,YAAY,EAAE;IAZV,CADD;IAeLC,KAAK,EAAE;MACLjB,KAAK,EAAEC,aAAA,CAAOiB,IADT;MAELf,KAAK,EAAE,OAFF;MAGLZ,WAAW,EAAE,mBAHR;MAILa,QAAQ,EAAE,IAJL;MAKLC,QAAQ,EAAE,IALL;MAMLC,QAAQ,EAAEC,iBAAA,CAAWU,KANhB;MAOLR,QAAQ,EAAEC,iBAAA,CAAWS,KAPhB;MAQLH,YAAY,EAAE;IART;EAfF;AATgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","stylesPanelSections","BLOCK_STYLES_SECTIONS","layout","width","height","props","size","group","GROUPS","basic","label","editable","required","formType","FORM_TYPES","number","propType","PROP_TYPES","NUMBER","min","max","precision","step","defaultValue","image","data","ASSET"],"sources":["AvatarEdit.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Avatar Edit\",\n  tag: \"AvatarEdit\",\n  description: \"An avatar with an edit icon in the top right\",\n  category: COMPONENT_TYPES.deprecated,\n  stylesPanelSections: BLOCK_STYLES_SECTIONS,\n  layout: {\n    width: 64,\n    height: 64,\n  },\n  props: {\n    size: {\n      group: GROUPS.basic,\n      label: \"Size\",\n      description: \"Size of avatar / width, height\",\n      editable: true,\n      required: false,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 300,\n      precision: 0,\n      step: 1,\n      defaultValue: 80,\n    },\n    image: {\n      group: GROUPS.data,\n      label: \"Image\",\n      description: \"Name of the image\",\n      editable: true,\n      required: true,\n      formType: FORM_TYPES.image,\n      propType: PROP_TYPES.ASSET,\n      defaultValue: \"brightness-5\",\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,aADiB;EAEvBC,GAAG,EAAE,YAFkB;EAGvBC,WAAW,EAAE,8CAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,UAJH;EAKvBC,mBAAmB,EAAEC,4BALE;EAMvBC,MAAM,EAAE;IACNC,KAAK,EAAE,EADD;IAENC,MAAM,EAAE;EAFF,CANe;EAUvBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAEC,aAAA,CAAOC,KADV;MAEJC,KAAK,EAAE,MAFH;MAGJd,WAAW,EAAE,gCAHT;MAIJe,QAAQ,EAAE,IAJN;MAKJC,QAAQ,EAAE,KALN;MAMJC,QAAQ,EAAEC,iBAAA,CAAWC,MANjB;MAOJC,QAAQ,EAAEC,iBAAA,CAAWC,MAPjB;MAQJC,GAAG,EAAE,CARD;MASJC,GAAG,EAAE,GATD;MAUJC,SAAS,EAAE,CAVP;MAWJC,IAAI,EAAE,CAXF;MAYJC,YAAY,EAAE;IAZV,CADD;IAeLC,KAAK,EAAE;MACLjB,KAAK,EAAEC,aAAA,CAAOiB,IADT;MAELf,KAAK,EAAE,OAFF;MAGLd,WAAW,EAAE,mBAHR;MAILe,QAAQ,EAAE,IAJL;MAKLC,QAAQ,EAAE,IALL;MAMLC,QAAQ,EAAEC,iBAAA,CAAWU,KANhB;MAOLR,QAAQ,EAAEC,iBAAA,CAAWS,KAPhB;MAQLH,YAAY,EAAE;IART;EAfF;AAVgB,CAAlB"}

package/lib/commonjs/mappings/BlurView.js

@@ -14,6 +14,7 @@ const SEED_DATA = {
   doc_link: "https://docs.expo.io/versions/latest/sdk/blur-view/",
   code_link: "https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts",
   category: _types.COMPONENT_TYPES.layout,
+  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
   layout: {
     flexGrow: 1,
     flexShrink: 1,

package/lib/commonjs/mappings/BlurView.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","doc_link","code_link","category","COMPONENT_TYPES","layout","flexGrow","flexShrink","flexBasis","props","tint","label","editable","required","defaultValue","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","options","group","GROUPS","basic","intensity","number","NUMBER","min","max","step","precision"],"sources":["BlurView.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Blur View\",\n  tag: \"BlurView\",\n  description: \"Expo Blur View\",\n  doc_link: \"https://docs.expo.io/versions/latest/sdk/blur-view/\",\n  code_link:\n    \"https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts\",\n  category: COMPONENT_TYPES.layout,\n  layout: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: 0,\n  },\n  props: {\n    tint: {\n      label: \"Tint\",\n      description: \"The tint of the blur view\",\n      editable: true,\n      required: true,\n      defaultValue: \"default\",\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      options: [\"default\", \"light\", \"dark\"],\n      group: GROUPS.basic,\n    },\n    intensity: {\n      label: \"Intensity\",\n      description:\n        \"A number from 1 to 100 that controls the intensity of the blur effect\",\n      editable: true,\n      required: true,\n      defaultValue: 50,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 100,\n      step: 1,\n      precision: 0,\n      group: GROUPS.basic,\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,WADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,WAAW,EAAE,gBAHU;EAIvBC,QAAQ,EAAE,qDAJa;EAKvBC,SAAS,EACP,kFANqB;EAOvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAPH;EAQvBA,MAAM,EAAE;IACNC,QAAQ,EAAE,CADJ;IAENC,UAAU,EAAE,CAFN;IAGNC,SAAS,EAAE;EAHL,CARe;EAavBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJX,WAAW,EAAE,2BAFT;MAGJY,QAAQ,EAAE,IAHN;MAIJC,QAAQ,EAAE,IAJN;MAKJC,YAAY,EAAE,SALV;MAMJC,QAAQ,EAAEC,iBAAA,CAAWC,SANjB;MAOJC,QAAQ,EAAEC,iBAAA,CAAWC,MAPjB;MAQJC,OAAO,EAAE,CAAC,SAAD,EAAY,OAAZ,EAAqB,MAArB,CARL;MASJC,KAAK,EAAEC,aAAA,CAAOC;IATV,CADD;IAYLC,SAAS,EAAE;MACTd,KAAK,EAAE,WADE;MAETX,WAAW,EACT,uEAHO;MAITY,QAAQ,EAAE,IAJD;MAKTC,QAAQ,EAAE,IALD;MAMTC,YAAY,EAAE,EANL;MAOTC,QAAQ,EAAEC,iBAAA,CAAWU,MAPZ;MAQTR,QAAQ,EAAEC,iBAAA,CAAWQ,MARZ;MASTC,GAAG,EAAE,CATI;MAUTC,GAAG,EAAE,GAVI;MAWTC,IAAI,EAAE,CAXG;MAYTC,SAAS,EAAE,CAZF;MAaTT,KAAK,EAAEC,aAAA,CAAOC;IAbL;EAZN;AAbgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","doc_link","code_link","category","COMPONENT_TYPES","layout","stylesPanelSections","CONTAINER_COMPONENT_STYLES_SECTIONS","flexGrow","flexShrink","flexBasis","props","tint","label","editable","required","defaultValue","formType","FORM_TYPES","flatArray","propType","PROP_TYPES","STRING","options","group","GROUPS","basic","intensity","number","NUMBER","min","max","step","precision"],"sources":["BlurView.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n  CONTAINER_COMPONENT_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Blur View\",\n  tag: \"BlurView\",\n  description: \"Expo Blur View\",\n  doc_link: \"https://docs.expo.io/versions/latest/sdk/blur-view/\",\n  code_link:\n    \"https://github.com/expo/expo/blob/master/packages/expo/src/effects/BlurView.d.ts\",\n  category: COMPONENT_TYPES.layout,\n  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,\n  layout: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: 0,\n  },\n  props: {\n    tint: {\n      label: \"Tint\",\n      description: \"The tint of the blur view\",\n      editable: true,\n      required: true,\n      defaultValue: \"default\",\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      options: [\"default\", \"light\", \"dark\"],\n      group: GROUPS.basic,\n    },\n    intensity: {\n      label: \"Intensity\",\n      description:\n        \"A number from 1 to 100 that controls the intensity of the blur effect\",\n      editable: true,\n      required: true,\n      defaultValue: 50,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      min: 0,\n      max: 100,\n      step: 1,\n      precision: 0,\n      group: GROUPS.basic,\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,WADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,WAAW,EAAE,gBAHU;EAIvBC,QAAQ,EAAE,qDAJa;EAKvBC,SAAS,EACP,kFANqB;EAOvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAPH;EAQvBC,mBAAmB,EAAEC,0CARE;EASvBF,MAAM,EAAE;IACNG,QAAQ,EAAE,CADJ;IAENC,UAAU,EAAE,CAFN;IAGNC,SAAS,EAAE;EAHL,CATe;EAcvBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJb,WAAW,EAAE,2BAFT;MAGJc,QAAQ,EAAE,IAHN;MAIJC,QAAQ,EAAE,IAJN;MAKJC,YAAY,EAAE,SALV;MAMJC,QAAQ,EAAEC,iBAAA,CAAWC,SANjB;MAOJC,QAAQ,EAAEC,iBAAA,CAAWC,MAPjB;MAQJC,OAAO,EAAE,CAAC,SAAD,EAAY,OAAZ,EAAqB,MAArB,CARL;MASJC,KAAK,EAAEC,aAAA,CAAOC;IATV,CADD;IAYLC,SAAS,EAAE;MACTd,KAAK,EAAE,WADE;MAETb,WAAW,EACT,uEAHO;MAITc,QAAQ,EAAE,IAJD;MAKTC,QAAQ,EAAE,IALD;MAMTC,YAAY,EAAE,EANL;MAOTC,QAAQ,EAAEC,iBAAA,CAAWU,MAPZ;MAQTR,QAAQ,EAAEC,iBAAA,CAAWQ,MARZ;MASTC,GAAG,EAAE,CATI;MAUTC,GAAG,EAAE,GAVI;MAWTC,IAAI,EAAE,CAXG;MAYTC,SAAS,EAAE,CAZF;MAaTT,KAAK,EAAEC,aAAA,CAAOC;IAbL;EAZN;AAdgB,CAAlB"}

package/lib/commonjs/mappings/Button.js

@@ -39,6 +39,7 @@ const SEED_DATA = [{
   name: "Button Outline",
   tag: "ButtonOutline",
   category: _types.COMPONENT_TYPES.button,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
   layout: { ...LAYOUT,
     backgroundColor: "transparent",
     borderWidth: 1,
@@ -50,6 +51,7 @@ const SEED_DATA = [{
   name: "Button Solid",
   tag: "ButtonSolid",
   category: _types.COMPONENT_TYPES.button,
+  stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
   layout: { ...LAYOUT,
     backgroundColor: "primary",
     textAlign: "center"

package/lib/commonjs/mappings/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_TRIGGERS","Triggers","OnPress","SEED_DATA_PROPS","onPress","createActionProp","icon","createIconProp","defaultValue","required","title","createTextProp","label","description","disabled","createBoolProp","group","GROUPS","basic","loading","LAYOUT","backgroundColor","borderRadius","fontFamily","SEED_DATA","name","tag","category","COMPONENT_TYPES","button","layout","borderWidth","textAlign","triggers","props"],"sources":["Button.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createBoolProp,\n  createTextProp,\n  GROUPS,\n  createActionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnPress];\nconst SEED_DATA_PROPS = {\n  onPress: createActionProp(),\n  icon: createIconProp({\n    defaultValue: null,\n    required: false,\n  }),\n  title: createTextProp({\n    label: \"Label\",\n    description: \"Button Label\",\n    defaultValue: \"Get Started\",\n  }),\n  disabled: createBoolProp({\n    group: GROUPS.basic,\n    label: \"Disabled\",\n    description: \"Whether the button should be disabled\",\n  }),\n  loading: createBoolProp({\n    group: GROUPS.basic,\n    label: \"Loading\",\n    description: \"Whether to show a loading indicator\",\n  }),\n};\n\nconst LAYOUT = {\n  backgroundColor: \"transparent\",\n  borderRadius: 8,\n  fontFamily: \"system-700\",\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Button Outline\",\n    tag: \"ButtonOutline\",\n    category: COMPONENT_TYPES.button,\n    layout: {\n      ...LAYOUT,\n      backgroundColor: \"transparent\",\n      borderWidth: 1,\n      textAlign: \"center\",\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: SEED_DATA_PROPS,\n  },\n  {\n    name: \"Button Solid\",\n    tag: \"ButtonSolid\",\n    category: COMPONENT_TYPES.button,\n    layout: {\n      ...LAYOUT,\n      backgroundColor: \"primary\",\n      textAlign: \"center\",\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: SEED_DATA_PROPS,\n  },\n];\n"],"mappings":";;;;;;;AAAA;;AAUA,MAAMA,kBAAkB,GAAG,CAACC,eAAA,CAASC,OAAV,CAA3B;AACA,MAAMC,eAAe,GAAG;EACtBC,OAAO,EAAE,IAAAC,uBAAA,GADa;EAEtBC,IAAI,EAAE,IAAAC,qBAAA,EAAe;IACnBC,YAAY,EAAE,IADK;IAEnBC,QAAQ,EAAE;EAFS,CAAf,CAFgB;EAMtBC,KAAK,EAAE,IAAAC,qBAAA,EAAe;IACpBC,KAAK,EAAE,OADa;IAEpBC,WAAW,EAAE,cAFO;IAGpBL,YAAY,EAAE;EAHM,CAAf,CANe;EAWtBM,QAAQ,EAAE,IAAAC,qBAAA,EAAe;IACvBC,KAAK,EAAEC,aAAA,CAAOC,KADS;IAEvBN,KAAK,EAAE,UAFgB;IAGvBC,WAAW,EAAE;EAHU,CAAf,CAXY;EAgBtBM,OAAO,EAAE,IAAAJ,qBAAA,EAAe;IACtBC,KAAK,EAAEC,aAAA,CAAOC,KADQ;IAEtBN,KAAK,EAAE,SAFe;IAGtBC,WAAW,EAAE;EAHS,CAAf;AAhBa,CAAxB;AAuBA,MAAMO,MAAM,GAAG;EACbC,eAAe,EAAE,aADJ;EAEbC,YAAY,EAAE,CAFD;EAGbC,UAAU,EAAE;AAHC,CAAf;AAMO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,gBADR;EAEEC,GAAG,EAAE,eAFP;EAGEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAH5B;EAIEC,MAAM,EAAE,EACN,GAAGV,MADG;IAENC,eAAe,EAAE,aAFX;IAGNU,WAAW,EAAE,CAHP;IAINC,SAAS,EAAE;EAJL,CAJV;EAUEC,QAAQ,EAAEjC,kBAVZ;EAWEkC,KAAK,EAAE/B;AAXT,CADuB,EAcvB;EACEsB,IAAI,EAAE,cADR;EAEEC,GAAG,EAAE,aAFP;EAGEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAH5B;EAIEC,MAAM,EAAE,EACN,GAAGV,MADG;IAENC,eAAe,EAAE,SAFX;IAGNW,SAAS,EAAE;EAHL,CAJV;EASEC,QAAQ,EAAEjC,kBATZ;EAUEkC,KAAK,EAAE/B;AAVT,CAduB,CAAlB"}
+{"version":3,"names":["SEED_DATA_TRIGGERS","Triggers","OnPress","SEED_DATA_PROPS","onPress","createActionProp","icon","createIconProp","defaultValue","required","title","createTextProp","label","description","disabled","createBoolProp","group","GROUPS","basic","loading","LAYOUT","backgroundColor","borderRadius","fontFamily","SEED_DATA","name","tag","category","COMPONENT_TYPES","button","stylesPanelSections","StylesPanelSections","Typography","Background","Borders","Size","MarginsAndPaddings","Position","Effects","layout","borderWidth","textAlign","triggers","props"],"sources":["Button.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createBoolProp,\n  createTextProp,\n  GROUPS,\n  createActionProp,\n  Triggers,\n  StylesPanelSections,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_TRIGGERS = [Triggers.OnPress];\nconst SEED_DATA_PROPS = {\n  onPress: createActionProp(),\n  icon: createIconProp({\n    defaultValue: null,\n    required: false,\n  }),\n  title: createTextProp({\n    label: \"Label\",\n    description: \"Button Label\",\n    defaultValue: \"Get Started\",\n  }),\n  disabled: createBoolProp({\n    group: GROUPS.basic,\n    label: \"Disabled\",\n    description: \"Whether the button should be disabled\",\n  }),\n  loading: createBoolProp({\n    group: GROUPS.basic,\n    label: \"Loading\",\n    description: \"Whether to show a loading indicator\",\n  }),\n};\n\nconst LAYOUT = {\n  backgroundColor: \"transparent\",\n  borderRadius: 8,\n  fontFamily: \"system-700\",\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Button Outline\",\n    tag: \"ButtonOutline\",\n    category: COMPONENT_TYPES.button,\n    stylesPanelSections: [\n      StylesPanelSections.Typography,\n      StylesPanelSections.Background,\n      StylesPanelSections.Borders,\n      StylesPanelSections.Size,\n      StylesPanelSections.MarginsAndPaddings,\n      StylesPanelSections.Position,\n      StylesPanelSections.Effects,\n    ],\n    layout: {\n      ...LAYOUT,\n      backgroundColor: \"transparent\",\n      borderWidth: 1,\n      textAlign: \"center\",\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: SEED_DATA_PROPS,\n  },\n  {\n    name: \"Button Solid\",\n    tag: \"ButtonSolid\",\n    category: COMPONENT_TYPES.button,\n    stylesPanelSections: [\n      StylesPanelSections.Typography,\n      StylesPanelSections.Background,\n      StylesPanelSections.Borders,\n      StylesPanelSections.Size,\n      StylesPanelSections.MarginsAndPaddings,\n      StylesPanelSections.Position,\n      StylesPanelSections.Effects,\n    ],\n    layout: {\n      ...LAYOUT,\n      backgroundColor: \"primary\",\n      textAlign: \"center\",\n    },\n    triggers: SEED_DATA_TRIGGERS,\n    props: SEED_DATA_PROPS,\n  },\n];\n"],"mappings":";;;;;;;AAAA;;AAWA,MAAMA,kBAAkB,GAAG,CAACC,eAAA,CAASC,OAAV,CAA3B;AACA,MAAMC,eAAe,GAAG;EACtBC,OAAO,EAAE,IAAAC,uBAAA,GADa;EAEtBC,IAAI,EAAE,IAAAC,qBAAA,EAAe;IACnBC,YAAY,EAAE,IADK;IAEnBC,QAAQ,EAAE;EAFS,CAAf,CAFgB;EAMtBC,KAAK,EAAE,IAAAC,qBAAA,EAAe;IACpBC,KAAK,EAAE,OADa;IAEpBC,WAAW,EAAE,cAFO;IAGpBL,YAAY,EAAE;EAHM,CAAf,CANe;EAWtBM,QAAQ,EAAE,IAAAC,qBAAA,EAAe;IACvBC,KAAK,EAAEC,aAAA,CAAOC,KADS;IAEvBN,KAAK,EAAE,UAFgB;IAGvBC,WAAW,EAAE;EAHU,CAAf,CAXY;EAgBtBM,OAAO,EAAE,IAAAJ,qBAAA,EAAe;IACtBC,KAAK,EAAEC,aAAA,CAAOC,KADQ;IAEtBN,KAAK,EAAE,SAFe;IAGtBC,WAAW,EAAE;EAHS,CAAf;AAhBa,CAAxB;AAuBA,MAAMO,MAAM,GAAG;EACbC,eAAe,EAAE,aADJ;EAEbC,YAAY,EAAE,CAFD;EAGbC,UAAU,EAAE;AAHC,CAAf;AAMO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,gBADR;EAEEC,GAAG,EAAE,eAFP;EAGEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAH5B;EAIEC,mBAAmB,EAAE,CACnBC,0BAAA,CAAoBC,UADD,EAEnBD,0BAAA,CAAoBE,UAFD,EAGnBF,0BAAA,CAAoBG,OAHD,EAInBH,0BAAA,CAAoBI,IAJD,EAKnBJ,0BAAA,CAAoBK,kBALD,EAMnBL,0BAAA,CAAoBM,QAND,EAOnBN,0BAAA,CAAoBO,OAPD,CAJvB;EAaEC,MAAM,EAAE,EACN,GAAGnB,MADG;IAENC,eAAe,EAAE,aAFX;IAGNmB,WAAW,EAAE,CAHP;IAINC,SAAS,EAAE;EAJL,CAbV;EAmBEC,QAAQ,EAAE1C,kBAnBZ;EAoBE2C,KAAK,EAAExC;AApBT,CADuB,EAuBvB;EACEsB,IAAI,EAAE,cADR;EAEEC,GAAG,EAAE,aAFP;EAGEC,QAAQ,EAAEC,sBAAA,CAAgBC,MAH5B;EAIEC,mBAAmB,EAAE,CACnBC,0BAAA,CAAoBC,UADD,EAEnBD,0BAAA,CAAoBE,UAFD,EAGnBF,0BAAA,CAAoBG,OAHD,EAInBH,0BAAA,CAAoBI,IAJD,EAKnBJ,0BAAA,CAAoBK,kBALD,EAMnBL,0BAAA,CAAoBM,QAND,EAOnBN,0BAAA,CAAoBO,OAPD,CAJvB;EAaEC,MAAM,EAAE,EACN,GAAGnB,MADG;IAENC,eAAe,EAAE,SAFX;IAGNoB,SAAS,EAAE;EAHL,CAbV;EAkBEC,QAAQ,EAAE1C,kBAlBZ;EAmBE2C,KAAK,EAAExC;AAnBT,CAvBuB,CAAlB"}

package/lib/commonjs/mappings/CardBlock.js

@@ -105,6 +105,7 @@ const SEED_DATA = [{
   tag: "CardBlock",
   description: "An elevated card with a title and description, that takes up the full width its container.",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   props: { ...SEED_DATA_PROPS,
     icon: {
       group: _types.GROUPS.basic,

package/lib/commonjs/mappings/CardBlock.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_PROPS","image","group","GROUPS","data","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","aspectRatio","basic","NUMBER","titleCentered","boolean","BOOLEAN","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","props","numColumns","createNumColumnsType","icon"],"sources":["CardBlock.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createElevationType,\n  createNumColumnsType,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    group: GROUPS.data,\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  title: {\n    group: GROUPS.data,\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n  },\n  leftDescription: {\n    group: GROUPS.data,\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n  },\n  rightDescription: {\n    group: GROUPS.data,\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n  },\n  aspectRatio: {\n    group: GROUPS.basic,\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n  },\n  titleCentered: {\n    group: GROUPS.basic,\n    label: \"Title centered\",\n    description: \"Whether to center the title\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Small Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one third of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 1,\n      }),\n    },\n  },\n  {\n    name: \"Medium Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one half of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 2,\n      }),\n    },\n  },\n  {\n    name: \"Large Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up the full width its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 3,\n      }),\n    },\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["SEED_DATA_PROPS","image","group","GROUPS","data","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","aspectRatio","basic","NUMBER","titleCentered","boolean","BOOLEAN","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","props","numColumns","createNumColumnsType","icon","stylesPanelSections","BLOCK_STYLES_SECTIONS"],"sources":["CardBlock.ts"],"sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createElevationType,\n  createNumColumnsType,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    group: GROUPS.data,\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  title: {\n    group: GROUPS.data,\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n  },\n  leftDescription: {\n    group: GROUPS.data,\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n  },\n  rightDescription: {\n    group: GROUPS.data,\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n  },\n  aspectRatio: {\n    group: GROUPS.basic,\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n  },\n  titleCentered: {\n    group: GROUPS.basic,\n    label: \"Title centered\",\n    description: \"Whether to center the title\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Small Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one third of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 1,\n      }),\n    },\n  },\n  {\n    name: \"Medium Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one half of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 2,\n      }),\n    },\n  },\n  {\n    name: \"Large Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up the full width its container.\",\n    category: COMPONENT_TYPES.card,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 3,\n      }),\n    },\n  },\n];\n"],"mappings":";;;;;;;AAAA;;AAUA,MAAMA,eAAe,GAAG;EACtBC,KAAK,EAAE;IACLC,KAAK,EAAEC,aAAA,CAAOC,IADT;IAELC,KAAK,EAAE,OAFF;IAGLC,WAAW,EAAE,OAHR;IAILC,QAAQ,EAAEC,iBAAA,CAAWP,KAJhB;IAKLQ,QAAQ,EAAEC,iBAAA,CAAWC,KALhB;IAMLC,YAAY,EAAE,IANT;IAOLC,QAAQ,EAAE,IAPL;IAQLC,QAAQ,EAAE;EARL,CADe;EAWtBC,KAAK,EAAE;IACLb,KAAK,EAAEC,aAAA,CAAOC,IADT;IAELC,KAAK,EAAE,OAFF;IAGLC,WAAW,EAAE,iBAHR;IAILC,QAAQ,EAAEC,iBAAA,CAAWQ,MAJhB;IAKLP,QAAQ,EAAEC,iBAAA,CAAWO,MALhB;IAMLL,YAAY,EAAE,4BANT;IAOLC,QAAQ,EAAE,IAPL;IAQLC,QAAQ,EAAE;EARL,CAXe;EAqBtBI,eAAe,EAAE;IACfhB,KAAK,EAAEC,aAAA,CAAOC,IADC;IAEfC,KAAK,EAAE,kBAFQ;IAGfC,WAAW,EAAE,6BAHE;IAIfC,QAAQ,EAAEC,iBAAA,CAAWQ,MAJN;IAKfP,QAAQ,EAAEC,iBAAA,CAAWO,MALN;IAMfL,YAAY,EAAE,WANC;IAOfC,QAAQ,EAAE,IAPK;IAQfC,QAAQ,EAAE;EARK,CArBK;EA+BtBK,gBAAgB,EAAE;IAChBjB,KAAK,EAAEC,aAAA,CAAOC,IADE;IAEhBC,KAAK,EAAE,mBAFS;IAGhBC,WAAW,EAAE,8BAHG;IAIhBC,QAAQ,EAAEC,iBAAA,CAAWQ,MAJL;IAKhBP,QAAQ,EAAEC,iBAAA,CAAWO,MALL;IAMhBL,YAAY,EAAE,MANE;IAOhBC,QAAQ,EAAE,IAPM;IAQhBC,QAAQ,EAAE;EARM,CA/BI;EAyCtBM,WAAW,EAAE;IACXlB,KAAK,EAAEC,aAAA,CAAOkB,KADH;IAEXhB,KAAK,EAAE,cAFI;IAGXC,WAAW,EAAE,2BAHF;IAIXC,QAAQ,EAAEC,iBAAA,CAAWY,WAJV;IAKXX,QAAQ,EAAEC,iBAAA,CAAWY,MALV;IAMXV,YAAY,EAAE,GANH;IAOXC,QAAQ,EAAE,IAPC;IAQXC,QAAQ,EAAE;EARC,CAzCS;EAmDtBS,aAAa,EAAE;IACbrB,KAAK,EAAEC,aAAA,CAAOkB,KADD;IAEbhB,KAAK,EAAE,gBAFM;IAGbC,WAAW,EAAE,6BAHA;IAIbC,QAAQ,EAAEC,iBAAA,CAAWgB,OAJR;IAKbf,QAAQ,EAAEC,iBAAA,CAAWe,OALR;IAMbb,YAAY,EAAE,KAND;IAObC,QAAQ,EAAE,IAPG;IAQbC,QAAQ,EAAE;EARG,CAnDO;EA6DtBY,SAAS,EAAE,IAAAC,0BAAA,EAAoB,CAApB;AA7DW,CAAxB;AAgEO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,YADR;EAEEC,GAAG,EAAE,WAFP;EAGExB,WAAW,EACT,0FAJJ;EAKEyB,QAAQ,EAAEC,sBAAA,CAAgBC,IAL5B;EAMEC,KAAK,EAAE,EACL,GAAGlC,eADE;IAELmC,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BxB,YAAY,EAAE;IADiB,CAArB;EAFP;AANT,CADuB,EAcvB;EACEiB,IAAI,EAAE,mBADR;EAEEC,GAAG,EAAE,WAFP;EAGExB,WAAW,EACT,yFAJJ;EAKEyB,QAAQ,EAAEC,sBAAA,CAAgBC,IAL5B;EAMEC,KAAK,EAAE,EACL,GAAGlC,eADE;IAELqC,IAAI,EAAE;MACJnC,KAAK,EAAEC,aAAA,CAAOkB,KADV;MAEJhB,KAAK,EAAE,MAFH;MAGJC,WAAW,EAAE,kCAHT;MAIJC,QAAQ,EAAEC,iBAAA,CAAW6B,IAJjB;MAKJ5B,QAAQ,EAAEC,iBAAA,CAAWO,MALjB;MAMJL,YAAY,EAAE,IANV;MAOJC,QAAQ,EAAE,IAPN;MAQJC,QAAQ,EAAE;IARN,CAFD;IAYLqB,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BxB,YAAY,EAAE;IADiB,CAArB;EAZP;AANT,CAduB,EAqCvB;EACEiB,IAAI,EAAE,kBADR;EAEEC,GAAG,EAAE,WAFP;EAGExB,WAAW,EACT,4FAJJ;EAKEyB,QAAQ,EAAEC,sBAAA,CAAgBC,IAL5B;EAMEK,mBAAmB,EAAEC,4BANvB;EAOEL,KAAK,EAAE,EACL,GAAGlC,eADE;IAELqC,IAAI,EAAE;MACJnC,KAAK,EAAEC,aAAA,CAAOkB,KADV;MAEJhB,KAAK,EAAE,MAFH;MAGJC,WAAW,EAAE,kCAHT;MAIJC,QAAQ,EAAEC,iBAAA,CAAW6B,IAJjB;MAKJ5B,QAAQ,EAAEC,iBAAA,CAAWO,MALjB;MAMJL,YAAY,EAAE,IANV;MAOJC,QAAQ,EAAE,IAPN;MAQJC,QAAQ,EAAE;IARN,CAFD;IAYLqB,UAAU,EAAE,IAAAC,2BAAA,EAAqB;MAC/BxB,YAAY,EAAE;IADiB,CAArB;EAZP;AAPT,CArCuB,CAAlB"}

package/lib/commonjs/mappings/CardContainer.js

@@ -87,6 +87,7 @@ const SEED_DATA = [{
   tag: "CardContainer",
   description: "An elevated card with a title and description, that takes up half of its container.",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: null,
   props: { ...SEED_DATA_PROPS,
     numColumns: (0, _types.createNumColumnsType)({
@@ -98,6 +99,7 @@ const SEED_DATA = [{
   tag: "CardContainer",
   description: "An elevated card with a title and description, that takes up its full container.",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   layout: null,
   props: { ...SEED_DATA_PROPS,
     numColumns: (0, _types.createNumColumnsType)({

package/lib/commonjs/mappings/CardContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_PROPS","image","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","group","GROUPS","data","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","textCentered","boolean","BOOLEAN","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","layout","props","numColumns","createNumColumnsType"],"sources":["CardContainer.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  createElevationType,\n  createNumColumnsType,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: true,\n    group: GROUPS.data,\n  },\n  title: {\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  leftDescription: {\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  rightDescription: {\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  icon: {\n    label: \"Icon\",\n    description: \"Icon to display on the top right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING /* OR ASSET TODO TEST ME */,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  aspectRatio: {\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  textCentered: {\n    label: \"Centered Text\",\n    description: \"Whether to center the text\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Medium Card\",\n    tag: \"CardContainer\",\n    description:\n      \"An elevated card with a title and description, that takes up half of its container.\",\n    category: COMPONENT_TYPES.card,\n    layout: null,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 2,\n      }),\n    },\n  },\n  {\n    name: \"Large Card\",\n    tag: \"CardContainer\",\n    description:\n      \"An elevated card with a title and description, that takes up its full container.\",\n    category: COMPONENT_TYPES.card,\n    layout: null,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 3,\n      }),\n    },\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["SEED_DATA_PROPS","image","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","group","GROUPS","data","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","textCentered","boolean","BOOLEAN","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","stylesPanelSections","BLOCK_STYLES_SECTIONS","layout","props","numColumns","createNumColumnsType"],"sources":["CardContainer.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  createElevationType,\n  createNumColumnsType,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: true,\n    group: GROUPS.data,\n  },\n  title: {\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  leftDescription: {\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  rightDescription: {\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n    group: GROUPS.data,\n  },\n  icon: {\n    label: \"Icon\",\n    description: \"Icon to display on the top right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.STRING /* OR ASSET TODO TEST ME */,\n    defaultValue: null,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  aspectRatio: {\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  textCentered: {\n    label: \"Centered Text\",\n    description: \"Whether to center the text\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n    group: GROUPS.basic,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Medium Card\",\n    tag: \"CardContainer\",\n    description:\n      \"An elevated card with a title and description, that takes up half of its container.\",\n    category: COMPONENT_TYPES.card,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    layout: null,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 2,\n      }),\n    },\n  },\n  {\n    name: \"Large Card\",\n    tag: \"CardContainer\",\n    description:\n      \"An elevated card with a title and description, that takes up its full container.\",\n    category: COMPONENT_TYPES.card,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    layout: null,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 3,\n      }),\n    },\n  },\n];\n"],"mappings":"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"}

package/lib/commonjs/mappings/CardContainerRating.js

@@ -89,6 +89,7 @@ const SEED_DATA = [{
   tag: "CardContainerRating",
   description: "An elevated card with a title and description, that takes up half of its container.",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerRating_2col.png",
   supports_list_render: true,
   props: { ...SEED_DATA_PROPS,
@@ -109,6 +110,7 @@ const SEED_DATA = [{
   tag: "CardContainerRating",
   description: "An elevated card with a title and description, that takes up its full container.",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerRating_3col.png",
   supports_list_render: true,
   props: { ...SEED_DATA_PROPS,

package/lib/commonjs/mappings/CardContainerRating.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_PROPS","image","group","GROUPS","data","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","rating","number","min","max","step","precision","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","preview_image_url","supports_list_render","props","numColumns","uncategorized","layout"],"sources":["CardContainerRating.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  createElevationType,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    group: GROUPS.data,\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  title: {\n    group: GROUPS.data,\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n  },\n  leftDescription: {\n    group: GROUPS.data,\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n  },\n  rightDescription: {\n    group: GROUPS.data,\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n  },\n  icon: {\n    group: GROUPS.basic,\n    label: \"Icon\",\n    description: \"Icon to display on the top right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  aspectRatio: {\n    group: GROUPS.basic,\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n  },\n  rating: {\n    group: GROUPS.data,\n    label: \"Rating\",\n    description: \"Number of stars to show. A number 0-5.\",\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 5,\n    min: 0,\n    max: 5,\n    step: 1,\n    precision: 0,\n    editable: true,\n    required: false,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Medium Card (Rating)\",\n    tag: \"CardContainerRating\",\n    description:\n      \"An elevated card with a title and description, that takes up half of its container.\",\n    category: COMPONENT_TYPES.card,\n    preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerRating_2col.png\",\n    supports_list_render: true,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: {\n        label: \"Number of Columns\",\n        description: \"Numbre of columns\",\n        group: GROUPS.uncategorized,\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 2,\n        editable: false,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Large Card (Rating)\",\n    tag: \"CardContainerRating\",\n    description:\n      \"An elevated card with a title and description, that takes up its full container.\",\n    category: COMPONENT_TYPES.card,\n    preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerRating_3col.png\",\n    supports_list_render: true,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: {\n        label: \"Number of Columns\",\n        description: \"Numbre of columns\",\n        group: GROUPS.uncategorized,\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 3,\n        editable: false,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n];\n"],"mappings":"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"}
+{"version":3,"names":["SEED_DATA_PROPS","image","group","GROUPS","data","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","rating","number","min","max","step","precision","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","stylesPanelSections","BLOCK_STYLES_SECTIONS","preview_image_url","supports_list_render","props","numColumns","uncategorized","layout"],"sources":["CardContainerRating.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  createElevationType,\n  BLOCK_STYLES_SECTIONS,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    group: GROUPS.data,\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  title: {\n    group: GROUPS.data,\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n  },\n  leftDescription: {\n    group: GROUPS.data,\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n  },\n  rightDescription: {\n    group: GROUPS.data,\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n  },\n  icon: {\n    group: GROUPS.basic,\n    label: \"Icon\",\n    description: \"Icon to display on the top right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  aspectRatio: {\n    group: GROUPS.basic,\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n  },\n  rating: {\n    group: GROUPS.data,\n    label: \"Rating\",\n    description: \"Number of stars to show. A number 0-5.\",\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 5,\n    min: 0,\n    max: 5,\n    step: 1,\n    precision: 0,\n    editable: true,\n    required: false,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Medium Card (Rating)\",\n    tag: \"CardContainerRating\",\n    description:\n      \"An elevated card with a title and description, that takes up half of its container.\",\n    category: COMPONENT_TYPES.card,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerRating_2col.png\",\n    supports_list_render: true,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: {\n        label: \"Number of Columns\",\n        description: \"Numbre of columns\",\n        group: GROUPS.uncategorized,\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 2,\n        editable: false,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Large Card (Rating)\",\n    tag: \"CardContainerRating\",\n    description:\n      \"An elevated card with a title and description, that takes up its full container.\",\n    category: COMPONENT_TYPES.card,\n    stylesPanelSections: BLOCK_STYLES_SECTIONS,\n    preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerRating_3col.png\",\n    supports_list_render: true,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: {\n        label: \"Number of Columns\",\n        description: \"Numbre of columns\",\n        group: GROUPS.uncategorized,\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 3,\n        editable: false,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n];\n"],"mappings":"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"}

package/lib/commonjs/mappings/CardContainerShortImage.js

@@ -12,6 +12,7 @@ const SEED_DATA = [{
   tag: "CardContainerShortImage",
   description: "An elevated card with a left aligned image and a title and subtitle",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerShortLeftImage.png",
   supports_list_render: true,
   props: {
@@ -74,6 +75,7 @@ const SEED_DATA = [{
   tag: "CardContainerShortImage",
   description: "An elevated card with a right aligned image and a title and subtitle",
   category: _types.COMPONENT_TYPES.card,
+  stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
   preview_image_url: "{CLOUDINARY_URL}/Card_ContainerShortRightImage.png",
   supports_list_render: true,
   props: {