@chem-po/react-native 0.0.5 → 0.0.7

package/lib/commonjs/components/button/DeleteButton.js

@@ -0,0 +1,279 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeleteConfirmAlert = exports.DeleteButton = void 0;
+var _react = require("@chem-po/react");
+var _vectorIcons = require("@expo/vector-icons");
+var _react2 = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Txt = require("../text/Txt");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const defaultAlertBodyText = "Are you sure? You can't undo this action afterwards.";
+const DeleteConfirmAlert = ({
+  confirmActive,
+  onCancel,
+  onConfirm,
+  body = defaultAlertBodyText,
+  actionName = 'Delete',
+  actionLoading,
+  itemName
+}) => {
+  return /*#__PURE__*/_react2.default.createElement(_reactNative.Modal, {
+    transparent: true,
+    visible: confirmActive,
+    onRequestClose: onCancel,
+    animationType: "fade"
+  }, /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
+    style: styles.overlay
+  }, /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
+    style: styles.alertContainer
+  }, /*#__PURE__*/_react2.default.createElement(_Txt.Txt, {
+    style: styles.alertTitle
+  }, actionName, " ", itemName, "?"), typeof body === 'string' ? /*#__PURE__*/_react2.default.createElement(_Txt.Txt, {
+    style: styles.alertBody
+  }, body) : body, /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
+    style: styles.buttonContainer
+  }, /*#__PURE__*/_react2.default.createElement(_reactNative.TouchableOpacity, {
+    style: styles.cancelButton,
+    onPress: onCancel
+  }, /*#__PURE__*/_react2.default.createElement(_Txt.Txt, {
+    style: styles.cancelText
+  }, "Cancel")), /*#__PURE__*/_react2.default.createElement(_reactNative.TouchableOpacity, {
+    style: styles.confirmButton,
+    onPress: onConfirm,
+    disabled: actionLoading
+  }, actionLoading ? /*#__PURE__*/_react2.default.createElement(_reactNative.ActivityIndicator, {
+    color: "#fff"
+  }) : /*#__PURE__*/_react2.default.createElement(_Txt.Txt, {
+    style: [styles.buttonText, styles.confirmButtonText]
+  }, actionName))))));
+};
+exports.DeleteConfirmAlert = DeleteConfirmAlert;
+const DeleteButton = ({
+  onDelete,
+  itemName,
+  noConfirm,
+  alertBody,
+  text,
+  actionName = 'Delete',
+  style
+}) => {
+  const {
+    showError
+  } = (0, _react.useToast)();
+  const [deleteLoading, setDeleteLoading] = (0, _react2.useState)(false);
+  const [confirmActive, setConfirmActive] = (0, _react2.useState)(false);
+  const confirmTimer = (0, _react2.useRef)();
+  const isMounted = (0, _react2.useRef)(true);
+  const contentOpacity = (0, _react2.useRef)(new _reactNative.Animated.Value(1)).current;
+  const loaderOpacity = (0, _react2.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react2.useEffect)(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+    };
+  }, []);
+  const animateLoading = (0, _react2.useCallback)(isLoading => {
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(contentOpacity, {
+      toValue: isLoading ? 0 : 1,
+      duration: 200,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(loaderOpacity, {
+      toValue: isLoading ? 1 : 0,
+      duration: 200,
+      useNativeDriver: true
+    })]).start();
+  }, [contentOpacity, loaderOpacity]);
+  const handleDelete = (0, _react2.useCallback)(async () => {
+    if (confirmTimer.current) clearTimeout(confirmTimer.current);
+    setConfirmActive(false);
+    if (onDelete) {
+      setDeleteLoading(true);
+      animateLoading(true);
+      try {
+        await onDelete();
+      } catch (err) {
+        console.error(err);
+        showError(err.message ?? 'An error occurred');
+      }
+      if (isMounted.current) {
+        setDeleteLoading(false);
+        animateLoading(false);
+      }
+    } else {
+      console.error('No delete function');
+    }
+  }, [onDelete, animateLoading]);
+  return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, text ? /*#__PURE__*/_react2.default.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.button, style],
+    onPress: e => {
+      e.stopPropagation();
+      if (noConfirm) handleDelete();else setConfirmActive(true);
+    },
+    disabled: deleteLoading
+  }, /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
+    style: styles.buttonContent
+  }, /*#__PURE__*/_react2.default.createElement(_reactNative.Animated.View, {
+    style: [styles.contentContainer, {
+      opacity: contentOpacity
+    }]
+  }, /*#__PURE__*/_react2.default.createElement(_vectorIcons.Ionicons, {
+    name: "trash",
+    size: 20,
+    color: "red"
+  }), /*#__PURE__*/_react2.default.createElement(_reactNative.Text, {
+    style: styles.buttonText
+  }, text)), /*#__PURE__*/_react2.default.createElement(_reactNative.Animated.View, {
+    style: [styles.loaderContainer, {
+      opacity: loaderOpacity
+    }]
+  }, /*#__PURE__*/_react2.default.createElement(_reactNative.ActivityIndicator, {
+    color: "#ff0000",
+    size: "small"
+  })))) : /*#__PURE__*/_react2.default.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.iconButton, style],
+    onPress: e => {
+      e.stopPropagation();
+      if (noConfirm) handleDelete();else setConfirmActive(true);
+    },
+    disabled: deleteLoading
+  }, /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
+    style: styles.buttonContent
+  }, /*#__PURE__*/_react2.default.createElement(_reactNative.Animated.View, {
+    style: [styles.contentContainer, {
+      opacity: contentOpacity
+    }]
+  }, /*#__PURE__*/_react2.default.createElement(_vectorIcons.Ionicons, {
+    name: "trash",
+    size: 24,
+    color: "#ee0000"
+  })), /*#__PURE__*/_react2.default.createElement(_reactNative.Animated.View, {
+    style: [styles.loaderContainer, {
+      opacity: loaderOpacity
+    }]
+  }, /*#__PURE__*/_react2.default.createElement(_reactNative.ActivityIndicator, {
+    color: "#ff0000",
+    size: "small"
+  })))), noConfirm ? null : /*#__PURE__*/_react2.default.createElement(DeleteConfirmAlert, {
+    confirmActive: confirmActive,
+    onCancel: () => setConfirmActive(false),
+    actionLoading: deleteLoading,
+    onConfirm: () => {
+      handleDelete();
+    },
+    actionName: actionName,
+    body: alertBody,
+    itemName: itemName
+  }));
+};
+exports.DeleteButton = DeleteButton;
+const styles = _reactNative.StyleSheet.create({
+  overlay: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'rgba(0, 0, 0, 0.5)'
+  },
+  alertContainer: {
+    width: '80%',
+    maxWidth: 400,
+    backgroundColor: 'white',
+    borderRadius: 10,
+    padding: 20,
+    alignItems: 'center'
+  },
+  alertTitle: {
+    fontSize: 18,
+    fontWeight: 'bold',
+    marginBottom: 10
+  },
+  alertBody: {
+    fontSize: 16,
+    marginBottom: 20
+  },
+  buttonContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    width: '100%'
+  },
+  cancelButton: {
+    padding: 10,
+    borderColor: 'gray',
+    borderWidth: 1,
+    borderRadius: 5,
+    flex: 1,
+    marginRight: 5,
+    alignItems: 'center'
+  },
+  cancelText: {
+    color: 'gray',
+    fontWeight: 'bold'
+  },
+  confirmButton: {
+    padding: 10,
+    backgroundColor: 'red',
+    borderRadius: 5,
+    flex: 1,
+    marginLeft: 5,
+    alignItems: 'center'
+  },
+  buttonText: {
+    color: 'red',
+    fontWeight: 'bold'
+  },
+  confirmButtonText: {
+    color: 'white',
+    textShadowColor: 'rgba(0, 0, 0, 0.5)',
+    textShadowOffset: {
+      width: 1,
+      height: 1
+    },
+    textShadowRadius: 3
+  },
+  button: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 10,
+    backgroundColor: 'transparent'
+  },
+  buttonContent: {
+    flexDirection: 'row',
+    gap: 3,
+    borderWidth: 1,
+    borderColor: 'red',
+    paddingHorizontal: 13,
+    paddingVertical: 5,
+    borderRadius: 4,
+    alignItems: 'center',
+    justifyContent: 'center',
+    minHeight: 34,
+    position: 'relative'
+  },
+  contentContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 3
+  },
+  loaderContainer: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  iconButton: {
+    padding: 10,
+    backgroundColor: 'transparent'
+  },
+  loading: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    justifyContent: 'center',
+    alignItems: 'center',
+    height: 24,
+    width: 24
+  }
+});
+//# sourceMappingURL=DeleteButton.js.map

