@draftbit/core 42.4.2-50ce38.2 → 42.4.2-717ab1.2

package/lib/commonjs/components/CardContainer.js

@@ -25,8 +25,6 @@ var _Config = _interopRequireDefault(require("./Config"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
 const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
 
@@ -69,11 +67,12 @@ const CardContainer = ({
       break;
   }
 
-  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
+  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
     style: style,
     onPress: onPress,
-    numColumns: numColumns
-  }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
+    numColumns: numColumns,
+    ...rest
+  }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
     style: {
       elevation,
       borderRadius: roundness
@@ -245,4 +244,14 @@ const SEED_DATA = [{
   }
 }];
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=CardContainer.js.maped card with a title and description, that takes up its full container.",
+  category: _types.COMPONENT_TYPES.card,
+  layout: null,
+  props: { ...SEED_DATA_PROPS,
+    numColumns: (0, _types.createNumColumnsType)({
+      defaultValue: 3
+    })
+  }
+}];
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=CardContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["CardContainer.tsx"],"names":["ICON_CONTAINER_SIZE","Config","cardIconSize","ICON_CONTAINER_PADDING","CardContainer","Icon","icon","image","cardImageUrl","title","leftDescription","rightDescription","textCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","textJustification","titleStyle","headline6","headline5","borderRadius","overflow","backgroundColor","surface","uri","padding","flexDirection","alignItems","justifyContent","color","strong","marginTop","body2","medium","subtitle2","light","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string","SEED_DATA_PROPS","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","group","GROUPS","data","STRING","basic","NUMBER","boolean","BOOLEAN","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","layout","props"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAWA;;;;;;AAGA,MAAMA,mBAAmB,GAAGC,gBAAOC,YAAP,GAAsB,CAAlD;AACA,MAAMC,sBAAsB,GAAGF,gBAAOC,YAAP,GAAsB,CAAtB,GAA0B,CAAzD;;AAiBA,MAAME,aAA8B,GAAG,CAAC;AACtCC,EAAAA,IADsC;AAEtCC,EAAAA,IAFsC;AAGtCC,EAAAA,KAAK,GAAGN,gBAAOO,YAHuB;AAItCC,EAAAA,KAJsC;AAKtCC,EAAAA,eALsC;AAMtCC,EAAAA,gBANsC;AAOtCC,EAAAA,YAPsC;AAQtCC,EAAAA,WAAW,GAAG,GARwB;AAStCC,EAAAA,SAAS,GAAG,CAT0B;AAUtCC,EAAAA,UAAU,GAAG,CAVyB;AAWtCC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA;AAArB,GAX+B;AAYtCC,EAAAA,KAZsC;AAatCC,EAAAA,OAbsC;AActC,KAAGC;AAdmC,CAAD,KAejC;AACJ,MAAIC,iBAAJ;AAEA,MAAIC,UAAJ;;AAEA,MAAIZ,YAAY,IAAI,CAACD,gBAArB,EAAuC;AACrCY,IAAAA,iBAAiB,GAAG,QAApB;AACD,GAFD,MAEO;AACLA,IAAAA,iBAAiB,GAAG,eAApB;AACD;;AAED,UAAQR,UAAR;AACE,SAAK,CAAL;AACES,MAAAA,UAAU,GAAGL,UAAU,CAACM,SAAxB;AACA;;AACF,SAAK,CAAL;AACED,MAAAA,UAAU,GAAGL,UAAU,CAACO,SAAxB;AACA;AANJ;;AASA,sBACE,6BAAC,8BAAD;AAAM,IAAA,KAAK,EAAEN,KAAb;AAAoB,IAAA,OAAO,EAAEC,OAA7B;AAAsC,IAAA,UAAU,EAAEN;AAAlD,KAAkEO,IAAlE,gBACE,6BAAC,kBAAD;AAAW,IAAA,KAAK,EAAE;AAAER,MAAAA,SAAF;AAAaa,MAAAA,YAAY,EAAET;AAA3B;AAAlB,kBACE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLS,MAAAA,YAAY,EAAET,SADT;AAELU,MAAAA,QAAQ,EAAE,QAFL;AAGLC,MAAAA,eAAe,EAAEZ,MAAM,CAACa;AAHnB;AADT,kBAOE,6BAAC,cAAD;AACE,IAAA,KAAK,EAAE;AAAEjB,MAAAA;AAAF,KADT;AAEE,IAAA,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;AAAEwB,MAAAA,GAAG,EAAExB;AAAP,KAA5B,GAA6CA,KAFvD;AAGE,IAAA,UAAU,EAAC;AAHb,IAPF,eAYE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLyB,MAAAA,OAAO,EAAEjB,UAAU,KAAK,CAAf,GAAmB,CAAnB,GAAuB;AAD3B;AADT,KAKGN,KAAK,gBACJ,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLwB,MAAAA,aAAa,EAAE,KADV;AAELC,MAAAA,UAAU,EAAE,QAFP;AAGLC,MAAAA,cAAc,EAAEZ;AAHX;AADT,kBAOE,6BAAC,iBAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,KAAK,EAAE,CAACC,UAAD,EAAa;AAAEY,MAAAA,KAAK,EAAEnB,MAAM,CAACoB;AAAhB,KAAb;AAFT,KAIG5B,KAJH,CAPF,CADI,GAeF,IApBN,EAqBGC,eAAe,gBACd,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLuB,MAAAA,aAAa,EAAE,KADV;AAELE,MAAAA,cAAc,EAAEZ,iBAFX;AAGLW,MAAAA,UAAU,EAAE,QAHP;AAILI,MAAAA,SAAS,EAAEvB,UAAU,KAAK,CAAf,GAAmB,CAAnB,GAAuB,IAAI;AAJjC;AADT,kBAQE,6BAAC,iBAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,KAAK,EAAE,CAACI,UAAU,CAACoB,KAAZ,EAAmB;AAAEH,MAAAA,KAAK,EAAEnB,MAAM,CAACuB;AAAhB,KAAnB;AAFT,KAIG9B,eAJH,CARF,EAcGC,gBAAgB,gBACf,6BAAC,iBAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,KAAK,EAAE,CAACQ,UAAU,CAACsB,SAAZ,EAAuB;AAAEL,MAAAA,KAAK,EAAEnB,MAAM,CAACyB;AAAhB,KAAvB;AAFT,KAIG/B,gBAJH,CADe,GAOb,IArBN,CADc,GAwBZ,IA7CN,CAZF,EA2DGL,IAAI,gBACH,6BAAC,kBAAD;AACE,IAAA,KAAK,EAAE;AACLQ,MAAAA,SAAS,EAAEb,gBAAO0C,iBADb;AAELC,MAAAA,QAAQ,EAAE,UAFL;AAGLC,MAAAA,GAAG,EAAE,EAHA;AAILC,MAAAA,KAAK,EAAE,EAJF;AAKLC,MAAAA,KAAK,EAAE/C,mBALF;AAMLgD,MAAAA,MAAM,EAAEhD,mBANH;AAOLgC,MAAAA,OAAO,EAAE7B,sBAPJ;AAQLwB,MAAAA,YAAY,EAAE3B,mBART;AASL6B,MAAAA,eAAe,EAAE,oBAAMZ,MAAM,CAACoB,MAAb,EACdY,KADc,CACRhD,gBAAOiD,yBADC,EAEdC,GAFc,GAGdC,MAHc;AATZ;AADT,kBAgBE,6BAAC,IAAD;AACE,IAAA,IAAI,EAAE9C,IADR;AAEE,IAAA,IAAI,EAAEL,gBAAOC,YAFf;AAGE,IAAA,KAAK,EAAEe,MAAM,CAACa;AAHhB,IAhBF,CADG,GAuBD,IAlFN,CADF,CADF,CADF;AA0FD,CA7HD;;eA+He,wBAAU1B,aAAV,C;;;AAEf,MAAMiD,eAAe,GAAG;AACtB9C,EAAAA,KAAK,EAAE;AACL+C,IAAAA,KAAK,EAAE,OADF;AAELC,IAAAA,WAAW,EAAE,OAFR;AAGLC,IAAAA,QAAQ,EAAEC,kBAAWlD,KAHhB;AAILmD,IAAAA,QAAQ,EAAEC,kBAAWC,KAJhB;AAKLC,IAAAA,YAAY,EAAE,IALT;AAMLC,IAAAA,QAAQ,EAAE,IANL;AAOLC,IAAAA,QAAQ,EAAE,IAPL;AAQLC,IAAAA,KAAK,EAAEC,cAAOC;AART,GADe;AAWtBzD,EAAAA,KAAK,EAAE;AACL6C,IAAAA,KAAK,EAAE,OADF;AAELC,IAAAA,WAAW,EAAE,iBAFR;AAGLC,IAAAA,QAAQ,EAAEC,kBAAWL,MAHhB;AAILM,IAAAA,QAAQ,EAAEC,kBAAWQ,MAJhB;AAKLN,IAAAA,YAAY,EAAE,4BALT;AAMLC,IAAAA,QAAQ,EAAE,IANL;AAOLC,IAAAA,QAAQ,EAAE,KAPL;AAQLC,IAAAA,KAAK,EAAEC,cAAOC;AART,GAXe;AAqBtBxD,EAAAA,eAAe,EAAE;AACf4C,IAAAA,KAAK,EAAE,kBADQ;AAEfC,IAAAA,WAAW,EAAE,6BAFE;AAGfC,IAAAA,QAAQ,EAAEC,kBAAWL,MAHN;AAIfM,IAAAA,QAAQ,EAAEC,kBAAWQ,MAJN;AAKfN,IAAAA,YAAY,EAAE,WALC;AAMfC,IAAAA,QAAQ,EAAE,IANK;AAOfC,IAAAA,QAAQ,EAAE,KAPK;AAQfC,IAAAA,KAAK,EAAEC,cAAOC;AARC,GArBK;AA+BtBvD,EAAAA,gBAAgB,EAAE;AAChB2C,IAAAA,KAAK,EAAE,mBADS;AAEhBC,IAAAA,WAAW,EAAE,8BAFG;AAGhBC,IAAAA,QAAQ,EAAEC,kBAAWL,MAHL;AAIhBM,IAAAA,QAAQ,EAAEC,kBAAWQ,MAJL;AAKhBN,IAAAA,YAAY,EAAE,MALE;AAMhBC,IAAAA,QAAQ,EAAE,IANM;AAOhBC,IAAAA,QAAQ,EAAE,KAPM;AAQhBC,IAAAA,KAAK,EAAEC,cAAOC;AARE,GA/BI;AAyCtB5D,EAAAA,IAAI,EAAE;AACJgD,IAAAA,KAAK,EAAE,MADH;AAEJC,IAAAA,WAAW,EAAE,kCAFT;AAGJC,IAAAA,QAAQ,EAAEC,kBAAWnD,IAHjB;AAIJoD,IAAAA,QAAQ,EAAEC,kBAAWQ;AAAO;AAJxB;AAKJN,IAAAA,YAAY,EAAE,IALV;AAMJC,IAAAA,QAAQ,EAAE,IANN;AAOJC,IAAAA,QAAQ,EAAE,KAPN;AAQJC,IAAAA,KAAK,EAAEC,cAAOG;AARV,GAzCgB;AAmDtBvD,EAAAA,WAAW,EAAE;AACXyC,IAAAA,KAAK,EAAE,cADI;AAEXC,IAAAA,WAAW,EAAE,2BAFF;AAGXC,IAAAA,QAAQ,EAAEC,kBAAW5C,WAHV;AAIX6C,IAAAA,QAAQ,EAAEC,kBAAWU,MAJV;AAKXR,IAAAA,YAAY,EAAE,GALH;AAMXC,IAAAA,QAAQ,EAAE,IANC;AAOXC,IAAAA,QAAQ,EAAE,KAPC;AAQXC,IAAAA,KAAK,EAAEC,cAAOG;AARH,GAnDS;AA6DtBxD,EAAAA,YAAY,EAAE;AACZ0C,IAAAA,KAAK,EAAE,eADK;AAEZC,IAAAA,WAAW,EAAE,4BAFD;AAGZC,IAAAA,QAAQ,EAAEC,kBAAWa,OAHT;AAIZZ,IAAAA,QAAQ,EAAEC,kBAAWY,OAJT;AAKZV,IAAAA,YAAY,EAAE,KALF;AAMZC,IAAAA,QAAQ,EAAE,IANE;AAOZC,IAAAA,QAAQ,EAAE,KAPE;AAQZC,IAAAA,KAAK,EAAEC,cAAOG;AARF,GA7DQ;AAuEtBtD,EAAAA,SAAS,EAAE,gCAAoB,CAApB;AAvEW,CAAxB;AA0EO,MAAM0D,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,aADR;AAEEC,EAAAA,GAAG,EAAE,eAFP;AAGEnB,EAAAA,WAAW,EACT,qFAJJ;AAKEoB,EAAAA,QAAQ,EAAEC,uBAAgBC,IAL5B;AAMEC,EAAAA,MAAM,EAAE,IANV;AAOEC,EAAAA,KAAK,EAAE,EACL,GAAG1B,eADE;AAELtC,IAAAA,UAAU,EAAE,iCAAqB;AAC/B8C,MAAAA,YAAY,EAAE;AADiB,KAArB;AAFP;AAPT,CADuB,EAevB;AACEY,EAAAA,IAAI,EAAE,YADR;AAEEC,EAAAA,GAAG,EAAE,eAFP;AAGEnB,EAAAA,WAAW,EACT,kFAJJ;AAKEoB,EAAAA,QAAQ,EAAEC,uBAAgBC,IAL5B;AAMEC,EAAAA,MAAM,EAAE,IANV;AAOEC,EAAAA,KAAK,EAAE,EACL,GAAG1B,eADE;AAELtC,IAAAA,UAAU,EAAE,iCAAqB;AAC/B8C,MAAAA,YAAY,EAAE;AADiB,KAArB;AAFP;AAPT,CAfuB,CAAlB","sourcesContent":["import React from \"react\";\nimport {\n  View,\n  ImageSourcePropType,\n  Text,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  createElevationType,\n  createNumColumnsType,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Config from \"./Config\";\nimport { justificationType } from \"./Justification\";\n\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  leftDescription?: string;\n  rightDescription?: string;\n  textCentered: boolean;\n  icon?: string;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n} & IconSlot;\n\nconst CardContainer: React.FC<Props> = ({\n  Icon,\n  icon,\n  image = Config.cardImageUrl,\n  title,\n  leftDescription,\n  rightDescription,\n  textCentered,\n  aspectRatio = 1.5,\n  elevation = 2,\n  numColumns = 3,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  let textJustification: justificationType;\n\n  let titleStyle;\n\n  if (textCentered && !rightDescription) {\n    textJustification = \"center\";\n  } else {\n    textJustification = \"space-between\";\n  }\n\n  switch (numColumns) {\n    case 2:\n      titleStyle = typography.headline6;\n      break;\n    case 3:\n      titleStyle = typography.headline5;\n      break;\n  }\n\n  return (\n    <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n      <Elevation style={{ elevation, borderRadius: roundness }}>\n        <View\n          style={{\n            borderRadius: roundness,\n            overflow: \"hidden\",\n            backgroundColor: colors.surface,\n          }}\n        >\n          <Image\n            style={{ aspectRatio }}\n            source={typeof image === \"string\" ? { uri: image } : image}\n            resizeMode=\"cover\"\n          />\n          <View\n            style={{\n              padding: numColumns === 1 ? 8 : 16,\n            }}\n          >\n            {title ? (\n              <View\n                style={{\n                  flexDirection: \"row\",\n                  alignItems: \"center\",\n                  justifyContent: textJustification,\n                }}\n              >\n                <Text\n                  numberOfLines={1}\n                  style={[titleStyle, { color: colors.strong }]}\n                >\n                  {title}\n                </Text>\n              </View>\n            ) : null}\n            {leftDescription ? (\n              <View\n                style={{\n                  flexDirection: \"row\",\n                  justifyContent: textJustification,\n                  alignItems: \"center\",\n                  marginTop: numColumns === 3 ? 4 : 4 / 2,\n                }}\n              >\n                <Text\n                  numberOfLines={1}\n                  style={[typography.body2, { color: colors.medium }]}\n                >\n                  {leftDescription}\n                </Text>\n                {rightDescription ? (\n                  <Text\n                    numberOfLines={1}\n                    style={[typography.subtitle2, { color: colors.light }]}\n                  >\n                    {rightDescription}\n                  </Text>\n                ) : null}\n              </View>\n            ) : null}\n          </View>\n          {icon ? (\n            <Elevation\n              style={{\n                elevation: Config.cardIconElevation,\n                position: \"absolute\",\n                top: 12,\n                right: 12,\n                width: ICON_CONTAINER_SIZE,\n                height: ICON_CONTAINER_SIZE,\n                padding: ICON_CONTAINER_PADDING,\n                borderRadius: ICON_CONTAINER_SIZE,\n                backgroundColor: color(colors.strong)\n                  .alpha(Config.cardIconBackgroundOpacity)\n                  .rgb()\n                  .string(),\n              }}\n            >\n              <Icon\n                name={icon}\n                size={Config.cardIconSize}\n                color={colors.surface}\n              />\n            </Elevation>\n          ) : null}\n        </View>\n      </Elevation>\n    </Card>\n  );\n};\n\nexport default withTheme(CardContainer);\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"]}
+{"version":3,"sources":["CardContainer.js"],"names":["ICON_CONTAINER_SIZE","Config","cardIconSize","ICON_CONTAINER_PADDING","CardContainer","Icon","icon","image","cardImageUrl","title","leftDescription","rightDescription","textCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","textJustification","titleStyle","headline6","headline5","React","createElement","Card","Elevation","borderRadius","View","overflow","backgroundColor","surface","Image","source","uri","resizeMode","padding","flexDirection","alignItems","justifyContent","Text","numberOfLines","color","strong","marginTop","body2","medium","subtitle2","light","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string","name","size","SEED_DATA_PROPS","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","group","GROUPS","data","STRING","basic","NUMBER","boolean","BOOLEAN","SEED_DATA","tag","category","COMPONENT_TYPES","card","layout","props"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { View, Text, } from \"react-native\";\nimport color from \"color\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, createElevationType, createNumColumnsType, } from \"@draftbit/types\";\nimport Config from \"./Config\";\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\nconst CardContainer = ({ Icon, icon, image = Config.cardImageUrl, title, leftDescription, rightDescription, textCentered, aspectRatio = 1.5, elevation = 2, numColumns = 3, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {\n    let textJustification;\n    let titleStyle;\n    if (textCentered && !rightDescription) {\n        textJustification = \"center\";\n    }\n    else {\n        textJustification = \"space-between\";\n    }\n    switch (numColumns) {\n        case 2:\n            titleStyle = typography.headline6;\n            break;\n        case 3:\n            titleStyle = typography.headline5;\n            break;\n    }\n    return (React.createElement(Card, { style: style, onPress: onPress, numColumns: numColumns, ...rest },\n        React.createElement(Elevation, { style: { elevation, borderRadius: roundness } },\n            React.createElement(View, { style: {\n                    borderRadius: roundness,\n                    overflow: \"hidden\",\n                    backgroundColor: colors.surface,\n                } },\n                React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }),\n                React.createElement(View, { style: {\n                        padding: numColumns === 1 ? 8 : 16,\n                    } },\n                    title ? (React.createElement(View, { style: {\n                            flexDirection: \"row\",\n                            alignItems: \"center\",\n                            justifyContent: textJustification,\n                        } },\n                        React.createElement(Text, { numberOfLines: 1, style: [titleStyle, { color: colors.strong }] }, title))) : null,\n                    leftDescription ? (React.createElement(View, { style: {\n                            flexDirection: \"row\",\n                            justifyContent: textJustification,\n                            alignItems: \"center\",\n                            marginTop: numColumns === 3 ? 4 : 4 / 2,\n                        } },\n                        React.createElement(Text, { numberOfLines: 1, style: [typography.body2, { color: colors.medium }] }, leftDescription),\n                        rightDescription ? (React.createElement(Text, { numberOfLines: 1, style: [typography.subtitle2, { color: colors.light }] }, rightDescription)) : null)) : null),\n                icon ? (React.createElement(Elevation, { style: {\n                        elevation: Config.cardIconElevation,\n                        position: \"absolute\",\n                        top: 12,\n                        right: 12,\n                        width: ICON_CONTAINER_SIZE,\n                        height: ICON_CONTAINER_SIZE,\n                        padding: ICON_CONTAINER_PADDING,\n                        borderRadius: ICON_CONTAINER_SIZE,\n                        backgroundColor: color(colors.strong)\n                            .alpha(Config.cardIconBackgroundOpacity)\n                            .rgb()\n                            .string(),\n                    } },\n                    React.createElement(Icon, { name: icon, size: Config.cardIconSize, color: colors.surface }))) : null))));\n};\nexport default withTheme(CardContainer);\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};\nexport const SEED_DATA = [\n    {\n        name: \"Medium Card\",\n        tag: \"CardContainer\",\n        description: \"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: \"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"]}

