ncore-ui-kit 1.0.0-pre-alpha.0

package/lib/module/components/checkBox/index.js

@@ -0,0 +1,186 @@
+"use strict";
+
+import { TouchableOpacity, Platform, View } from "react-native";
+import stylesheet, { getCheckBoxType, useStyles } from "./stylesheet.js";
+import { NCoreUIKitLocalize, NCoreUIKitTheme } from "../../core/hooks.js";
+import { Check, Minus } from "lucide-react-native";
+import Loading from "../loading/index.js";
+import Text from "../text/index.js";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+const CheckBox = ({
+  displayBehaviourWhileLoading = "disabled",
+  spreadBehaviour = "baseline",
+  isOptional = false,
+  isDisabled = false,
+  type = "neutral",
+  isFlip = false,
+  customLocalize,
+  subTitleStyle,
+  optionalText,
+  customTheme,
+  titleStyle,
+  isChecked,
+  isLoading,
+  subTitle,
+  onPress,
+  title,
+  style,
+  ...props
+}) => {
+  const {
+    inlineSpaces,
+    radiuses,
+    borders,
+    colors,
+    spaces
+  } = NCoreUIKitTheme.useContext(customTheme);
+  const {
+    localize
+  } = NCoreUIKitLocalize.useContext(customLocalize);
+  const currentType = getCheckBoxType({
+    type
+  });
+  const {
+    indicatorContainer: indicatorContainerDynamicStyle,
+    contentContainer: contentContainerDynamicStyle,
+    titleContainer: titleContainerDynamicStyle,
+    optionalText: optionalTextDynamicStyle,
+    container: containerDynamicStyle,
+    subTitle: subTitleDynamicStyle,
+    loading: loadingDynamicStyle,
+    overlay: overlayDynamicStyle,
+    title: titleDynamicStyle
+  } = useStyles({
+    displayBehaviourWhileLoading,
+    spreadBehaviour,
+    inlineSpaces,
+    currentType,
+    isDisabled,
+    isChecked,
+    isLoading,
+    radiuses,
+    borders,
+    isFlip,
+    colors,
+    spaces,
+    type
+  });
+  const titleProps = {
+    color: currentType.titleColor
+  };
+  const subTitleProps = {
+    color: currentType.subTitleColor
+  };
+  const indicatorIconProps = {
+    color: currentType.indicatorColor
+  };
+  if (isDisabled || isLoading) {
+    const stateType = type === "danger" ? "error" : type;
+    subTitleProps.customColor = colors.system.state.content.disabled[stateType];
+    titleProps.customColor = colors.system.state.content.disabled[stateType];
+    if (isChecked && stateType === "neutral") {
+      indicatorIconProps.customColor = colors.system.state.border.disabled.primary;
+    } else {
+      indicatorIconProps.customColor = colors.system.state.border.disabled[stateType];
+    }
+  }
+  const renderOptionalText = () => {
+    if (!isOptional && !optionalText) {
+      return null;
+    }
+    return /*#__PURE__*/_jsxs(Text, {
+      variant: "labelLargeSize",
+      color: titleProps.color,
+      style: [optionalTextDynamicStyle],
+      ...titleProps,
+      children: ["( ", isOptional ? localize("is-optional") : optionalText, " )"]
+    });
+  };
+  const renderTitle = () => {
+    if (!title) {
+      return null;
+    }
+    return /*#__PURE__*/_jsxs(View, {
+      style: [stylesheet.titleContainer, titleContainerDynamicStyle],
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "bodyMediumSize",
+        style: [titleStyle, stylesheet.title, titleDynamicStyle],
+        ...titleProps,
+        children: title
+      }), renderOptionalText()]
+    });
+  };
+  const renderCheckIcon = () => {
+    if (!isChecked) {
+      return /*#__PURE__*/_jsx(View, {
+        style: {
+          height: 16,
+          width: 16
+        }
+      });
+    }
+    const selectedColor = indicatorIconProps.customColor ? indicatorIconProps.customColor : colors.content.border[indicatorIconProps.color];
+    if (isChecked === "partially") {
+      return /*#__PURE__*/_jsx(Minus, {
+        color: selectedColor,
+        size: 16
+      });
+    }
+    return /*#__PURE__*/_jsx(Check, {
+      color: selectedColor,
+      size: 16
+    });
+  };
+  const renderCheckIndicator = () => {
+    if (isLoading) {
+      return /*#__PURE__*/_jsx(Loading, {
+        style: [loadingDynamicStyle]
+      });
+    }
+    return /*#__PURE__*/_jsxs(View, {
+      style: [stylesheet.indicatorContainer, indicatorContainerDynamicStyle],
+      children: [renderCheckIcon(), renderOverlay()]
+    });
+  };
+  const renderOverlay = () => {
+    return /*#__PURE__*/_jsx(View, {
+      style: [stylesheet.overlay, overlayDynamicStyle]
+    });
+  };
+  const renderSubtitle = () => {
+    if (!subTitle) {
+      return null;
+    }
+    return /*#__PURE__*/_jsx(Text, {
+      ...subTitleProps,
+      style: [subTitleStyle, stylesheet.subTitle, subTitleDynamicStyle],
+      children: subTitle
+    });
+  };
+  const renderContent = () => {
+    if (!title) {
+      return null;
+    }
+    return /*#__PURE__*/_jsxs(View, {
+      style: [stylesheet.contentContainer, contentContainerDynamicStyle],
+      children: [renderTitle(), renderSubtitle()]
+    });
+  };
+  return /*#__PURE__*/_jsxs(TouchableOpacity, {
+    ...props,
+    onPress: isDisabled || isLoading ? () => null : onPress ? onPress : undefined,
+    disabled: isDisabled || isLoading || !onPress,
+    style: [style, stylesheet.container, containerDynamicStyle],
+    ...Platform.select({
+      web: {
+        dataSet: {
+          disablePressableDownEffect: "true"
+        }
+      },
+      default: {}
+    }),
+    children: [isFlip ? null : renderCheckIndicator(), renderContent(), isFlip ? renderCheckIndicator() : null]
+  });
+};
+export default CheckBox;
+//# sourceMappingURL=index.js.map

