@draftbit/core 46.4.4-74e9b3.2 → 46.4.4-75acde.2

package/src/components/DatePicker/DatePicker.tsx

@@ -23,7 +23,6 @@ import DateTimePicker from "./DatePickerComponent";
 
 import type { Theme } from "../../styles/DefaultTheme";
 import type { IconSlot } from "../../interfaces/Icon";
-import { extractStyles } from "../../utilities";
 
 const AnimatedText = Animated.createAnimatedComponent(Text);
 
@@ -48,14 +47,10 @@ type Props = {
   mode?: "date" | "time" | "datetime";
   type?: "solid" | "underline";
   label?: string;
-  labelSize?: number;
-  labelColor: string;
   placeholder?: string;
   leftIconName?: string;
   leftIconMode?: "outset" | "inset";
   rightIconName?: string;
-  borderColor?: string;
-  borderColorActive?: string;
 } & IconSlot &
   TextInputProps;
 
@@ -89,11 +84,7 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
   rightIconName,
   leftIconMode = "inset",
   label,
-  labelSize,
-  labelColor,
   placeholder,
-  borderColor: inputBorderColor,
-  borderColorActive: inputBorderColorActive,
   ...props
 }) => {
   const [value, setValue] = React.useState<any>(date || defaultValue);
@@ -115,8 +106,6 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
     width: number;
   }>({ measured: false, width: 0 });
 
-  const { textStyles } = extractStyles(style);
-
   const getValidDate = (): Date => {
     if (!value) {
       return new Date();
@@ -222,11 +211,8 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
 
   const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
   const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -(16 * 0.5 + 4);
-  const MAXIMIZED_LABEL_FONT_SIZE =
-    textStyles?.fontSize || typography.subtitle1.fontSize;
-  const MINIMIZED_LABEL_FONT_SIZE = labelSize
-    ? labelSize
-    : typography.caption.fontSize;
+  const MAXIMIZED_LABEL_FONT_SIZE = typography.subtitle1.fontSize;
+  const MINIMIZED_LABEL_FONT_SIZE = typography.caption.fontSize;
 
   const hasActiveOutline = focused;
 
@@ -247,9 +233,9 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
     underlineColor = "transparent";
     backgroundColor = colors.divider;
   } else {
-    activeColor = inputBorderColorActive || colors.primary;
-    placeholderColor = borderColor = inputBorderColor || colors.light;
-    underlineColor = inputBorderColor || colors.light;
+    activeColor = colors.primary;
+    placeholderColor = borderColor = colors.light;
+    underlineColor = colors.light;
     backgroundColor = colors.background;
   }
 
@@ -320,7 +306,6 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
   const labelStyle = {
     ...typography.subtitle1,
     top: type === "solid" ? 16 : 0,
-    fontFamily: textStyles?.fontFamily,
     left:
       leftIconName && leftIconMode === "inset"
         ? ICON_SIZE + (type === "solid" ? 16 : 12)
@@ -366,7 +351,6 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
     styles.input,
     inputStyle,
     type === "solid" ? { marginHorizontal: 12 } : {},
-    textStyles,
   ];
 
   // const render = (props) => <NativeTextInput {...props} />;
@@ -422,7 +406,7 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
                       type === "solid" ? { paddingHorizontal: 12 } : {},
                       labelStyle,
                       {
-                        color: labelColor || colors.light,
+                        color: colors.light,
                         opacity: labeled.interpolate({
                           inputRange: [0, 1],
                           outputRange: [hasActiveOutline ? 1 : 0, 0],
@@ -439,7 +423,7 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
                       type === "solid" ? { paddingHorizontal: 12 } : {},
                       labelStyle,
                       {
-                        color: labelColor || placeholder,
+                        color: placeholderColor,
                         opacity: hasActiveOutline ? labeled : 1,
                       },
                     ]}

package/src/components/Picker/Picker.js

@@ -194,7 +194,6 @@ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style,
                     React.createElement(NativePicker, { style: styles.iosNativePicker, selectedValue: internalValue, onValueChange: handleValueChange }, pickerOptions.map((option) => (React.createElement(NativePicker.Item, { label: option.label, value: option.value, key: option.value })))))))) : null,
         !isIos && pickerVisible ? (React.createElement(NativePicker, { enabled: pickerVisible, selectedValue: internalValue, onValueChange: handleValueChange, style: styles.nonIosPicker, ref: androidPickerRef, onBlur: () => setPickerVisible(false) }, pickerOptions.map((option) => (React.createElement(NativePicker.Item, { label: option.label, value: option.value, key: option.value }))))) : null));
 };