package/lib/commonjs/components/CardContainerRating.js

@@ -27,8 +27,6 @@ var _Config = _interopRequireDefault(require("./Config"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
 const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
 
@@ -66,11 +64,12 @@ const CardContainerRating = ({
       break;
   }
 
-  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
+  return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
     style: style,
     onPress: onPress,
-    numColumns: numColumns
-  }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
+    numColumns: numColumns,
+    ...rest
+  }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
     style: {
       elevation,
       borderRadius: roundness
@@ -269,4 +268,16 @@ const SEED_DATA = [{
   layout: {}
 }];
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=CardContainerRating.js.map "Numbre of columns",
+      group: _types.GROUPS.uncategorized,
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      defaultValue: 3,
+      editable: false,
+      required: false
+    }
+  },
+  layout: {}
+}];
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=CardContainerRating.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["CardContainerRating.tsx"],"names":["ICON_CONTAINER_SIZE","Config","cardIconSize","ICON_CONTAINER_PADDING","CardContainerRating","Icon","icon","image","cardImageUrl","title","leftDescription","rightDescription","rating","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleStyle","rightDescriptionStyle","headline6","body2","headline5","caption","borderRadius","overflow","backgroundColor","background","uri","padding","flexDirection","alignItems","justifyContent","color","strong","medium","marginTop","marginLeft","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string","surface","SEED_DATA_PROPS","group","GROUPS","data","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","STRING","basic","NUMBER","number","min","max","step","precision","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","preview_image_url","supports_list_render","props","uncategorized","layout"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAUA;;;;;;AAEA,MAAMA,mBAAmB,GAAGC,gBAAOC,YAAP,GAAsB,CAAlD;AACA,MAAMC,sBAAsB,GAAGF,gBAAOC,YAAP,GAAsB,CAAtB,GAA0B,CAAzD;;AAkBA,MAAME,mBAAoC,GAAG,CAAC;AAC5CC,EAAAA,IAD4C;AAE5CC,EAAAA,IAF4C;AAG5CC,EAAAA,KAAK,GAAGN,gBAAOO,YAH6B;AAI5CC,EAAAA,KAJ4C;AAK5CC,EAAAA,eAL4C;AAM5CC,EAAAA,gBAN4C;AAO5CC,EAAAA,MAP4C;AAQ5CC,EAAAA,WAAW,GAAG,GAR8B;AAS5CC,EAAAA,SAAS,GAAG,CATgC;AAU5CC,EAAAA,UAAU,GAAG,CAV+B;AAW5CC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,SAAV;AAAqBC,IAAAA;AAArB,GAXqC;AAY5CC,EAAAA,KAZ4C;AAa5CC,EAAAA,OAb4C;AAc5C,KAAGC;AAdyC,CAAD,KAevC;AACJ,MAAIC,UAAJ,EAAgBC,qBAAhB;;AACA,UAAQT,UAAR;AACE,SAAK,CAAL;AACEQ,MAAAA,UAAU,GAAGJ,UAAU,CAACM,SAAxB;AACAD,MAAAA,qBAAqB,GAAGL,UAAU,CAACO,KAAnC;AACA;;AACF,SAAK,CAAL;AACEH,MAAAA,UAAU,GAAGJ,UAAU,CAACQ,SAAxB;AACAH,MAAAA,qBAAqB,GAAGL,UAAU,CAACS,OAAnC;AACA;AARJ;;AAWA,sBACE,6BAAC,8BAAD;AAAM,IAAA,KAAK,EAAER,KAAb;AAAoB,IAAA,OAAO,EAAEC,OAA7B;AAAsC,IAAA,UAAU,EAAEN;AAAlD,KAAkEO,IAAlE,gBACE,6BAAC,kBAAD;AAAW,IAAA,KAAK,EAAE;AAAER,MAAAA,SAAF;AAAae,MAAAA,YAAY,EAAEX;AAA3B;AAAlB,kBACE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLW,MAAAA,YAAY,EAAEX,SADT;AAELY,MAAAA,QAAQ,EAAE,QAFL;AAGLC,MAAAA,eAAe,EAAEd,MAAM,CAACe,UAHnB,CAIL;;AAJK;AADT,kBAQE,6BAAC,cAAD;AACE,IAAA,KAAK,EAAE;AAAEnB,MAAAA;AAAF,KADT;AAEE,IAAA,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;AAAE0B,MAAAA,GAAG,EAAE1B;AAAP,KAA5B,GAA6CA,KAFvD;AAGE,IAAA,UAAU,EAAC;AAHb,IARF,eAaE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACL2B,MAAAA,OAAO,EAAEnB,UAAU,KAAK,CAAf,GAAmB,CAAnB,GAAuB;AAD3B;AADT,KAKGN,KAAK,gBACJ,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACL0B,MAAAA,aAAa,EAAE,KADV;AAELC,MAAAA,UAAU,EAAE,QAFP;AAGLC,MAAAA,cAAc,EAAE;AAHX;AADT,kBAOE,6BAAC,iBAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,KAAK,EAAE,CAACd,UAAD,EAAa;AAAEe,MAAAA,KAAK,EAAErB,MAAM,CAACsB;AAAhB,KAAb;AAFT,KAIG9B,KAJH,CAPF,CADI,GAeF,IApBN,EAqBGC,eAAe,gBACd,6BAAC,iBAAD;AACE,IAAA,aAAa,EAAE,CADjB;AAEE,IAAA,KAAK,EAAE,CACLS,UAAU,CAACO,KADN,EAEL;AACEY,MAAAA,KAAK,EAAErB,MAAM,CAACuB,MADhB;AAEEC,MAAAA,SAAS,EAAE1B,UAAU,KAAK,CAAf,GAAmB,CAAnB,GAAuB,IAAI;AAFxC,KAFK;AAFT,KAUGL,eAVH,CADc,GAaZ,IAlCN,eAmCE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AACLyB,MAAAA,aAAa,EAAE,KADV;AAELE,MAAAA,cAAc,EAAE,eAFX;AAGLD,MAAAA,UAAU,EAAE,QAHP;AAILK,MAAAA,SAAS,EAAE1B,UAAU,KAAK,CAAf,GAAmB,EAAnB,GAAwB;AAJ9B;AADT,kBAQE,6BAAC,mBAAD;AACE,IAAA,IAAI,EAAEV,IADR;AAEE,IAAA,QAAQ,EAAEU,UAAU,KAAK,CAAf,GAAmB,EAAnB,GAAwB,EAFpC;AAGE,IAAA,MAAM,EAAEH;AAHV,IARF,eAaE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLY,qBADK,EAEL;AACEc,MAAAA,KAAK,EAAErB,MAAM,CAACuB,MADhB;AAEEE,MAAAA,UAAU,EAAE;AAFd,KAFK,CADT;AAQE,IAAA,aAAa,EAAE;AARjB,KAUG/B,gBAVH,CAbF,CAnCF,CAbF,EA2EGL,IAAI,gBACH,6BAAC,kBAAD;AACE,IAAA,KAAK,EAAE;AACLQ,MAAAA,SAAS,EAAEb,gBAAO0C,iBADb;AAELC,MAAAA,QAAQ,EAAE,UAFL;AAGLC,MAAAA,GAAG,EAAE,EAHA;AAILC,MAAAA,KAAK,EAAE,EAJF;AAKLC,MAAAA,KAAK,EAAE/C,mBALF;AAMLgD,MAAAA,MAAM,EAAEhD,mBANH;AAOLkC,MAAAA,OAAO,EAAE/B,sBAPJ;AAQL0B,MAAAA,YAAY,EAAE7B,mBART;AASL+B,MAAAA,eAAe,EAAE,oBAAMd,MAAM,CAACsB,MAAb,EACdU,KADc,CACRhD,gBAAOiD,yBADC,EAEdC,GAFc,GAGdC,MAHc;AATZ;AADT,kBAgBE,6BAAC,IAAD;AACE,IAAA,IAAI,EAAE9C,IADR;AAEE,IAAA,IAAI,EAAEL,gBAAOC,YAFf;AAGE,IAAA,KAAK,EAAEe,MAAM,CAACoC;AAHhB,IAhBF,CADG,GAuBD,IAlGN,CADF,CADF,CADF;AA0GD,CAtID;;eAwIe,wBAAUjD,mBAAV,C;;;AAEf,MAAMkD,eAAe,GAAG;AACtB/C,EAAAA,KAAK,EAAE;AACLgD,IAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,IAAAA,KAAK,EAAE,OAFF;AAGLC,IAAAA,WAAW,EAAE,OAHR;AAILC,IAAAA,QAAQ,EAAEC,kBAAWtD,KAJhB;AAKLuD,IAAAA,QAAQ,EAAEC,kBAAWC,KALhB;AAMLC,IAAAA,YAAY,EAAE,IANT;AAOLC,IAAAA,QAAQ,EAAE,IAPL;AAQLC,IAAAA,QAAQ,EAAE;AARL,GADe;AAWtB1D,EAAAA,KAAK,EAAE;AACL8C,IAAAA,KAAK,EAAEC,cAAOC,IADT;AAELC,IAAAA,KAAK,EAAE,OAFF;AAGLC,IAAAA,WAAW,EAAE,iBAHR;AAILC,IAAAA,QAAQ,EAAEC,kBAAWT,MAJhB;AAKLU,IAAAA,QAAQ,EAAEC,kBAAWK,MALhB;AAMLH,IAAAA,YAAY,EAAE,4BANT;AAOLC,IAAAA,QAAQ,EAAE,IAPL;AAQLC,IAAAA,QAAQ,EAAE;AARL,GAXe;AAqBtBzD,EAAAA,eAAe,EAAE;AACf6C,IAAAA,KAAK,EAAEC,cAAOC,IADC;AAEfC,IAAAA,KAAK,EAAE,kBAFQ;AAGfC,IAAAA,WAAW,EAAE,6BAHE;AAIfC,IAAAA,QAAQ,EAAEC,kBAAWT,MAJN;AAKfU,IAAAA,QAAQ,EAAEC,kBAAWK,MALN;AAMfH,IAAAA,YAAY,EAAE,WANC;AAOfC,IAAAA,QAAQ,EAAE,IAPK;AAQfC,IAAAA,QAAQ,EAAE;AARK,GArBK;AA+BtBxD,EAAAA,gBAAgB,EAAE;AAChB4C,IAAAA,KAAK,EAAEC,cAAOC,IADE;AAEhBC,IAAAA,KAAK,EAAE,mBAFS;AAGhBC,IAAAA,WAAW,EAAE,8BAHG;AAIhBC,IAAAA,QAAQ,EAAEC,kBAAWT,MAJL;AAKhBU,IAAAA,QAAQ,EAAEC,kBAAWK,MALL;AAMhBH,IAAAA,YAAY,EAAE,MANE;AAOhBC,IAAAA,QAAQ,EAAE,IAPM;AAQhBC,IAAAA,QAAQ,EAAE;AARM,GA/BI;AAyCtB7D,EAAAA,IAAI,EAAE;AACJiD,IAAAA,KAAK,EAAEC,cAAOa,KADV;AAEJX,IAAAA,KAAK,EAAE,MAFH;AAGJC,IAAAA,WAAW,EAAE,kCAHT;AAIJC,IAAAA,QAAQ,EAAEC,kBAAWvD,IAJjB;AAKJwD,IAAAA,QAAQ,EAAEC,kBAAWC,KALjB;AAMJC,IAAAA,YAAY,EAAE,IANV;AAOJC,IAAAA,QAAQ,EAAE,IAPN;AAQJC,IAAAA,QAAQ,EAAE;AARN,GAzCgB;AAmDtBtD,EAAAA,WAAW,EAAE;AACX0C,IAAAA,KAAK,EAAEC,cAAOa,KADH;AAEXX,IAAAA,KAAK,EAAE,cAFI;AAGXC,IAAAA,WAAW,EAAE,2BAHF;AAIXC,IAAAA,QAAQ,EAAEC,kBAAWhD,WAJV;AAKXiD,IAAAA,QAAQ,EAAEC,kBAAWO,MALV;AAMXL,IAAAA,YAAY,EAAE,GANH;AAOXC,IAAAA,QAAQ,EAAE,IAPC;AAQXC,IAAAA,QAAQ,EAAE;AARC,GAnDS;AA6DtBvD,EAAAA,MAAM,EAAE;AACN2C,IAAAA,KAAK,EAAEC,cAAOC,IADR;AAENC,IAAAA,KAAK,EAAE,QAFD;AAGNC,IAAAA,WAAW,EAAE,wCAHP;AAINC,IAAAA,QAAQ,EAAEC,kBAAWU,MAJf;AAKNT,IAAAA,QAAQ,EAAEC,kBAAWO,MALf;AAMNL,IAAAA,YAAY,EAAE,CANR;AAONO,IAAAA,GAAG,EAAE,CAPC;AAQNC,IAAAA,GAAG,EAAE,CARC;AASNC,IAAAA,IAAI,EAAE,CATA;AAUNC,IAAAA,SAAS,EAAE,CAVL;AAWNT,IAAAA,QAAQ,EAAE,IAXJ;AAYNC,IAAAA,QAAQ,EAAE;AAZJ,GA7Dc;AA2EtBrD,EAAAA,SAAS,EAAE,gCAAoB,CAApB;AA3EW,CAAxB;AA8EO,MAAM8D,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,sBADR;AAEEC,EAAAA,GAAG,EAAE,qBAFP;AAGEnB,EAAAA,WAAW,EACT,qFAJJ;AAKEoB,EAAAA,QAAQ,EAAEC,uBAAgBC,IAL5B;AAMEC,EAAAA,iBAAiB,EAAE,gDANrB;AAOEC,EAAAA,oBAAoB,EAAE,IAPxB;AAQEC,EAAAA,KAAK,EAAE,EACL,GAAG9B,eADE;AAELvC,IAAAA,UAAU,EAAE;AACV2C,MAAAA,KAAK,EAAE,mBADG;AAEVC,MAAAA,WAAW,EAAE,mBAFH;AAGVJ,MAAAA,KAAK,EAAEC,cAAO6B,aAHJ;AAIVzB,MAAAA,QAAQ,EAAEC,kBAAWU,MAJX;AAKVT,MAAAA,QAAQ,EAAEC,kBAAWO,MALX;AAMVL,MAAAA,YAAY,EAAE,CANJ;AAOVC,MAAAA,QAAQ,EAAE,KAPA;AAQVC,MAAAA,QAAQ,EAAE;AARA;AAFP,GART;AAqBEmB,EAAAA,MAAM,EAAE;AArBV,CADuB,EAwBvB;AACET,EAAAA,IAAI,EAAE,qBADR;AAEEC,EAAAA,GAAG,EAAE,qBAFP;AAGEnB,EAAAA,WAAW,EACT,kFAJJ;AAKEoB,EAAAA,QAAQ,EAAEC,uBAAgBC,IAL5B;AAMEC,EAAAA,iBAAiB,EAAE,gDANrB;AAOEC,EAAAA,oBAAoB,EAAE,IAPxB;AAQEC,EAAAA,KAAK,EAAE,EACL,GAAG9B,eADE;AAELvC,IAAAA,UAAU,EAAE;AACV2C,MAAAA,KAAK,EAAE,mBADG;AAEVC,MAAAA,WAAW,EAAE,mBAFH;AAGVJ,MAAAA,KAAK,EAAEC,cAAO6B,aAHJ;AAIVzB,MAAAA,QAAQ,EAAEC,kBAAWU,MAJX;AAKVT,MAAAA,QAAQ,EAAEC,kBAAWO,MALX;AAMVL,MAAAA,YAAY,EAAE,CANJ;AAOVC,MAAAA,QAAQ,EAAE,KAPA;AAQVC,MAAAA,QAAQ,EAAE;AARA;AAFP,GART;AAqBEmB,EAAAA,MAAM,EAAE;AArBV,CAxBuB,CAAlB","sourcesContent":["import React from \"react\";\nimport {\n  View,\n  ImageSourcePropType,\n  Text,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport StarRating from \"./StarRating\";\nimport { withTheme } from \"../theming\";\nimport {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  createElevationType,\n} from \"@draftbit/types\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Config from \"./Config\";\n\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  leftDescription?: string;\n  rightDescription?: string;\n  textCentered: boolean;\n  icon?: string;\n  rating: number;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n} & IconSlot;\n\nconst CardContainerRating: React.FC<Props> = ({\n  Icon,\n  icon,\n  image = Config.cardImageUrl,\n  title,\n  leftDescription,\n  rightDescription,\n  rating,\n  aspectRatio = 1.5,\n  elevation = 2,\n  numColumns = 3,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  let titleStyle, rightDescriptionStyle;\n  switch (numColumns) {\n    case 2:\n      titleStyle = typography.headline6;\n      rightDescriptionStyle = typography.body2;\n      break;\n    case 3:\n      titleStyle = typography.headline5;\n      rightDescriptionStyle = typography.caption;\n      break;\n  }\n\n  return (\n    <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n      <Elevation style={{ elevation, borderRadius: roundness }}>\n        <View\n          style={{\n            borderRadius: roundness,\n            overflow: \"hidden\",\n            backgroundColor: colors.background,\n            //background color is needed for bug on android 9 - https://github.com/facebook/react-native/issues/25093\n          }}\n        >\n          <Image\n            style={{ aspectRatio }}\n            source={typeof image === \"string\" ? { uri: image } : image}\n            resizeMode=\"cover\"\n          />\n          <View\n            style={{\n              padding: numColumns === 1 ? 8 : 16,\n            }}\n          >\n            {title ? (\n              <View\n                style={{\n                  flexDirection: \"row\",\n                  alignItems: \"center\",\n                  justifyContent: \"space-between\",\n                }}\n              >\n                <Text\n                  numberOfLines={1}\n                  style={[titleStyle, { color: colors.strong }]}\n                >\n                  {title}\n                </Text>\n              </View>\n            ) : null}\n            {leftDescription ? (\n              <Text\n                numberOfLines={1}\n                style={[\n                  typography.body2,\n                  {\n                    color: colors.medium,\n                    marginTop: numColumns === 3 ? 4 : 4 / 2,\n                  },\n                ]}\n              >\n                {leftDescription}\n              </Text>\n            ) : null}\n            <View\n              style={{\n                flexDirection: \"row\",\n                justifyContent: \"space-between\",\n                alignItems: \"center\",\n                marginTop: numColumns === 3 ? 16 : 12,\n              }}\n            >\n              <StarRating\n                Icon={Icon}\n                starSize={numColumns === 1 ? 10 : 16}\n                rating={rating}\n              />\n              <Text\n                style={[\n                  rightDescriptionStyle,\n                  {\n                    color: colors.medium,\n                    marginLeft: 8,\n                  },\n                ]}\n                numberOfLines={1}\n              >\n                {rightDescription}\n              </Text>\n            </View>\n          </View>\n          {icon ? (\n            <Elevation\n              style={{\n                elevation: Config.cardIconElevation,\n                position: \"absolute\",\n                top: 12,\n                right: 12,\n                width: ICON_CONTAINER_SIZE,\n                height: ICON_CONTAINER_SIZE,\n                padding: ICON_CONTAINER_PADDING,\n                borderRadius: ICON_CONTAINER_SIZE,\n                backgroundColor: color(colors.strong)\n                  .alpha(Config.cardIconBackgroundOpacity)\n                  .rgb()\n                  .string(),\n              }}\n            >\n              <Icon\n                name={icon}\n                size={Config.cardIconSize}\n                color={colors.surface}\n              />\n            </Elevation>\n          ) : null}\n        </View>\n      </Elevation>\n    </Card>\n  );\n};\n\nexport default withTheme(CardContainerRating);\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"]}
+{"version":3,"sources":["CardContainerRating.js"],"names":["ICON_CONTAINER_SIZE","Config","cardIconSize","ICON_CONTAINER_PADDING","CardContainerRating","Icon","icon","image","cardImageUrl","title","leftDescription","rightDescription","rating","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleStyle","rightDescriptionStyle","headline6","body2","headline5","caption","React","createElement","Card","Elevation","borderRadius","View","overflow","backgroundColor","background","Image","source","uri","resizeMode","padding","flexDirection","alignItems","justifyContent","Text","numberOfLines","color","strong","medium","marginTop","StarRating","starSize","marginLeft","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string","name","size","surface","SEED_DATA_PROPS","group","GROUPS","data","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","STRING","basic","NUMBER","number","min","max","step","precision","SEED_DATA","tag","category","COMPONENT_TYPES","card","preview_image_url","supports_list_render","props","uncategorized","layout"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { View, Text, } from \"react-native\";\nimport color from \"color\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport StarRating from \"./StarRating\";\nimport { withTheme } from \"../theming\";\nimport { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, createElevationType, } from \"@draftbit/types\";\nimport Config from \"./Config\";\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\nconst CardContainerRating = ({ Icon, icon, image = Config.cardImageUrl, title, leftDescription, rightDescription, rating, aspectRatio = 1.5, elevation = 2, numColumns = 3, theme: { colors, roundness, typography }, style, onPress, ...rest }) => {\n    let titleStyle, rightDescriptionStyle;\n    switch (numColumns) {\n        case 2:\n            titleStyle = typography.headline6;\n            rightDescriptionStyle = typography.body2;\n            break;\n        case 3:\n            titleStyle = typography.headline5;\n            rightDescriptionStyle = typography.caption;\n            break;\n    }\n    return (React.createElement(Card, { style: style, onPress: onPress, numColumns: numColumns, ...rest },\n        React.createElement(Elevation, { style: { elevation, borderRadius: roundness } },\n            React.createElement(View, { style: {\n                    borderRadius: roundness,\n                    overflow: \"hidden\",\n                    backgroundColor: colors.background,\n                    //background color is needed for bug on android 9 - https://github.com/facebook/react-native/issues/25093\n                } },\n                React.createElement(Image, { style: { aspectRatio }, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }),\n                React.createElement(View, { style: {\n                        padding: numColumns === 1 ? 8 : 16,\n                    } },\n                    title ? (React.createElement(View, { style: {\n                            flexDirection: \"row\",\n                            alignItems: \"center\",\n                            justifyContent: \"space-between\",\n                        } },\n                        React.createElement(Text, { numberOfLines: 1, style: [titleStyle, { color: colors.strong }] }, title))) : null,\n                    leftDescription ? (React.createElement(Text, { numberOfLines: 1, style: [\n                            typography.body2,\n                            {\n                                color: colors.medium,\n                                marginTop: numColumns === 3 ? 4 : 4 / 2,\n                            },\n                        ] }, leftDescription)) : null,\n                    React.createElement(View, { style: {\n                            flexDirection: \"row\",\n                            justifyContent: \"space-between\",\n                            alignItems: \"center\",\n                            marginTop: numColumns === 3 ? 16 : 12,\n                        } },\n                        React.createElement(StarRating, { Icon: Icon, starSize: numColumns === 1 ? 10 : 16, rating: rating }),\n                        React.createElement(Text, { style: [\n                                rightDescriptionStyle,\n                                {\n                                    color: colors.medium,\n                                    marginLeft: 8,\n                                },\n                            ], numberOfLines: 1 }, rightDescription))),\n                icon ? (React.createElement(Elevation, { style: {\n                        elevation: Config.cardIconElevation,\n                        position: \"absolute\",\n                        top: 12,\n                        right: 12,\n                        width: ICON_CONTAINER_SIZE,\n                        height: ICON_CONTAINER_SIZE,\n                        padding: ICON_CONTAINER_PADDING,\n                        borderRadius: ICON_CONTAINER_SIZE,\n                        backgroundColor: color(colors.strong)\n                            .alpha(Config.cardIconBackgroundOpacity)\n                            .rgb()\n                            .string(),\n                    } },\n                    React.createElement(Icon, { name: icon, size: Config.cardIconSize, color: colors.surface }))) : null))));\n};\nexport default withTheme(CardContainerRating);\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};\nexport const SEED_DATA = [\n    {\n        name: \"Medium Card (Rating)\",\n        tag: \"CardContainerRating\",\n        description: \"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: \"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"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["CardInline.tsx"],"names":["CardInline","image","Config","cardImageUrl","title","subtitle","aspectRatio","elevation","style","titleStyle","subtitleStyle","onPress","alignItems","justifyContent","width","height","StyleSheet","flatten","imageStyles","pressed","opacity","uri","styles","overlay","color","create","position","top","bottom","left","right","padding","backgroundColor","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","card","layout","props","group","GROUPS","data","label","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","string","STRING","basic","NUMBER"],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport {\n  Pressable,\n  View,\n  ImageSourcePropType,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n  StyleSheet,\n} from \"react-native\";\nimport { Title, Subtitle } from \"./Typography\";\nimport Image from \"./Image\";\nimport Surface from \"./Surface\";\nimport Config from \"./Config\";\nimport { withTheme } from \"../theming\";\nimport theme from \"../styles/DefaultTheme\";\nimport {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createElevationType,\n} from \"@draftbit/types\";\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  subtitle?: string;\n  aspectRatio?: number;\n  elevation?: number;\n  theme: typeof theme;\n  style?: StyleProp<ViewStyle>;\n  titleStyle?: StyleProp<TextStyle>;\n  subtitleStyle?: StyleProp<TextStyle>;\n  onPress: () => void;\n};\n\nconst CardInline: React.FC<Props> = ({\n  image = Config.cardImageUrl,\n  title,\n  subtitle,\n  aspectRatio = 1.5,\n  elevation = 2,\n  style,\n  titleStyle,\n  subtitleStyle,\n  onPress,\n}) => {\n  const { alignItems, justifyContent, width, height } = StyleSheet.flatten(\n    style || {}\n  );\n  const imageStyles = width && height ? { width, height } : { aspectRatio };\n  return (\n    <Surface style={[{ elevation }, style]}>\n      <Pressable\n        disabled={!onPress}\n        onPress={onPress}\n        style={({ pressed }) => {\n          return [\n            {\n              opacity: pressed ? 0.8 : 1,\n            },\n          ];\n        }}\n      >\n        <Image\n          style={imageStyles}\n          source={typeof image === \"string\" ? { uri: image } : image}\n          resizeMode=\"cover\"\n        />\n        <View style={[styles.overlay, { justifyContent, alignItems }]}>\n          {title ? (\n            <Title style={[{ color: \"white\" }, titleStyle]} text={title} />\n          ) : null}\n          {subtitle ? (\n            <Subtitle\n              style={[{ color: \"rgba(255, 255, 255, 0.7)\" }, subtitleStyle]}\n              text={subtitle}\n            />\n          ) : null}\n        </View>\n      </Pressable>\n    </Surface>\n  );\n};\n\nconst styles = StyleSheet.create({\n  overlay: {\n    position: \"absolute\",\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    padding: 16,\n    backgroundColor: \"rgba(0, 0, 0, 0.2)\",\n  },\n});\n\nexport default withTheme(CardInline);\n\nexport const SEED_DATA = {\n  name: \"Inline Card\",\n  tag: \"CardInline\",\n  description:\n    \"An elevated card with image and a title and description overlayed, that takes up the full width of its container.\",\n  category: COMPONENT_TYPES.card,\n  layout: {},\n  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    subtitle: {\n      group: GROUPS.data,\n      label: \"Subtitle\",\n      description: \"Subtitle text\",\n      formType: FORM_TYPES.string,\n      propType: PROP_TYPES.STRING,\n      defaultValue: \"San Diego\",\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    elevation: createElevationType(2),\n  },\n};\n"]}
+{"version":3,"sources":["CardInline.js"],"names":["CardInline","image","Config","cardImageUrl","title","subtitle","aspectRatio","elevation","style","titleStyle","subtitleStyle","onPress","alignItems","justifyContent","width","height","StyleSheet","flatten","imageStyles","React","createElement","Surface","Pressable","disabled","pressed","opacity","Image","source","uri","resizeMode","View","styles","overlay","Title","color","text","Subtitle","create","position","top","bottom","left","right","padding","backgroundColor","SEED_DATA","name","tag","description","category","COMPONENT_TYPES","card","layout","props","group","GROUPS","data","label","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","string","STRING","basic","NUMBER"],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport { Pressable, View, StyleSheet, } from \"react-native\";\nimport { Title, Subtitle } from \"./Typography\";\nimport Image from \"./Image\";\nimport Surface from \"./Surface\";\nimport Config from \"./Config\";\nimport { withTheme } from \"../theming\";\nimport { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, } from \"@draftbit/types\";\nconst CardInline = ({ image = Config.cardImageUrl, title, subtitle, aspectRatio = 1.5, elevation = 2, style, titleStyle, subtitleStyle, onPress, }) => {\n    const { alignItems, justifyContent, width, height } = StyleSheet.flatten(style || {});\n    const imageStyles = width && height ? { width, height } : { aspectRatio };\n    return (React.createElement(Surface, { style: [{ elevation }, style] },\n        React.createElement(Pressable, { disabled: !onPress, onPress: onPress, style: ({ pressed }) => {\n                return [\n                    {\n                        opacity: pressed ? 0.8 : 1,\n                    },\n                ];\n            } },\n            React.createElement(Image, { style: imageStyles, source: typeof image === \"string\" ? { uri: image } : image, resizeMode: \"cover\" }),\n            React.createElement(View, { style: [styles.overlay, { justifyContent, alignItems }] },\n                title ? (React.createElement(Title, { style: [{ color: \"white\" }, titleStyle], text: title })) : null,\n                subtitle ? (React.createElement(Subtitle, { style: [{ color: \"rgba(255, 255, 255, 0.7)\" }, subtitleStyle], text: subtitle })) : null))));\n};\nconst styles = StyleSheet.create({\n    overlay: {\n        position: \"absolute\",\n        top: 0,\n        bottom: 0,\n        left: 0,\n        right: 0,\n        padding: 16,\n        backgroundColor: \"rgba(0, 0, 0, 0.2)\",\n    },\n});\nexport default withTheme(CardInline);\nexport const SEED_DATA = {\n    name: \"Inline Card\",\n    tag: \"CardInline\",\n    description: \"An elevated card with image and a title and description overlayed, that takes up the full width of its container.\",\n    category: COMPONENT_TYPES.card,\n    layout: {},\n    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        subtitle: {\n            group: GROUPS.data,\n            label: \"Subtitle\",\n            description: \"Subtitle text\",\n            formType: FORM_TYPES.string,\n            propType: PROP_TYPES.STRING,\n            defaultValue: \"San Diego\",\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        elevation: createElevationType(2),\n    },\n};\n"]}