package/lib/module/components/checkBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TouchableOpacity","Platform","View","stylesheet","getCheckBoxType","useStyles","NCoreUIKitLocalize","NCoreUIKitTheme","Check","Minus","Loading","Text","jsxs","_jsxs","jsx","_jsx","CheckBox","displayBehaviourWhileLoading","spreadBehaviour","isOptional","isDisabled","type","isFlip","customLocalize","subTitleStyle","optionalText","customTheme","titleStyle","isChecked","isLoading","subTitle","onPress","title","style","props","inlineSpaces","radiuses","borders","colors","spaces","useContext","localize","currentType","indicatorContainer","indicatorContainerDynamicStyle","contentContainer","contentContainerDynamicStyle","titleContainer","titleContainerDynamicStyle","optionalTextDynamicStyle","container","containerDynamicStyle","subTitleDynamicStyle","loading","loadingDynamicStyle","overlay","overlayDynamicStyle","titleDynamicStyle","titleProps","color","titleColor","subTitleProps","subTitleColor","indicatorIconProps","indicatorColor","stateType","customColor","system","state","content","disabled","border","primary","renderOptionalText","variant","children","renderTitle","renderCheckIcon","height","width","selectedColor","size","renderCheckIndicator","renderOverlay","renderSubtitle","renderContent","undefined","select","web","dataSet","disablePressableDownEffect","default"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/checkBox/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/checkBox/stylesheet.js