-export default withTheme(Picker);
 const styles = StyleSheet.create({
     marginsContainer: {
         alignSelf: "stretch",
@@ -265,3 +264,4 @@ const styles = StyleSheet.create({
         maxHeight: deviceHeight,
     },
 });
+export default withTheme(Picker);

package/src/components/Picker/Picker.tsx

@@ -406,8 +406,6 @@ const Picker: React.FC<PickerProps> = ({
   );
 };
 
-export default withTheme(Picker);
-
 const styles = StyleSheet.create({
   marginsContainer: {
     alignSelf: "stretch",
@@ -478,3 +476,5 @@ const styles = StyleSheet.create({
     maxHeight: deviceHeight,
   },
 });
+
+export default withTheme(Picker);

package/src/components/Stepper.js

@@ -3,7 +3,9 @@ import { View, Text } from "react-native";
 import { isNumber } from "lodash";
 import { withTheme } from "../theming";
 import IconButton from "./IconButton";
-const Stepper = ({ min = -Infinity, max = Infinity, value: valueProp, defaultValue, style, typeStyle, iconSize = 24, iconColor, onChange, theme: { colors, typography }, Icon, }) => {
+import { extractStyles } from "../utilities";
+const Stepper = ({ min = -Infinity, max = Infinity, value: valueProp, defaultValue, style, iconSize = 24, iconColor, onChange, theme: { colors, typography }, Icon, }) => {
+    const { viewStyles, textStyles } = extractStyles(style);
     const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0);
     const isValidValue = (valueArg) => valueArg >= min && valueArg <= max;
     const handlePlusOrMinus = (type) => {
@@ -22,7 +24,7 @@ const Stepper = ({ min = -Infinity, max = Infinity, value: valueProp, defaultVal
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [valueProp]);
-    return (React.createElement(View, { style: [{ flexDirection: "row" }, style] },
+    return (React.createElement(View, { style: [{ flexDirection: "row" }, viewStyles] },
         React.createElement(IconButton, { Icon: Icon, icon: "MaterialIcons/remove", onPress: () => handlePlusOrMinus("minus"), size: iconSize, color: iconColor, disabled: value === min, style: { opacity: value === min ? 0.5 : 1 } }),
         React.createElement(Text, { style: [
                 typography.body1,
@@ -32,9 +34,8 @@ const Stepper = ({ min = -Infinity, max = Infinity, value: valueProp, defaultVal
                     color: colors.medium,
                     marginHorizontal: 8,
                 },
-                typeStyle,
+                textStyles,
             ] }, value),
         React.createElement(IconButton, { Icon: Icon, icon: "MaterialIcons/add", onPress: () => handlePlusOrMinus("plus"), size: iconSize, color: iconColor, disabled: value === max, style: { opacity: value === max ? 0.5 : 1 } })));
 };
-//oh hello
 export default withTheme(Stepper);

package/src/components/Stepper.tsx

@@ -6,14 +6,14 @@ import { withTheme } from "../theming";
 import type { Theme } from "../styles/DefaultTheme";
 import type { IconSlot } from "../interfaces/Icon";
 import IconButton from "./IconButton";
+import { extractStyles } from "../utilities";
 
 type Props = {
   min: number;
   max: number;
   value?: number;
   defaultValue?: number;
-  style?: StyleProp<ViewStyle>;
-  typeStyle?: StyleProp<TextStyle>;
+  style?: StyleProp<ViewStyle | TextStyle>;
   iconSize: number;
   iconColor?: string;
   onChange?: (value: number) => void;
@@ -26,13 +26,13 @@ const Stepper: FC<Props> = ({
   value: valueProp,
   defaultValue,
   style,
-  typeStyle,
   iconSize = 24,
   iconColor,
   onChange,
   theme: { colors, typography },
   Icon,
 }) => {
+  const { viewStyles, textStyles } = extractStyles(style);
   const [value, setValue] = useState(defaultValue ?? 0);
 
   const isValidValue = (valueArg: number) => valueArg >= min && valueArg <= max;
@@ -59,7 +59,7 @@ const Stepper: FC<Props> = ({
   }, [valueProp]);
 
   return (
-    <View style={[{ flexDirection: "row" }, style]}>
+    <View style={[{ flexDirection: "row" }, viewStyles]}>
       <IconButton
         Icon={Icon}
         icon="MaterialIcons/remove"
@@ -79,7 +79,7 @@ const Stepper: FC<Props> = ({
             color: colors.medium,
             marginHorizontal: 8,
           },
-          typeStyle,
+          textStyles,
         ]}
       >
         {value}
@@ -97,5 +97,5 @@ const Stepper: FC<Props> = ({
     </View>
   );
 };
-//oh hello
+
 export default withTheme(Stepper);

package/src/index.js

@@ -31,6 +31,7 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
 export { Swiper, SwiperItem } from "./components/Swiper";
 export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
 export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
+export * from "@expo/html-elements";
 /* Deprecated: Fix or Delete!  */
 export { default as CardBlock } from "./components/CardBlock";
 export { default as CardContainer } from "./components/CardContainer";

package/src/index.tsx

@@ -51,6 +51,8 @@ export {
   RadioButtonFieldGroup,
 } from "./components/RadioButton/index";
 
+export * from "@expo/html-elements";
+
 /* Deprecated: Fix or Delete!  */
 export { default as CardBlock } from "./components/CardBlock";
 export { default as CardContainer } from "./components/CardContainer";

package/src/mappings/DatePicker.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers, StylesPanelSections, createNumberProp, createColorProp, } from "@draftbit/types";
+import { COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, GROUPS, Triggers, } from "@draftbit/types";
 const SEED_DATA_PROPS = {
     label: {
         label: "Label",
@@ -10,12 +10,6 @@ const SEED_DATA_PROPS = {
         required: true,
         group: GROUPS.data,
     },
-    labelSize: createNumberProp({
-        label: "Label Size",
-    }),
-    labelColor: createColorProp({
-        label: "Label Color",
-    }),
     mode: {
         label: "Mode",
         description: "Choose between date, time and datetime",
@@ -27,12 +21,6 @@ const SEED_DATA_PROPS = {
         options: ["date", "time", "datetime"],
         group: GROUPS.basic,
     },
-    borderColor: createColorProp({
-        label: "Border Color",
-    }),
-    borderColorActive: createColorProp({
-        label: "Border Color",
-    }),
     format: {
         label: "Format",
         description: "Create an output format for the date.",
@@ -151,14 +139,6 @@ export const SEED_DATA = [
         category: COMPONENT_TYPES.input,
         layout: null,
         triggers: [Triggers.OnDateChange],
-        StylesPanelSections: [
-            StylesPanelSections.Background,
-            StylesPanelSections.Borders,
-            StylesPanelSections.MarginsAndPaddings,
-            StylesPanelSections.Position,
-            StylesPanelSections.Size,
-            StylesPanelSections.Typography,
-        ],
         props: {
             ...SEED_DATA_PROPS,
             type: {

package/src/mappings/DatePicker.ts

@@ -5,9 +5,6 @@ import {
   FIELD_NAME,
   GROUPS,
   Triggers,
-  StylesPanelSections,
-  createNumberProp,
-  createColorProp,
 } from "@draftbit/types";
 
 const SEED_DATA_PROPS = {
@@ -21,12 +18,6 @@ const SEED_DATA_PROPS = {
     required: true,
     group: GROUPS.data,
   },
-  labelSize: createNumberProp({
-    label: "Label Size",
-  }),
-  labelColor: createColorProp({
-    label: "Label Color",
-  }),
   mode: {
     label: "Mode",
     description: "Choose between date, time and datetime",
@@ -38,12 +29,6 @@ const SEED_DATA_PROPS = {
     options: ["date", "time", "datetime"],
     group: GROUPS.basic,
   },
-  borderColor: createColorProp({
-    label: "Border Color",
-  }),
-  borderColorActive: createColorProp({
-    label: "Border Color",
-  }),
   format: {
     label: "Format",
     description: "Create an output format for the date.",
@@ -165,14 +150,6 @@ export const SEED_DATA = [
     category: COMPONENT_TYPES.input,
     layout: null,
     triggers: [Triggers.OnDateChange],
-    StylesPanelSections: [
-      StylesPanelSections.Background,
-      StylesPanelSections.Borders,
-      StylesPanelSections.MarginsAndPaddings,
-      StylesPanelSections.Position,
-      StylesPanelSections.Size,
-      StylesPanelSections.Typography,
-    ],
     props: {
       ...SEED_DATA_PROPS,
       type: {

package/src/mappings/HtmlElements.js

@@ -0,0 +1,141 @@
+import { COMPONENT_TYPES, createTextProp, FORM_TYPES, GROUPS, StylesPanelSections, Triggers, } from "@draftbit/types";
+const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
+const ELEMENT_PROPS = {
+    category: COMPONENT_TYPES.element,
+    doc_link: "https://www.npmjs.com/package/@expo/html-elements",
+    code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
+    stylesPanelSections: [
+        StylesPanelSections.Typography,
+        StylesPanelSections.LayoutSelectedItem,
+        StylesPanelSections.MarginsAndPaddings,
+        StylesPanelSections.Effects,
+    ],
+    layout: {
+        margin: 0,
+    },
+    triggers: SEED_DATA_TRIGGERS,
+};
+const HEADING_PROPS = {
+    ...ELEMENT_PROPS,
+};
+export const SEED_DATA = [
+    {
+        name: "H1",
+        tag: "H1",
+        ...HEADING_PROPS,
+    },
+    {
+        name: "H2",
+        tag: "H2",
+        ...HEADING_PROPS,
+    },
+    {
+        name: "H3",
+        tag: "H3",
+        ...HEADING_PROPS,
+    },
+    {
+        name: "H4",
+        tag: "H4",
+        ...HEADING_PROPS,
+    },
+    {
+        name: "H5",
+        tag: "H5",
+        ...HEADING_PROPS,
+    },
+    {
+        name: "H6",
+        tag: "H6",
+        ...HEADING_PROPS,
+    },
+    {
+        name: "Anchor",
+        tag: "A",
+        ...ELEMENT_PROPS,
+        props: {
+            href: createTextProp({
+                label: "href",
+                description: "Specify the URL",
+                defaultValue: "",
+            }),
+            target: {
+                group: GROUPS.basic,
+                label: "target",
+                description: "decide where link should open",
+                formType: FORM_TYPES.flatArray,
+                defaultValue: "_blank",
+                options: ["_blank", "_self", "_parent", "_top"],
+            },
+        },
+    },
+    {
+        name: "Paragraph",
+        tag: "P",
+        ...ELEMENT_PROPS,
+        props: {
+        // NOTE - Keeping the props commented until we figure out a way to use this props from draftbit side.
+        // strong: createBoolProp({
+        //     label: "Strong",
+        //     description: "Strong",
+        // }),
+        // strike: createBoolProp({
+        //     label: "Strike",
+        //     description: "Strike through",
+        // }),
+        // italic: createBoolProp({
+        //     label: "Italic",
+        //     description: "Italic Fonts",
+        // }),
+        // bold: createBoolProp({
+        //     label: "Bold",
+        //     description: "Bold",
+        // }),
+        },
+    },
+    {
+        name: "Code",
+        tag: "Code",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "Pre",
+        tag: "Pre",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "Mark",
+        tag: "Mark",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "BR",
+        tag: "BR",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "BlockQuote",
+        tag: "BlockQuote",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "Time",
+        tag: "Time",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "UL",
+        tag: "UL",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "LI",
+        tag: "LI",
+        ...ELEMENT_PROPS,
+    },
+    {
+        name: "HR",
+        tag: "HR",
+        ...ELEMENT_PROPS,
+    },
+];

package/src/mappings/HtmlElements.ts

@@ -0,0 +1,151 @@
+import {
+  COMPONENT_TYPES,
+  createTextProp,
+  FORM_TYPES,
+  GROUPS,
+  StylesPanelSections,
+  Triggers,
+} from "@draftbit/types";
+const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
+
+const ELEMENT_PROPS = {
+  category: COMPONENT_TYPES.element,
+  doc_link: "https://www.npmjs.com/package/@expo/html-elements",
+  code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
+  stylesPanelSections: [
+    StylesPanelSections.Typography,
+    StylesPanelSections.LayoutSelectedItem,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Effects,
+  ],
+  layout: {
+    margin: 0,
+  },
+  triggers: SEED_DATA_TRIGGERS,
+};
+
+const HEADING_PROPS = {
+  ...ELEMENT_PROPS,
+};
+
+export const SEED_DATA = [
+  {
+    name: "H1",
+    tag: "H1",
+    ...HEADING_PROPS,
+  },
+  {
+    name: "H2",
+    tag: "H2",
+    ...HEADING_PROPS,
+  },
+  {
+    name: "H3",
+    tag: "H3",
+    ...HEADING_PROPS,
+  },
+  {
+    name: "H4",
+    tag: "H4",
+    ...HEADING_PROPS,
+  },
+  {
+    name: "H5",
+    tag: "H5",
+    ...HEADING_PROPS,
+  },
+  {
+    name: "H6",
+    tag: "H6",
+    ...HEADING_PROPS,
+  },
+  {
+    name: "Anchor",
+    tag: "A",
+    ...ELEMENT_PROPS,
+    props: {
+      href: createTextProp({
+        label: "href",
+        description: "Specify the URL",
+        defaultValue: "",
+      }),
+      target: {
+        group: GROUPS.basic,
+        label: "target",
+        description: "decide where link should open",
+        formType: FORM_TYPES.flatArray,
+        defaultValue: "_blank",
+        options: ["_blank", "_self", "_parent", "_top"],
+      },
+    },
+  },
+  {
+    name: "Paragraph",
+    tag: "P",
+    ...ELEMENT_PROPS,
+    props: {
+      // NOTE - Keeping the props commented until we figure out a way to use this props from draftbit side.
+      // strong: createBoolProp({
+      //     label: "Strong",
+      //     description: "Strong",
+      // }),
+      // strike: createBoolProp({
+      //     label: "Strike",
+      //     description: "Strike through",
+      // }),
+      // italic: createBoolProp({
+      //     label: "Italic",
+      //     description: "Italic Fonts",
+      // }),
+      // bold: createBoolProp({
+      //     label: "Bold",
+      //     description: "Bold",
+      // }),
+    },
+  },
+  {
+    name: "Code",
+    tag: "Code",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "Pre",
+    tag: "Pre",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "Mark",
+    tag: "Mark",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "BR",
+    tag: "BR",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "BlockQuote",
+    tag: "BlockQuote",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "Time",
+    tag: "Time",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "UL",
+    tag: "UL",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "LI",
+    tag: "LI",
+    ...ELEMENT_PROPS,
+  },
+  {
+    name: "HR",
+    tag: "HR",
+    ...ELEMENT_PROPS,
+  },
+];

package/src/mappings/Stepper.js

@@ -1,11 +1,14 @@
-import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
+import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = [
     {
         name: "Stepper",
         tag: "Stepper",
         description: "A component used to control the quantity of something",
         category: COMPONENT_TYPES.control,
-        stylesPanelSections: BLOCK_STYLES_SECTIONS,
+        stylesPanelSections: [
+            StylesPanelSections.Typography,
+            ...BLOCK_STYLES_SECTIONS,
+        ],
         layout: {},
         triggers: [Triggers.OnChange],
         props: {

package/src/mappings/Stepper.ts

@@ -6,6 +6,7 @@ import {
   createStaticNumberProp,
   Triggers,
   BLOCK_STYLES_SECTIONS,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = [
@@ -14,7 +15,10 @@ export const SEED_DATA = [
     tag: "Stepper",
     description: "A component used to control the quantity of something",
     category: COMPONENT_TYPES.control,
-    stylesPanelSections: BLOCK_STYLES_SECTIONS,
+    stylesPanelSections: [
+      StylesPanelSections.Typography,
+      ...BLOCK_STYLES_SECTIONS,
+    ],
     layout: {},
     triggers: [Triggers.OnChange],
     props: {

package/lib/commonjs/Provider.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Provider","React","Component","render","props","theme","children"],"sourceRoot":"../../src","sources":["Provider.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AAAwD;AAAA;AAAA;AAQzC,MAAMA,QAAQ,SAASC,KAAK,CAACC,SAAS,CAAQ;EAC3DC,MAAM,GAAG;IACP,oBACE,oBAAC,mBAAU,qBAET,oBAAC,sBAAa;MAAC,KAAK,EAAE,IAAI,CAACC,KAAK,CAACC;IAAM,GACpC,IAAI,CAACD,KAAK,CAACE,QAAQ,CACN,CACL;EAEjB;AACF;AAAC"}

package/lib/commonjs/components/Accordion/AccordionGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["AccordionGroup","label","expanded","expandedProp","openColor","closedColor","caretColor","caretColorProp","caretSize","icon","iconSize","style","children","theme","Icon","setExpanded","React","useState","textStyles","viewStyles","extractStyles","expandedColor","colors","primary","collapsedColor","labelColor","handlePressAction","styles","row","content","color","StyleSheet","create","flexDirection","alignItems","flex","justifyContent","marginRight","withTheme"],"sourceRoot":"../../src","sources":["AccordionGroup.tsx"],"mappings":";;;;;;AAAA;AACA;AAOA;AACA;AAGA;AAAgD;AAAA;AAAA;AAgBhD,MAAMA,cAAc,GAAG,QAaI;EAAA,IAbH;IACtBC,KAAK;IACLC,QAAQ,EAAEC,YAAY,GAAG,KAAK;IAC9BC,SAAS;IACTC,WAAW;IACXC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,GAAG,EAAE;IACdC,IAAI;IACJC,QAAQ,GAAG,EAAE;IACbC,KAAK;IACLC,QAAQ;IACRC,KAAK;IACLC;EACmB,CAAC;EACpB,MAAM,CAACZ,QAAQ,EAAEa,WAAW,CAAC,GAAGC,KAAK,CAACC,QAAQ,CAAUd,YAAY,CAAC;EACrE,MAAM;IAAEe,UAAU;IAAEC;EAAW,CAAC,GAAG,IAAAC,wBAAa,EAACT,KAAK,CAAC;EACvD,MAAMU,aAAa,GAAGjB,SAAS,IAAIS,KAAK,CAACS,MAAM,CAACC,OAAO;EACvD,MAAMC,cAAc,GAAGnB,WAAW,IAAIQ,KAAK,CAACS,MAAM,CAACC,OAAO;EAC1D,MAAME,UAAU,GAAGvB,QAAQ,GAAGmB,aAAa,GAAGG,cAAc;EAC5D,MAAMlB,UAAU,GAAGC,cAAc,IAAIkB,UAAU;EAE/C,MAAMC,iBAAiB,GAAG,MAAM;IAC9BX,WAAW,CAAC,CAACb,QAAQ,CAAC;EACxB,CAAC;EAED,oBACE,uDACE,oBAAC,sBAAS;IACR,KAAK,EAAE,CAACyB,MAAM,CAACC,GAAG,EAAET,UAAU,CAAE;IAChC,OAAO,EAAEO,iBAAkB;IAC3B,iBAAiB,EAAC;EAAQ,GAEzBjB,IAAI,gBACH,oBAAC,IAAI;IACH,IAAI,EAAEA,IAAK;IACX,IAAI,EAAEC,QAAS;IACf,KAAK,EAAEe,UAAW;IAClB,KAAK,EAAEE,MAAM,CAAClB;EAAK,EACnB,GACA,IAAI,eACR,oBAAC,iBAAI;IAAC,KAAK,EAAEkB,MAAM,CAACE;EAAQ,gBAC1B,oBAAC,aAAI;IACH,UAAU,EAAE,KAAM;IAClB,KAAK,EAAE,CACLX,UAAU,EACV;MACEY,KAAK,EAAEL;IACT,CAAC;EACD,GAEDxB,KAAK,CACD,CACF,eACP,oBAAC,IAAI;IACH,IAAI,EACFC,QAAQ,GACJ,iCAAiC,GACjC,mCACL;IACD,KAAK,EAAEI,UAAW;IAClB,IAAI,EAAEE;EAAU,EAChB,CACQ,EACXN,QAAQ,GAAGU,QAAQ,GAAG,IAAI,CAC1B;AAEP,CAAC;AAED,MAAMe,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,GAAG,EAAE;IACHK,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDL,OAAO,EAAE;IACPM,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACD3B,IAAI,EAAE;IACJ4B,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAAC,eAEY,IAAAC,kBAAS,EAACtC,cAAc,CAAC;AAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["AccordionItem","Icon","icon","label","style","iconColor","theme","rest","textStyles","viewStyles","extractStyles","React","createElement","Pressable","styles","container","View","row","name","size","color","colors","primary","item","content","Text","selectable","StyleSheet","create","padding","flexDirection","alignItems","paddingLeft","marginVertical","flex","justifyContent","withTheme"],"sourceRoot":"../../src","sources":["AccordionItem.js"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAA0C;AAAA;AAAA;AAC1C,MAAMA,aAAa,GAAG,QAA6D;EAAA,IAA5D;IAAEC,IAAI;IAAEC,IAAI;IAAEC,KAAK;IAAEC,KAAK;IAAEC,SAAS;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC;EAC1E,MAAM;IAAEC,UAAU;IAAEC;EAAW,CAAC,GAAG,IAAAC,wBAAa,EAACN,KAAK,CAAC;EACvD,oBAAQO,KAAK,CAACC,aAAa,CAACC,sBAAS,EAAE;IAAET,KAAK,EAAE,CAACU,MAAM,CAACC,SAAS,EAAEN,UAAU,CAAC;IAAE,GAAGF;EAAK,CAAC,eACrFI,KAAK,CAACC,aAAa,CAACI,iBAAI,EAAE;IAAEZ,KAAK,EAAEU,MAAM,CAACG;EAAI,CAAC,EAC3Cf,IAAI,gBAAIS,KAAK,CAACC,aAAa,CAACX,IAAI,EAAE;IAAEiB,IAAI,EAAEhB,IAAI;IAAEiB,IAAI,EAAE,EAAE;IAAEC,KAAK,EAAEf,SAAS,IAAIC,KAAK,CAACe,MAAM,CAACC;EAAQ,CAAC,CAAC,GAAI,IAAI,eAC7GX,KAAK,CAACC,aAAa,CAACI,iBAAI,EAAE;IAAEZ,KAAK,EAAE,CAACU,MAAM,CAACS,IAAI,EAAET,MAAM,CAACU,OAAO;EAAE,CAAC,eAC9Db,KAAK,CAACC,aAAa,CAACa,aAAI,EAAE;IAAEC,UAAU,EAAE,KAAK;IAAEtB,KAAK,EAAEI;EAAW,CAAC,EAAEL,KAAK,CAAC,CAAC,CAAC,CAAC;AAC7F,CAAC;AACD,MAAMW,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC7Bb,SAAS,EAAE;IACPc,OAAO,EAAE;EACb,CAAC;EACDZ,GAAG,EAAE;IACDa,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,WAAW,EAAE;EACjB,CAAC;EACDT,IAAI,EAAE;IACFU,cAAc,EAAE,CAAC;IACjBD,WAAW,EAAE;EACjB,CAAC;EACDR,OAAO,EAAE;IACLU,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EACpB;AACJ,CAAC,CAAC;AAAC,eACY,IAAAC,kBAAS,EAACpC,aAAa,CAAC;AAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.js"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AAA2D"}