package/lib/commonjs/components/Carousel.js

@@ -21,8 +21,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const screenWidth = _reactNative.Dimensions.get("window").width;
 
 function Pager({
@@ -71,9 +69,10 @@ function Carousel({
 
   const slideWidth = width || screenWidth;
   const slideHeight = height || 250;
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
-    style: [styles.container, style]
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, style],
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
     pagingEnabled: true,
     horizontal: true,
     decelerationRate: "fast",
@@ -161,4 +160,15 @@ const SEED_DATA = [{
   }
 }];
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=Carousel.js.mapry: _types.COMPONENT_TYPES.media,
+  description: "A horizontal scrolling carousel of images",
+  layout: {},
+  props: {
+    resizeMode: (0, _types.createResizeModeProp)(),
+    dotColor: (0, _types.createColorProp)({
+      label: "Dot color"
+    })
+  }
+}];
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=Carousel.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Carousel.tsx"],"names":["screenWidth","Dimensions","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","React","useState","Children","count","itemsLength","slides","isArray","StyleSheet","flatten","slideWidth","slideHeight","container","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius","SEED_DATA","name","tag","category","COMPONENT_TYPES","media","description","layout","resizeMode","label"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n  ScrollView,\n  View,\n  StyleSheet,\n  Dimensions,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport {\n  COMPONENT_TYPES,\n  createResizeModeProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\ntype Props = {\n  data?: any[];\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  dotColor?: string;\n};\n\nfunction Pager({\n  color,\n  index,\n  length,\n}: {\n  color: string;\n  index: number;\n  length: number;\n}) {\n  return (\n    <View style={styles.pager}>\n      {Array.from({ length }).map((_, i) => {\n        const current = index === i;\n        const opacity = current ? 1 : 0.5;\n        const size = current ? 10 : 8;\n        return (\n          <View\n            key={i}\n            style={[\n              styles.bullet,\n              { backgroundColor: color, opacity, width: size, height: size },\n            ]}\n          />\n        );\n      })}\n    </View>\n  );\n}\n\nfunction Carousel({\n  data,\n  children,\n  dotColor = \"strong\",\n  style,\n  ...rest\n}: Props) {\n  const [index, setIndex] = React.useState(0);\n\n  const length = React.Children.count(children);\n  const itemsLength = (data?.length ?? 0) + length;\n  const slides = Array.isArray(data) ? data : [];\n\n  const { width, height } = StyleSheet.flatten(style || {});\n  const slideWidth = width || screenWidth;\n  const slideHeight = height || 250;\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      <ScrollView\n        pagingEnabled\n        horizontal\n        decelerationRate=\"fast\"\n        scrollEventThrottle={200}\n        showsHorizontalScrollIndicator={false}\n        onScroll={({ nativeEvent }) => {\n          const layoutWidth = nativeEvent.layoutMeasurement.width;\n          const offset = nativeEvent.contentOffset.x;\n          const currentIndex = Math.ceil(offset / layoutWidth);\n          setIndex(currentIndex);\n        }}\n      >\n        {slides.length > 0\n          ? slides.map((item, i) => {\n              return (\n                <Image\n                  key={i}\n                  resizeMode=\"cover\"\n                  source={typeof item === \"string\" ? { uri: item } : item}\n                  style={[{ width: slideWidth, height: slideHeight }]}\n                />\n              );\n            })\n          : null}\n        {React.Children.map(children, (child: any) => {\n          const s = child?.props?.style || {};\n          return (\n            <View style={{ width: slideWidth }}>\n              {React.cloneElement(child, {\n                style: { ...s, width: slideWidth },\n              })}\n            </View>\n          );\n        })}\n      </ScrollView>\n      <Pager color={dotColor} index={index} length={itemsLength} />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    height: 250,\n    position: \"relative\",\n    width: screenWidth,\n    backgroundColor: \"#eee\",\n  },\n  pager: {\n    position: \"absolute\",\n    bottom: 12,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    marginHorizontal: 2,\n    width: 10,\n    height: 10,\n    borderRadius: 20,\n    backgroundColor: \"#000\",\n  },\n});\n\nexport default withTheme(Carousel);\n\nexport const SEED_DATA = [\n  {\n    name: \"Carousel\",\n    tag: \"Carousel\",\n    category: COMPONENT_TYPES.media,\n    description: \"A horizontal scrolling carousel of images\",\n    layout: {},\n    props: {\n      resizeMode: createResizeModeProp(),\n      dotColor: createColorProp({\n        label: \"Dot color\",\n      }),\n    },\n  },\n];\n"]}
+{"version":3,"sources":["Carousel.js"],"names":["screenWidth","Dimensions","get","width","Pager","color","index","length","React","createElement","View","style","styles","pager","Array","from","map","_","i","current","opacity","size","key","bullet","backgroundColor","height","Carousel","data","children","dotColor","rest","setIndex","useState","Children","count","itemsLength","slides","isArray","StyleSheet","flatten","slideWidth","slideHeight","container","ScrollView","pagingEnabled","horizontal","decelerationRate","scrollEventThrottle","showsHorizontalScrollIndicator","onScroll","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","Image","resizeMode","source","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius","SEED_DATA","name","tag","category","COMPONENT_TYPES","media","description","layout","label"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { ScrollView, View, StyleSheet, Dimensions, } from \"react-native\";\nimport Image from \"./Image\";\nimport { COMPONENT_TYPES, createResizeModeProp, createColorProp, } from \"@draftbit/types\";\nconst screenWidth = Dimensions.get(\"window\").width;\nfunction Pager({ color, index, length, }) {\n    return (React.createElement(View, { style: styles.pager }, Array.from({ length }).map((_, i) => {\n        const current = index === i;\n        const opacity = current ? 1 : 0.5;\n        const size = current ? 10 : 8;\n        return (React.createElement(View, { key: i, style: [\n                styles.bullet,\n                { backgroundColor: color, opacity, width: size, height: size },\n            ] }));\n    })));\n}\nfunction Carousel({ data, children, dotColor = \"strong\", style, ...rest }) {\n    const [index, setIndex] = React.useState(0);\n    const length = React.Children.count(children);\n    const itemsLength = (data?.length ?? 0) + length;\n    const slides = Array.isArray(data) ? data : [];\n    const { width, height } = StyleSheet.flatten(style || {});\n    const slideWidth = width || screenWidth;\n    const slideHeight = height || 250;\n    return (React.createElement(View, { style: [styles.container, style], ...rest },\n        React.createElement(ScrollView, { pagingEnabled: true, horizontal: true, decelerationRate: \"fast\", scrollEventThrottle: 200, showsHorizontalScrollIndicator: false, onScroll: ({ nativeEvent }) => {\n                const layoutWidth = nativeEvent.layoutMeasurement.width;\n                const offset = nativeEvent.contentOffset.x;\n                const currentIndex = Math.ceil(offset / layoutWidth);\n                setIndex(currentIndex);\n            } },\n            slides.length > 0\n                ? slides.map((item, i) => {\n                    return (React.createElement(Image, { key: i, resizeMode: \"cover\", source: typeof item === \"string\" ? { uri: item } : item, style: [{ width: slideWidth, height: slideHeight }] }));\n                })\n                : null,\n            React.Children.map(children, (child) => {\n                const s = child?.props?.style || {};\n                return (React.createElement(View, { style: { width: slideWidth } }, React.cloneElement(child, {\n                    style: { ...s, width: slideWidth },\n                })));\n            })),\n        React.createElement(Pager, { color: dotColor, index: index, length: itemsLength })));\n}\nconst styles = StyleSheet.create({\n    container: {\n        height: 250,\n        position: \"relative\",\n        width: screenWidth,\n        backgroundColor: \"#eee\",\n    },\n    pager: {\n        position: \"absolute\",\n        bottom: 12,\n        left: 0,\n        right: 0,\n        flexDirection: \"row\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n    },\n    bullet: {\n        marginHorizontal: 2,\n        width: 10,\n        height: 10,\n        borderRadius: 20,\n        backgroundColor: \"#000\",\n    },\n});\nexport default withTheme(Carousel);\nexport const SEED_DATA = [\n    {\n        name: \"Carousel\",\n        tag: \"Carousel\",\n        category: COMPONENT_TYPES.media,\n        description: \"A horizontal scrolling carousel of images\",\n        layout: {},\n        props: {\n            resizeMode: createResizeModeProp(),\n            dotColor: createColorProp({\n                label: \"Dot color\",\n            }),\n        },\n    },\n];\n"]}