package/lib/commonjs/components/button/DeleteButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_vectorIcons","_react2","_interopRequireWildcard","_reactNative","_Txt","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultAlertBodyText","DeleteConfirmAlert","confirmActive","onCancel","onConfirm","body","actionName","actionLoading","itemName","createElement","Modal","transparent","visible","onRequestClose","animationType","View","style","styles","overlay","alertContainer","Txt","alertTitle","alertBody","buttonContainer","TouchableOpacity","cancelButton","onPress","cancelText","confirmButton","disabled","ActivityIndicator","color","buttonText","confirmButtonText","exports","DeleteButton","onDelete","noConfirm","text","showError","useToast","deleteLoading","setDeleteLoading","useState","setConfirmActive","confirmTimer","useRef","isMounted","contentOpacity","Animated","Value","current","loaderOpacity","useEffect","animateLoading","useCallback","isLoading","parallel","timing","toValue","duration","useNativeDriver","start","handleDelete","clearTimeout","err","console","error","message","Fragment","button","stopPropagation","buttonContent","contentContainer","opacity","Ionicons","name","size","Text","loaderContainer","iconButton","StyleSheet","create","flex","justifyContent","alignItems","backgroundColor","width","maxWidth","borderRadius","padding","fontSize","fontWeight","marginBottom","flexDirection","borderColor","borderWidth","marginRight","marginLeft","textShadowColor","textShadowOffset","height","textShadowRadius","gap","paddingHorizontal","paddingVertical","minHeight","position","absoluteFillObject","loading","top","left"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/button/DeleteButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/button/LoadingButton.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadingButton = void 0;
+var _react = require("@chem-po/react");
+var _vectorIcons = require("@expo/vector-icons");
+var _react2 = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const LoadingButton = ({
+  onPress,
+  children,
+  style,
+  textStyle,
+  color: colorProp,
+  icon,
+  disabled = false
+}) => {
+  const [loading, setLoading] = (0, _react2.useState)(false);
+  const isMounted = (0, _react2.useRef)(true);
+  const contentOpacity = (0, _react2.useRef)(new _reactNative.Animated.Value(1)).current;
+  const loaderOpacity = (0, _react2.useRef)(new _reactNative.Animated.Value(0)).current;
+  const {
+    showError
+  } = (0, _react.useToast)();
+  (0, _react2.useEffect)(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+    };
+  }, []);
+  const animateLoading = (0, _react2.useCallback)(isLoading => {
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(contentOpacity, {
+      toValue: isLoading ? 0 : 1,
+      duration: 200,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(loaderOpacity, {
+      toValue: isLoading ? 1 : 0,
+      duration: 200,
+      useNativeDriver: true
+    })]).start();
+  }, [contentOpacity, loaderOpacity]);
+  const handlePress = (0, _react2.useCallback)(async () => {
+    if (onPress) {
+      setLoading(true);
+      animateLoading(true);
+      try {
+        await onPress();
+      } catch (err) {
+        console.error(err);
+        showError(err.message ?? 'An error occurred');
+      }
+      if (isMounted.current) {
+        setLoading(false);
+        animateLoading(false);
+      }
+    }
+  }, [onPress, animateLoading, showError]);
+  const fallbackColor = (0, _react.useTextColor)();
+  const color = (0, _react2.useMemo)(() => colorProp ?? fallbackColor, [colorProp, fallbackColor]);
+  return /*#__PURE__*/_react2.default.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.button, {
+      borderColor: color,
+      backgroundColor: disabled ? '#f0f0f0' : 'transparent'
+    }, style],
+    onPress: e => {
+      e.stopPropagation();
+      handlePress();
+    },
+    disabled: loading || disabled
+  }, /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
+    style: [styles.buttonContent, {
+      borderColor: disabled ? '#ccc' : color
+    }]
+  }, /*#__PURE__*/_react2.default.createElement(_reactNative.Animated.View, {
+    style: [styles.contentContainer, {
+      opacity: contentOpacity
+    }]
+  }, icon && /*#__PURE__*/_react2.default.createElement(_vectorIcons.Ionicons, {
+    name: icon.name,
+    size: icon.size ?? 20,
+    color: disabled ? '#ccc' : color
+  }), typeof children === 'string' ? /*#__PURE__*/_react2.default.createElement(_reactNative.Text, {
+    style: [styles.buttonText, {
+      color: disabled ? '#ccc' : color
+    }, textStyle]
+  }, children) : children), /*#__PURE__*/_react2.default.createElement(_reactNative.Animated.View, {
+    style: [styles.loaderContainer, {
+      opacity: loaderOpacity
+    }]
+  }, /*#__PURE__*/_react2.default.createElement(_reactNative.ActivityIndicator, {
+    color: color,
+    size: "small"
+  }))));
+};
+exports.LoadingButton = LoadingButton;
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: 'transparent'
+  },
+  buttonContent: {
+    flexDirection: 'row',
+    gap: 8,
+    borderWidth: 1,
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    borderRadius: 4,
+    alignItems: 'center',
+    justifyContent: 'center',
+    minHeight: 40,
+    position: 'relative'
+  },
+  contentContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 8
+  },
+  loaderContainer: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  buttonText: {
+    fontWeight: 'bold'
+  }
+});
+//# sourceMappingURL=LoadingButton.js.map