@@ -0,0 +1,182 @@
+"use strict";
+
+import { StyleSheet } from "react-native";
+export const CHECK_BOX_TYPE_STYLES = {
+  primary: {
+    indicatorColor: "emphasized",
+    borderColor: "emphasized",
+    containerColor: "mid",
+    subTitleColor: "low",
+    titleColor: "mid"
+  },
+  danger: {
+    subTitleColor: "dangerLow",
+    indicatorColor: "danger",
+    containerColor: "danger",
+    borderColor: "danger",
+    titleColor: "danger"
+  },
+  success: {
+    subTitleColor: "successLow",
+    indicatorColor: "success",
+    containerColor: "success",
+    borderColor: "success",
+    titleColor: "success"
+  },
+  warning: {
+    subTitleColor: "warningLow",
+    indicatorColor: "warning",
+    containerColor: "warning",
+    borderColor: "warning",
+    titleColor: "warning"
+  },
+  info: {
+    subTitleColor: "infoLow",
+    indicatorColor: "info",
+    containerColor: "info",
+    borderColor: "info",
+    titleColor: "info"
+  },
+  neutral: {
+    indicatorColor: "emphasized",
+    containerColor: "mid",
+    borderColor: "subtle",
+    subTitleColor: "low",
+    titleColor: "mid"
+  }
+};
+export const getCheckBoxType = ({
+  type
+}) => {
+  const currentType = CHECK_BOX_TYPE_STYLES[type];
+  return currentType;
+};
+const stylesheet = StyleSheet.create({
+  container: {
+    backgroundColor: "transparent",
+    borderColor: "transparent",
+    flexDirection: "row",
+    borderStyle: "solid",
+    alignItems: "center",
+    display: "flex"
+  },
+  indicatorContainer: {
+    position: "relative"
+  },
+  contentContainer: {
+    justifyContent: "center",
+    flexDirection: "column"
+  },
+  titleContainer: {
+    justifyContent: "flex-start",
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  title: {
+    textAlign: "left",
+    margin: 0
+  },
+  subTitle: {
+    textAlign: "left"
+  },
+  loading: {},
+  overlay: {
+    position: "absolute",
+    display: "none",
+    zIndex: 999,
+    bottom: -2,
+    right: -2,
+    left: -2,
+    top: -2
+  }
+});
+export const useStyles = ({
+  displayBehaviourWhileLoading,
+  spreadBehaviour,
+  inlineSpaces,
+  currentType,
+  isDisabled,
+  isLoading,
+  isChecked,
+  radiuses,
+  borders,
+  colors,
+  isFlip,
+  spaces,
+  type
+}) => {
+  const styleType = type === "danger" ? "error" : type;
+  const styles = {
+    container: {
+      padding: spaces.spacingSm
+    },
+    indicatorContainer: {
+      backgroundColor: colors.content.container[currentType.containerColor],
+      borderColor: colors.content.border[currentType.borderColor],
+      borderRadius: radiuses.actions,
+      borderWidth: borders.line,
+      padding: spaces.spacingXs
+    },
+    contentContainer: {
+      marginLeft: spaces.spacingSm
+    },
+    titleContainer: {},
+    title: {},
+    subTitle: {},
+    loading: {},
+    overlay: {
+      borderRadius: radiuses.actions
+    },
+    optionalText: {
+      marginLeft: inlineSpaces.subTitle
+    }
+  };
+  if (styleType === "neutral") {
+    styles.indicatorContainer.borderColor = colors.content.border.default;
+  }
+  if (isLoading) {
+    if (displayBehaviourWhileLoading === "disabled") {
+      styles.indicatorContainer.borderColor = colors.system.state.overlay.disabled[styleType];
+      styles.overlay.backgroundColor = colors.system.state.overlay.disabled[styleType];
+      styles.overlay.display = "flex";
+    }
+  }
+  if (isFlip) {
+    styles.contentContainer.marginRight = spaces.spacingSm;
+    styles.titleContainer.justifyContent = "flex-end";
+    styles.contentContainer.marginLeft = 0;
+    styles.subTitle.textAlign = "right";
+    styles.title.textAlign = "right";
+  }
+  if (spreadBehaviour === "baseline") {
+    styles.container.alignSelf = spreadBehaviour;
+    styles.container.width = "auto";
+  } else if (spreadBehaviour === "stretch") {
+    styles.contentContainer.alignSelf = spreadBehaviour;
+    styles.container.alignSelf = spreadBehaviour;
+    styles.container.justifyContent = "center";
+    styles.contentContainer.flexShrink = 1;
+    styles.contentContainer.width = "100%";
+    styles.container.flexShrink = 1;
+    styles.container.width = "100%";
+  }
+  if (isChecked) {
+    if (styleType === "neutral") {
+      styles.indicatorContainer.backgroundColor = colors.content.container.selected;
+      styles.indicatorContainer.borderColor = colors.content.border.emphasized;
+    }
+  }
+  if (isDisabled) {
+    if (styleType === "neutral" && isChecked) {
+      styles.indicatorContainer.backgroundColor = colors.system.state.border.disabled.primary;
+      styles.indicatorContainer.borderColor = colors.system.state.border.disabled.primary;
+    } else {
+      styles.indicatorContainer.borderColor = colors.system.state.border.disabled[styleType];
+    }
+    styles.overlay.backgroundColor = colors.system.state.overlay.disabled[styleType];
+    styles.overlay.display = "flex";
+  }
+  return styles;
+};
+export default stylesheet;
+//# sourceMappingURL=stylesheet.js.map

package/lib/module/components/checkBox/stylesheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","CHECK_BOX_TYPE_STYLES","primary","indicatorColor","borderColor","containerColor","subTitleColor","titleColor","danger","success","warning","info","neutral","getCheckBoxType","type","currentType","stylesheet","create","container","backgroundColor","flexDirection","borderStyle","alignItems","display","indicatorContainer","position","contentContainer","justifyContent","titleContainer","title","textAlign","margin","subTitle","loading","overlay","zIndex","bottom","right","left","top","useStyles","displayBehaviourWhileLoading","spreadBehaviour","inlineSpaces","isDisabled","isLoading","isChecked","radiuses","borders","colors","isFlip","spaces","styleType","styles","padding","spacingSm","content","border","borderRadius","actions","borderWidth","line","spacingXs","marginLeft","optionalText","default","system","state","disabled","marginRight","alignSelf","width","flexShrink","selected","emphasized"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/checkBox/stylesheet.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/checkBox/type.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=type.js.map

package/lib/module/components/checkBox/type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/checkBox/type.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/chip/index.js

@@ -0,0 +1,131 @@
+"use strict";
+
+import { TouchableOpacity, View } from "react-native";
+import stylesheet, { getChipType, useStyles } from "./stylesheet.js";
+import { NCoreUIKitTheme } from "../../core/hooks.js";
+import { X as XIcon } from "lucide-react-native";
+import Text from "../text/index.js";
+import Loading from "../loading/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Chip = ({
+  displayBehaviourWhileLoading = "disabled",
+  spreadBehaviour = "baseline",
+  isClosable = true,
+  type = "neutral",
+  customTitleColor,
+  customIconColor,
+  size = "medium",
+  icon: IconProp,
+  customColor,
+  customTheme,
+  titleStyle,
+  isDisabled,
+  isLoading,
+  onPress,
+  title,
+  style,
+  ...props
+}) => {
+  const {
+    typography,
+    radiuses,
+    spaces,
+    colors
+  } = NCoreUIKitTheme.useContext(customTheme);
+  const currentType = getChipType({
+    type
+  });
+  const {
+    titleContainer: titleContainerDynamicStyle,
+    container: containerDynamicStyle,
+    loading: loadingDynamicStyle,
+    overlay: overlayDynamicStyle,
+    close: closeDynamicStyle,
+    title: titleDynamicStyle,
+    icon: iconDynamicStyle
+  } = useStyles({
+    displayBehaviourWhileLoading,
+    spreadBehaviour,
+    customColor,
+    currentType,
+    isDisabled,
+    isClosable,
+    isLoading,
+    radiuses,
+    spaces,
+    colors,
+    size,
+    type
+  });
+  const iconProps = {
+    color: customIconColor ? customIconColor : currentType.iconColor
+  };
+  const titleProps = {
+    color: customTitleColor ? customTitleColor : currentType.titleColor
+  };
+  if (isDisabled || displayBehaviourWhileLoading === "disabled" && isLoading) {
+    const stateType = type === "danger" ? "error" : type;
+    titleProps.customColor = colors.system.state.content.disabled[stateType];
+    iconProps.customColor = colors.system.state.content.disabled[stateType];
+  }
+  const contentSize = size === "large" ? "bodyLargeSize" : size === "medium" ? "bodyMediumSize" : "bodySmallSize";
+  const renderIcon = () => {
+    const iconSize = typography[contentSize].fontSize + 4;
+    if (isLoading) {
+      return /*#__PURE__*/_jsx(Loading, {
+        ...iconProps,
+        style: loadingDynamicStyle,
+        size: iconSize
+      });
+    }
+    if (!IconProp) {
+      return null;
+    }
+    return /*#__PURE__*/_jsx(IconProp, {
+      ...iconProps,
+      color: iconProps.color,
+      style: iconDynamicStyle,
+      size: iconSize
+    });
+  };
+  const renderTitle = () => {
+    if (!title) {
+      return null;
+    }
+    return /*#__PURE__*/_jsx(View, {
+      style: [stylesheet.titleContainer, titleContainerDynamicStyle],
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [titleStyle, stylesheet.title, titleDynamicStyle],
+        variant: contentSize,
+        ...titleProps,
+        children: title
+      })
+    });
+  };
+  const renderClose = () => {
+    if (!isClosable) {
+      return null;
+    }
+    return /*#__PURE__*/_jsx(XIcon, {
+      color: isDisabled || displayBehaviourWhileLoading && isLoading ? colors.content.icon.disabled : type === "neutral" ? colors.content.icon.low : colors.content.icon[type === "primary" ? "onPrimary" : type],
+      size: typography[contentSize].fontSize + 4,
+      style: closeDynamicStyle
+    });
+  };
+  const renderOverlay = () => {
+    return /*#__PURE__*/_jsx(View, {
+      style: [stylesheet.overlay, overlayDynamicStyle]
+    });
+  };
+  return /*#__PURE__*/_jsxs(TouchableOpacity, {
+    ...props,
+    disabled: isDisabled || isLoading,
+    style: [style, stylesheet.container, containerDynamicStyle],
+    onPress: isDisabled || isLoading ? undefined : () => {
+      if (onPress) onPress();
+    },
+    children: [renderIcon(), renderTitle(), renderClose(), renderOverlay()]
+  });
+};
+export default Chip;
+//# sourceMappingURL=index.js.map