package/lib/commonjs/components/Checkbox/CheckboxRow.js

@@ -27,9 +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 || 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); }
-
-let Direction;
+var Direction;
 exports.Direction = Direction;
 
 (function (Direction) {
@@ -93,13 +91,14 @@ const CheckboxRow = ({
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
+  return /*#__PURE__*/React.createElement(_Touchable.default, {
     onPress: handlePress,
     style: [styles.mainParent, {
       flexDirection: direction
     }, viewStyles],
-    disabled: disabled
-  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
+    disabled: disabled,
+    ...rest
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [styles.label, {
       alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
     }, labelContainerStyle]
@@ -183,4 +182,13 @@ const SEED_DATA = {
   }
 };
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=CheckboxRow.js.mapription: "Color for the button when the checkbox is unchecked"
+    }),
+    indeterminateColor: (0, _types.createColorProp)({
+      label: "Indeterminate Color",
+      description: "Color for the button when the checkbox is indeterminate"
+    })
+  }
+};
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=CheckboxRow.js.map

package/lib/commonjs/components/Checkbox/CheckboxRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CheckboxRow.tsx"],"names":["Direction","getCheckboxAlignment","parentDirection","direction","GroupDirection","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","CheckboxRow","Icon","label","onPress","labelContainerStyle","checkboxStyle","status","disabled","style","color","uncheckedColor","indeterminateColor","rest","values","selectedValues","onValueChange","Array","isArray","isChecked","CheckboxStatus","Checked","includes","handlePress","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","flex","Unchecked","StyleSheet","create","justifyContent","paddingStart","minHeight","paddingEnd","Platform","select","web","cursor","userSelect","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnPress","props","description","required","defaultValue","editable","fieldName","valuePropName","handlerPropName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport {\n  StyleProp,\n  ViewStyle,\n  StyleSheet,\n  TextStyle,\n  View,\n  Platform,\n} from \"react-native\";\nimport Checkbox, { CheckboxProps, CheckboxStatus } from \"./Checkbox\";\nimport Text from \"../Text\";\nimport { useCheckboxGroupContext } from \"./context\";\nimport {\n  createTextProp,\n  createTextStyle,\n  createRowDirectionProp,\n  createFieldNameProp,\n  COMPONENT_TYPES,\n  Triggers,\n  createColorProp,\n} from \"@draftbit/types\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\n\nexport enum Direction {\n  Row = \"row\",\n  RowReverse = \"row-reverse\",\n}\n\nexport interface CheckboxRowProps extends Omit<CheckboxProps, \"onPress\"> {\n  label: string | React.ReactNode;\n  value: string;\n  labelContainerStyle: StyleProp<ViewStyle>;\n  checkboxStyle?: StyleProp<ViewStyle>;\n  labelStyle?: StyleProp<TextStyle>;\n  onPress?: (value: string) => void;\n  direction?: Direction;\n  color: string;\n  unselectedColor: string;\n  indeterminateColor: string;\n}\n\nconst getCheckboxAlignment = (\n  parentDirection: GroupDirection | undefined,\n  direction: Direction\n) => {\n  if (parentDirection === GroupDirection.Horizontal) {\n    return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n  } else if (direction === Direction.RowReverse) {\n    return \"flex-start\";\n  } else {\n    return \"flex-end\";\n  }\n};\n\nconst renderLabel = (\n  value: string | React.ReactNode,\n  labelStyle: StyleProp<TextStyle>,\n  textStyle: StyleProp<TextStyle>\n) => {\n  if (typeof value === \"string\") {\n    return <Text style={[labelStyle, textStyle]}>{value}</Text>;\n  } else {\n    return <>{value}</>;\n  }\n};\n\nconst CheckboxRow: React.FC<CheckboxRowProps & IconSlot> = ({\n  Icon,\n  label = \"Label\",\n  value,\n  onPress = () => {},\n  labelContainerStyle,\n  labelStyle,\n  checkboxStyle,\n  direction = Direction.Row,\n  status,\n  disabled,\n  style,\n  color,\n  uncheckedColor,\n  indeterminateColor,\n  ...rest\n}) => {\n  const {\n    values: selectedValues,\n    onValueChange,\n    direction: parentDirection,\n  } = useCheckboxGroupContext();\n\n  const values = Array.isArray(selectedValues) ? selectedValues : [];\n  const isChecked = status === CheckboxStatus.Checked || values.includes(value);\n\n  const handlePress = () => {\n    if (!disabled) {\n      onPress(value);\n      onValueChange && onValueChange(value, !isChecked);\n    }\n  };\n\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Touchable\n      onPress={handlePress}\n      style={[styles.mainParent, { flexDirection: direction }, viewStyles]}\n      disabled={disabled}\n      {...rest}\n    >\n      <View\n        style={[\n          styles.label,\n          {\n            alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n          },\n          labelContainerStyle,\n        ]}\n      >\n        {renderLabel(label, labelStyle, textStyles)}\n      </View>\n      <View\n        style={{\n          flex: 1,\n          alignItems: getCheckboxAlignment(parentDirection, direction),\n        }}\n      >\n        <Checkbox\n          Icon={Icon}\n          status={\n            status || values.includes(value)\n              ? CheckboxStatus.Checked\n              : CheckboxStatus.Unchecked\n          }\n          onPress={handlePress}\n          style={checkboxStyle}\n          disabled={disabled}\n          color={color}\n          uncheckedColor={uncheckedColor}\n          indeterminateColor={indeterminateColor}\n        />\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  mainParent: {\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    paddingStart: 20,\n    minHeight: 50,\n    paddingEnd: 20,\n    flex: 1,\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n  label: {\n    flex: 3,\n  },\n});\n\nexport default CheckboxRow;\n\nexport const SEED_DATA = {\n  name: \"Checkbox Row\",\n  tag: \"CheckboxRow\",\n  category: COMPONENT_TYPES.input,\n  layout: {\n    minHeight: 50,\n  },\n  triggers: [Triggers.OnPress],\n  props: {\n    label: createTextProp({\n      label: \"Label\",\n      description: \"Label to show with the checkbox\",\n      required: true,\n      defaultValue: \"First Option\",\n    }),\n    labelStyle: createTextStyle({\n      label: \"Label Style\",\n      description: \"Change the styles of the label\",\n      required: false,\n      editable: false,\n    }),\n    direction: createRowDirectionProp(),\n    fieldName: createFieldNameProp({\n      defaultValue: \"unchecked\",\n      valuePropName: \"status\",\n      handlerPropName: \"onPress\",\n    }),\n    color: createColorProp({\n      description: \"Color for the button (used when the checkbox is checked)\",\n    }),\n    uncheckedColor: createColorProp({\n      label: \"Unselected Color\",\n      description: \"Color for the button when the checkbox is unchecked\",\n    }),\n    indeterminateColor: createColorProp({\n      label: \"Indeterminate Color\",\n      description: \"Color for the button when the checkbox is indeterminate\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["CheckboxRow.js"],"names":["Direction","getCheckboxAlignment","parentDirection","direction","GroupDirection","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","React","createElement","Text","style","Fragment","CheckboxRow","Icon","label","onPress","labelContainerStyle","checkboxStyle","status","disabled","color","uncheckedColor","indeterminateColor","rest","values","selectedValues","onValueChange","Array","isArray","isChecked","CheckboxStatus","Checked","includes","handlePress","textStyles","viewStyles","Touchable","styles","mainParent","flexDirection","View","alignItems","flex","Checkbox","Unchecked","StyleSheet","create","justifyContent","paddingStart","minHeight","paddingEnd","Platform","select","web","cursor","userSelect","SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnPress","props","description","required","defaultValue","editable","fieldName","valuePropName","handlerPropName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { StyleSheet, View, Platform, } from \"react-native\";\nimport Checkbox, { CheckboxStatus } from \"./Checkbox\";\nimport Text from \"../Text\";\nimport { useCheckboxGroupContext } from \"./context\";\nimport { createTextProp, createTextStyle, createRowDirectionProp, createFieldNameProp, COMPONENT_TYPES, Triggers, createColorProp, } from \"@draftbit/types\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\nexport var Direction;\n(function (Direction) {\n    Direction[\"Row\"] = \"row\";\n    Direction[\"RowReverse\"] = \"row-reverse\";\n})(Direction || (Direction = {}));\nconst getCheckboxAlignment = (parentDirection, direction) => {\n    if (parentDirection === GroupDirection.Horizontal) {\n        return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n    }\n    else if (direction === Direction.RowReverse) {\n        return \"flex-start\";\n    }\n    else {\n        return \"flex-end\";\n    }\n};\nconst renderLabel = (value, labelStyle, textStyle) => {\n    if (typeof value === \"string\") {\n        return React.createElement(Text, { style: [labelStyle, textStyle] }, value);\n    }\n    else {\n        return React.createElement(React.Fragment, null, value);\n    }\n};\nconst CheckboxRow = ({ Icon, label = \"Label\", value, onPress = () => { }, labelContainerStyle, labelStyle, checkboxStyle, direction = Direction.Row, status, disabled, style, color, uncheckedColor, indeterminateColor, ...rest }) => {\n    const { values: selectedValues, onValueChange, direction: parentDirection, } = useCheckboxGroupContext();\n    const values = Array.isArray(selectedValues) ? selectedValues : [];\n    const isChecked = status === CheckboxStatus.Checked || values.includes(value);\n    const handlePress = () => {\n        if (!disabled) {\n            onPress(value);\n            onValueChange && onValueChange(value, !isChecked);\n        }\n    };\n    const { textStyles, viewStyles } = extractStyles(style);\n    return (React.createElement(Touchable, { onPress: handlePress, style: [styles.mainParent, { flexDirection: direction }, viewStyles], disabled: disabled, ...rest },\n        React.createElement(View, { style: [\n                styles.label,\n                {\n                    alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n                },\n                labelContainerStyle,\n            ] }, renderLabel(label, labelStyle, textStyles)),\n        React.createElement(View, { style: {\n                flex: 1,\n                alignItems: getCheckboxAlignment(parentDirection, direction),\n            } },\n            React.createElement(Checkbox, { Icon: Icon, status: status || values.includes(value)\n                    ? CheckboxStatus.Checked\n                    : CheckboxStatus.Unchecked, onPress: handlePress, style: checkboxStyle, disabled: disabled, color: color, uncheckedColor: uncheckedColor, indeterminateColor: indeterminateColor }))));\n};\nconst styles = StyleSheet.create({\n    mainParent: {\n        alignItems: \"center\",\n        justifyContent: \"space-around\",\n        paddingStart: 20,\n        minHeight: 50,\n        paddingEnd: 20,\n        flex: 1,\n        ...Platform.select({\n            web: {\n                cursor: \"pointer\",\n                userSelect: \"none\",\n            },\n        }),\n    },\n    label: {\n        flex: 3,\n    },\n});\nexport default CheckboxRow;\nexport const SEED_DATA = {\n    name: \"Checkbox Row\",\n    tag: \"CheckboxRow\",\n    category: COMPONENT_TYPES.input,\n    layout: {\n        minHeight: 50,\n    },\n    triggers: [Triggers.OnPress],\n    props: {\n        label: createTextProp({\n            label: \"Label\",\n            description: \"Label to show with the checkbox\",\n            required: true,\n            defaultValue: \"First Option\",\n        }),\n        labelStyle: createTextStyle({\n            label: \"Label Style\",\n            description: \"Change the styles of the label\",\n            required: false,\n            editable: false,\n        }),\n        direction: createRowDirectionProp(),\n        fieldName: createFieldNameProp({\n            defaultValue: \"unchecked\",\n            valuePropName: \"status\",\n            handlerPropName: \"onPress\",\n        }),\n        color: createColorProp({\n            description: \"Color for the button (used when the checkbox is checked)\",\n        }),\n        uncheckedColor: createColorProp({\n            label: \"Unselected Color\",\n            description: \"Color for the button when the checkbox is unchecked\",\n        }),\n        indeterminateColor: createColorProp({\n            label: \"Indeterminate Color\",\n            description: \"Color for the button when the checkbox is indeterminate\",\n        }),\n    },\n};\n"]}