package/lib/commonjs/components/button/LoadingButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_vectorIcons","_react2","_interopRequireWildcard","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LoadingButton","onPress","children","style","textStyle","color","colorProp","icon","disabled","loading","setLoading","useState","isMounted","useRef","contentOpacity","Animated","Value","current","loaderOpacity","showError","useToast","useEffect","animateLoading","useCallback","isLoading","parallel","timing","toValue","duration","useNativeDriver","start","handlePress","err","console","error","message","fallbackColor","useTextColor","useMemo","createElement","TouchableOpacity","styles","button","borderColor","backgroundColor","stopPropagation","View","buttonContent","contentContainer","opacity","Ionicons","name","size","Text","buttonText","loaderContainer","ActivityIndicator","exports","StyleSheet","create","flexDirection","alignItems","gap","borderWidth","paddingHorizontal","paddingVertical","borderRadius","justifyContent","minHeight","position","absoluteFillObject","fontWeight"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/button/LoadingButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/button/Toggle.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Toggle = void 0;
+var _react = require("@chem-po/react");
+var _react2 = require("react");
+var _reactNative = require("react-native");
+const ToggleButton = ({
+  selected,
+  option: {
+    Render,
+    disabledMessage
+  },
+  size,
+  onPress
+}) => {
+  const {
+    showError
+  } = (0, _react.useToast)();
+  const handlePress = (0, _react2.useCallback)(() => {
+    if (!disabledMessage) {
+      onPress();
+    } else {
+      showError(disabledMessage);
+    }
+  }, [onPress, disabledMessage, showError]);
+  const body = /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.buttonContainer, {
+      width: size,
+      height: size,
+      opacity: !disabledMessage ? 1 : 0.6
+    }]
+  }, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.button, {
+      backgroundColor: selected ? 'rgba(255, 255, 255, 0.5)' : 'rgba(0, 0, 0, 0.1)',
+      pointerEvents: selected ? 'none' : 'auto'
+    }],
+    onPress: handlePress,
+    disabled: !!disabledMessage
+  }, Render(selected)));
+  return body;
+};
+const Toggle = ({
+  value,
+  onChange,
+  size = 28,
+  options
+}) => {
+  const {
+    theme: {
+      colors: {
+        background
+      }
+    }
+  } = (0, _react.useTheme)();
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, {
+      borderColor: background[300]
+    }]
+  }, options.map(option => /*#__PURE__*/React.createElement(ToggleButton, {
+    key: option.id,
+    onPress: () => {
+      onChange(option.id);
+    },
+    option: option,
+    size: size,
+    selected: option.id === value
+  })));
+};
+exports.Toggle = Toggle;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    borderWidth: 1,
+    borderRadius: 3
+  },
+  buttonContainer: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  button: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 3
+  }
+});
+//# sourceMappingURL=Toggle.js.map