package/lib/module/components/chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TouchableOpacity","View","stylesheet","getChipType","useStyles","NCoreUIKitTheme","X","XIcon","Text","Loading","jsx","_jsx","jsxs","_jsxs","Chip","displayBehaviourWhileLoading","spreadBehaviour","isClosable","type","customTitleColor","customIconColor","size","icon","IconProp","customColor","customTheme","titleStyle","isDisabled","isLoading","onPress","title","style","props","typography","radiuses","spaces","colors","useContext","currentType","titleContainer","titleContainerDynamicStyle","container","containerDynamicStyle","loading","loadingDynamicStyle","overlay","overlayDynamicStyle","close","closeDynamicStyle","titleDynamicStyle","iconDynamicStyle","iconProps","color","iconColor","titleProps","titleColor","stateType","system","state","content","disabled","contentSize","renderIcon","iconSize","fontSize","renderTitle","children","variant","renderClose","low","renderOverlay","undefined"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/chip/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/chip/stylesheet.js

@@ -0,0 +1,134 @@
+"use strict";
+
+import { StyleSheet } from "react-native";
+export const CHECK_BOX_TYPE_STYLES = {
+  primary: {
+    containerColor: "mid",
+    titleColor: "mid",
+    iconColor: "mid"
+  },
+  danger: {
+    containerColor: "danger",
+    titleColor: "danger",
+    iconColor: "danger"
+  },
+  success: {
+    containerColor: "success",
+    titleColor: "success",
+    iconColor: "success"
+  },
+  warning: {
+    containerColor: "warning",
+    titleColor: "warning",
+    iconColor: "warning"
+  },
+  info: {
+    containerColor: "info",
+    titleColor: "info",
+    iconColor: "info"
+  },
+  neutral: {
+    containerColor: "mid",
+    titleColor: "mid",
+    iconColor: "mid"
+  }
+};
+export const getChipType = ({
+  type
+}) => {
+  const currentType = CHECK_BOX_TYPE_STYLES[type];
+  return currentType;
+};
+const stylesheet = StyleSheet.create({
+  container: {
+    backgroundColor: "transparent",
+    justifyContent: "center",
+    flexDirection: "row",
+    alignItems: "center",
+    position: "relative"
+  },
+  titleContainer: {
+    justifyContent: "flex-start",
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  title: {
+    textAlign: "center",
+    zIndex: 99,
+    margin: 0
+  },
+  overlay: {
+    position: "absolute",
+    display: "none",
+    zIndex: 98,
+    bottom: 0,
+    right: 0,
+    left: 0,
+    top: 0
+  }
+});
+export const useStyles = ({
+  displayBehaviourWhileLoading,
+  spreadBehaviour,
+  customColor,
+  currentType,
+  isClosable,
+  isDisabled,
+  isLoading,
+  radiuses,
+  spaces,
+  colors,
+  size,
+  type
+}) => {
+  const styleType = type === "danger" ? "error" : type;
+  const styles = {
+    container: {
+      paddingHorizontal: size === "small" ? spaces.spacingSm : spaces.spacingMd,
+      paddingVertical: size === "small" ? spaces.spacingXs : spaces.spacingSm,
+      backgroundColor: colors.content.container[currentType.containerColor],
+      borderRadius: radiuses.chip
+    },
+    titleContainer: {},
+    title: {},
+    icon: {
+      marginRight: spaces.spacingXs
+    },
+    close: {
+      marginLeft: spaces.spacingXs
+    },
+    loading: {},
+    overlay: {}
+  };
+  if (customColor) {
+    styles.container.backgroundColor = colors.content.container[customColor];
+  }
+  if (isClosable) {
+    styles.container.paddingHorizontal = 0;
+    styles.container.paddingLeft = size === "small" ? spaces.spacingSm : spaces.spacingMd;
+    styles.container.paddingRight = spaces.spacingSm;
+  }
+  if (spreadBehaviour === "baseline") {
+    styles.container.alignSelf = spreadBehaviour;
+    styles.container.width = "auto";
+  }
+  if (isLoading) {
+    if (displayBehaviourWhileLoading === "disabled") {
+      styles.overlay.display = "flex";
+      if (displayBehaviourWhileLoading === "disabled") {
+        styles.container.borderColor = colors.system.state.overlay.disabled[styleType];
+        styles.overlay.backgroundColor = colors.system.state.overlay.disabled[styleType];
+        styles.overlay.display = "flex";
+      }
+    }
+    styles.titleContainer.marginLeft = spaces.spacingXs;
+  }
+  if (isDisabled) {
+    styles.container.borderColor = colors.system.state.overlay.disabled[styleType];
+    styles.overlay.backgroundColor = colors.system.state.overlay.disabled[styleType];
+    styles.overlay.display = "flex";
+  }
+  return styles;
+};
+export default stylesheet;
+//# sourceMappingURL=stylesheet.js.map