package/lib/commonjs/components/Checkbox/context.js

@@ -8,7 +8,7 @@ exports.checkboxGroupContext = exports.Direction = void 0;
 
 var _react = require("react");
 
-let Direction;
+var Direction;
 exports.Direction = Direction;
 
 (function (Direction) {

package/lib/commonjs/components/Checkbox/context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["context.ts"],"names":["Direction","checkboxGroupContext","onValueChange","values","direction","undefined","useCheckboxGroupContext"],"mappings":";;;;;;;;AAAA;;IAEYA,S;;;WAAAA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;GAAAA,S,yBAAAA,S;;AAWL,MAAMC,oBAAoB,gBAAG,0BAAoC;AACtEC,EAAAA,aAAa,EAAE,MAAM,CAAE,CAD+C;AAEtEC,EAAAA,MAAM,EAAE,EAF8D;AAGtEC,EAAAA,SAAS,EAAEC;AAH2D,CAApC,CAA7B;;;AAMA,SAASC,uBAAT,GAAmC;AACxC,SAAO,uBAAWL,oBAAX,CAAP;AACD","sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport enum Direction {\n  Horizontal = \"horizontal\",\n  Vertical = \"vertical\",\n}\n\ninterface CheckboxGroupContext {\n  onValueChange: (value: string, selected: boolean) => void;\n  values: string[];\n  direction?: Direction;\n}\n\nexport const checkboxGroupContext = createContext<CheckboxGroupContext>({\n  onValueChange: () => {},\n  values: [],\n  direction: undefined,\n});\n\nexport function useCheckboxGroupContext() {\n  return useContext(checkboxGroupContext);\n}\n"]}
+{"version":3,"sources":["context.js"],"names":["Direction","checkboxGroupContext","onValueChange","values","direction","undefined","useCheckboxGroupContext"],"mappings":";;;;;;;;AAAA;;AACO,IAAIA,SAAJ;;;AACP,CAAC,UAAUA,SAAV,EAAqB;AAClBA,EAAAA,SAAS,CAAC,YAAD,CAAT,GAA0B,YAA1B;AACAA,EAAAA,SAAS,CAAC,UAAD,CAAT,GAAwB,UAAxB;AACH,CAHD,EAGGA,SAAS,yBAAKA,SAAS,GAAG,EAAjB,CAHZ;;AAIO,MAAMC,oBAAoB,gBAAG,0BAAc;AAC9CC,EAAAA,aAAa,EAAE,MAAM,CAAG,CADsB;AAE9CC,EAAAA,MAAM,EAAE,EAFsC;AAG9CC,EAAAA,SAAS,EAAEC;AAHmC,CAAd,CAA7B;;;AAKA,SAASC,uBAAT,GAAmC;AACtC,SAAO,uBAAWL,oBAAX,CAAP;AACH","sourcesContent":["import { createContext, useContext } from \"react\";\nexport var Direction;\n(function (Direction) {\n    Direction[\"Horizontal\"] = \"horizontal\";\n    Direction[\"Vertical\"] = \"vertical\";\n})(Direction || (Direction = {}));\nexport const checkboxGroupContext = createContext({\n    onValueChange: () => { },\n    values: [],\n    direction: undefined,\n});\nexport function useCheckboxGroupContext() {\n    return useContext(checkboxGroupContext);\n}\n"]}