package/lib/commonjs/components/button/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","_reactNative","ToggleButton","selected","option","Render","disabledMessage","size","onPress","showError","useToast","handlePress","useCallback","body","React","createElement","View","style","styles","buttonContainer","width","height","opacity","TouchableOpacity","button","backgroundColor","pointerEvents","disabled","Toggle","value","onChange","options","theme","colors","background","useTheme","container","borderColor","map","key","id","exports","StyleSheet","create","flexDirection","borderWidth","borderRadius","justifyContent","alignItems"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/button/Toggle.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAeA,MAAMG,YAAY,GAAGA,CAAwB;EAC3CC,QAAQ;EACRC,MAAM,EAAE;IAAEC,MAAM;IAAEC;EAAgB,CAAC;EACnCC,IAAI;EACJC;AAMF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAChC,MAAMC,WAAW,GAAG,IAAAC,mBAAW,EAAC,MAAM;IACpC,IAAI,CAACN,eAAe,EAAE;MACpBE,OAAO,CAAC,CAAC;IACX,CAAC,MAAM;MACLC,SAAS,CAACH,eAAe,CAAC;IAC5B;EACF,CAAC,EAAE,CAACE,OAAO,EAAEF,eAAe,EAAEG,SAAS,CAAC,CAAC;EACzC,MAAMI,IAAI,gBACRC,KAAA,CAAAC,aAAA,CAACd,YAAA,CAAAe,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,eAAe,EACtB;MAAEC,KAAK,EAAEb,IAAI;MAAEc,MAAM,EAAEd,IAAI;MAAEe,OAAO,EAAE,CAAChB,eAAe,GAAG,CAAC,GAAG;IAAI,CAAC;EAClE,gBACFQ,KAAA,CAAAC,aAAA,CAACd,YAAA,CAAAsB,gBAAgB;IACfN,KAAK,EAAE,CACLC,MAAM,CAACM,MAAM,EACb;MACEC,eAAe,EAAEtB,QAAQ,GAAG,0BAA0B,GAAG,oBAAoB;MAC7EuB,aAAa,EAAEvB,QAAQ,GAAG,MAAM,GAAG;IACrC,CAAC,CACD;IACFK,OAAO,EAAEG,WAAY;IACrBgB,QAAQ,EAAE,CAAC,CAACrB;EAAgB,GAC3BD,MAAM,CAACF,QAAQ,CACA,CACd,CACP;EAED,OAAOU,IAAI;AACb,CAAC;AAEM,MAAMe,MAAM,GAAGA,CAAwB;EAC5CC,KAAK;EACLC,QAAQ;EACRvB,IAAI,GAAG,EAAE;EACTwB;AACmB,CAAC,KAAK;EACzB,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM,EAAE;QAAEC;MAAW;IACvB;EACF,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACd,oBACErB,KAAA,CAAAC,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACkB,SAAS,EAAE;MAAEC,WAAW,EAAEH,UAAU,CAAC,GAAG;IAAE,CAAC;EAAE,GAC/DH,OAAO,CAACO,GAAG,CAAClC,MAAM,iBACjBU,KAAA,CAAAC,aAAA,CAACb,YAAY;IACXqC,GAAG,EAAEnC,MAAM,CAACoC,EAAG;IACfhC,OAAO,EAAEA,CAAA,KAAM;MACbsB,QAAQ,CAAC1B,MAAM,CAACoC,EAAE,CAAC;IACrB,CAAE;IACFpC,MAAM,EAAEA,MAAO;IACfG,IAAI,EAAEA,IAAK;IACXJ,QAAQ,EAAEC,MAAM,CAACoC,EAAE,KAAKX;EAAM,CAC/B,CACF,CACG,CAAC;AAEX,CAAC;AAAAY,OAAA,CAAAb,MAAA,GAAAA,MAAA;AAED,MAAMV,MAAM,GAAGwB,uBAAU,CAACC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,aAAa,EAAE,KAAK;IACpBC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE;EAChB,CAAC;EACD3B,eAAe,EAAE;IACf4B,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDxB,MAAM,EAAE;IACNuB,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBF,YAAY,EAAE;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/button/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _DeleteButton = require("./DeleteButton");
+Object.keys(_DeleteButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DeleteButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DeleteButton[key];
+    }
+  });
+});
+var _LoadingButton = require("./LoadingButton");
+Object.keys(_LoadingButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LoadingButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LoadingButton[key];
+    }
+  });
+});
+var _Toggle = require("./Toggle");
+Object.keys(_Toggle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Toggle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Toggle[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_DeleteButton","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_LoadingButton","_Toggle"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/button/index.ts"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,OAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,OAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,OAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,OAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}