package/lib/commonjs/components/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA","sourcesContent":["export { default as Checkbox } from \"./Checkbox\";\nexport { default as CheckboxGroup } from \"./CheckboxGroup\";\nexport { default as CheckboxRow } from \"./CheckboxRow\";\n"]}
+{"version":3,"sources":["index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA","sourcesContent":["export { default as Checkbox } from \"./Checkbox\";\nexport { default as CheckboxGroup } from \"./CheckboxGroup\";\nexport { default as CheckboxRow } from \"./CheckboxRow\";\n"]}

package/lib/commonjs/components/CircleImage.js

@@ -19,8 +19,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const CircleImage = ({
   source = _Config.default.placeholderImageURL,
   size = 60,
@@ -28,7 +26,7 @@ const CircleImage = ({
   ...props
 }) => {
   const borderRadius = size / 2;
-  return /*#__PURE__*/React.createElement(_reactNative.Image, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.Image, {
     style: [{
       width: size,
       height: size,
@@ -37,8 +35,9 @@ const CircleImage = ({
     source: typeof source === "string" ? {
       uri: source
     } : source,
-    resizeMode: "cover"
-  }, props));
+    resizeMode: "cover",
+    ...props
+  });
 };
 
 var _default = CircleImage;
@@ -67,4 +66,18 @@ const SEED_DATA = {
   }
 };
 exports.SEED_DATA = SEED_DATA;
+//# sourceMappingURL=CircleImage.js.mapf your circle image",
+      editable: true,
+      required: false,
+      formType: _types.FORM_TYPES.number,
+      propType: _types.PROP_TYPES.NUMBER,
+      min: 0,
+      max: 300,
+      precision: 0,
+      step: 1,
+      defaultValue: 60
+    }
+  }
+};
+exports.SEED_DATA = SEED_DATA;
 //# sourceMappingURL=CircleImage.js.map