@adiraku/react-native-ui 0.1.14

package/lib/commonjs/components/index.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Appbar", {
+  enumerable: true,
+  get: function () {
+    return _Appbar.Appbar;
+  }
+});
+Object.defineProperty(exports, "BaseComponent", {
+  enumerable: true,
+  get: function () {
+    return _base.BaseComponent;
+  }
+});
+Object.defineProperty(exports, "BottomSheet", {
+  enumerable: true,
+  get: function () {
+    return _BottomSheet.BottomSheet;
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () {
+    return _button.Button;
+  }
+});
+Object.defineProperty(exports, "CheckBoxInput", {
+  enumerable: true,
+  get: function () {
+    return _CheckBoxInput.CheckBoxInput;
+  }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () {
+    return _Checkbox.Checkbox;
+  }
+});
+Object.defineProperty(exports, "Coachmark", {
+  enumerable: true,
+  get: function () {
+    return _coachmark.Coachmark;
+  }
+});
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: function () {
+    return _Divider.Divider;
+  }
+});
+Object.defineProperty(exports, "Dot", {
+  enumerable: true,
+  get: function () {
+    return _dot.Dot;
+  }
+});
+Object.defineProperty(exports, "InformationBox", {
+  enumerable: true,
+  get: function () {
+    return _informationBox.InformationBox;
+  }
+});
+Object.defineProperty(exports, "Label", {
+  enumerable: true,
+  get: function () {
+    return _label.Label;
+  }
+});
+Object.defineProperty(exports, "RadioButton", {
+  enumerable: true,
+  get: function () {
+    return _RadioButton.RadioButton;
+  }
+});
+Object.defineProperty(exports, "RadioInput", {
+  enumerable: true,
+  get: function () {
+    return _RadioInput.RadioInput;
+  }
+});
+Object.defineProperty(exports, "RoundedTab", {
+  enumerable: true,
+  get: function () {
+    return _roundedTab.RoundedTab;
+  }
+});
+Object.defineProperty(exports, "SliderIndicator", {
+  enumerable: true,
+  get: function () {
+    return _sliderIndicator.SliderIndicator;
+  }
+});
+Object.defineProperty(exports, "Snackbar", {
+  enumerable: true,
+  get: function () {
+    return _Snackbar.Snackbar;
+  }
+});
+Object.defineProperty(exports, "StepperCounter", {
+  enumerable: true,
+  get: function () {
+    return _StepperCounter.StepperCounter;
+  }
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function () {
+    return _switch.Switch;
+  }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () {
+    return _Tabs.Tabs;
+  }
+});
+Object.defineProperty(exports, "TextArea", {
+  enumerable: true,
+  get: function () {
+    return _TextArea.TextArea;
+  }
+});
+Object.defineProperty(exports, "TextInput", {
+  enumerable: true,
+  get: function () {
+    return _TextInput.TextInput;
+  }
+});
+Object.defineProperty(exports, "TextLink", {
+  enumerable: true,
+  get: function () {
+    return _textlink.TextLink;
+  }
+});
+Object.defineProperty(exports, "Typography", {
+  enumerable: true,
+  get: function () {
+    return _typography.Typography;
+  }
+});
+var _button = require("./button/button.component");
+var _label = require("./label/label.component");
+var _base = require("./base/base.component");
+var _typography = require("./typography/typography.component");
+var _coachmark = require("./coachmark/coachmark.component");
+var _textlink = require("./textlink/textlink.component");
+var _sliderIndicator = require("./slider-indicator/slider-indicator.component");
+var _TextInput = require("./TextInput/TextInput.component");
+var _TextArea = require("./TextArea/TextArea.component");
+var _StepperCounter = require("./StepperCounter/StepperCounter.component");
+var _Divider = require("./Divider/Divider.component");
+var _Tabs = require("./Tabs/Tabs.component");
+var _RadioButton = require("./RadioButton/RadioButton.component");
+var _BottomSheet = require("./BottomSheet/BottomSheet.component");
+var _RadioInput = require("./RadioInput/RadioInput.component");
+var _CheckBoxInput = require("./CheckBoxInput/CheckBoxInput.component");
+var _Checkbox = require("./Checkbox/Checkbox.component");
+var _Appbar = require("./Appbar/Appbar.component");
+var _Snackbar = require("./Snackbar/Snackbar.component");
+var _switch = require("./switch/switch.component");
+var _dot = require("./dot/dot.component");
+var _informationBox = require("./information-box/information-box.component");
+var _roundedTab = require("./rounded-tab/rounded-tab.component");
+//# sourceMappingURL=index.js.map

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

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

package/lib/commonjs/components/information-box/information-box.component.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InformationBox = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _informationBox = require("./information-box.style");
+var _typography = require("../typography/typography.component");
+var _icons = require("../../icons");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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; }
+const InformationBox = props => {
+  const {
+    text = '',
+    showIcon = true,
+    informationIcon = null,
+    actionComponent = null
+  } = props;
+  const computedStyle = (0, _informationBox.getStyle)(props);
+  const renderInformationText = () => {
+    if (typeof text === 'string') {
+      return /*#__PURE__*/React.createElement(_typography.Typography, {
+        variant: "caption",
+        numberOfLines: 3,
+        style: [computedStyle.text]
+      }, text);
+    }
+    return text;
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: computedStyle.container
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.informationContainer]
+  }, showIcon && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.iconWrapper]
+  }, informationIcon || /*#__PURE__*/React.createElement(_icons.IconInfo, {
+    width: 16,
+    height: 16
+  })), renderInformationText()), actionComponent && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.actionWrapper]
+  }, actionComponent));
+};
+exports.InformationBox = InformationBox;
+//# sourceMappingURL=information-box.component.js.map

package/lib/commonjs/components/information-box/information-box.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["InformationBox","props","text","showIcon","informationIcon","actionComponent","computedStyle","getStyle","renderInformationText","container","informationContainer","iconWrapper","actionWrapper"],"sourceRoot":"..\\..\\src","sources":["information-box.component.tsx"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAuC;AAAA;AAIvC,MAAMA,cAEL,GAAIC,KAAK,IAAK;EACb,MAAM;IACJC,IAAI,GAAG,EAAE;IACTC,QAAQ,GAAG,IAAI;IACfC,eAAe,GAAG,IAAI;IACtBC,eAAe,GAAG;EACpB,CAAC,GAAGJ,KAAK;EAET,MAAMK,aAAa,GAAG,IAAAC,wBAAQ,EAACN,KAAK,CAAC;EAErC,MAAMO,qBAAqB,GAAG,MAAM;IAClC,IAAI,OAAON,IAAI,KAAK,QAAQ,EAAE;MAC5B,oBACE,oBAAC,sBAAU;QACT,OAAO,EAAC,SAAS;QACjB,aAAa,EAAE,CAAE;QACjB,KAAK,EAAE,CAACI,aAAa,CAACJ,IAAI;MAAE,GAE3BA,IAAI,CACM;IAEjB;IAEA,OAAOA,IAAI;EACb,CAAC;EAED,oBACE,oBAAC,iBAAI;IAAC,KAAK,EAAEI,aAAa,CAACG;EAAU,gBACnC,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACH,aAAa,CAACI,oBAAoB;EAAE,GAC/CP,QAAQ,iBACP,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACG,aAAa,CAACK,WAAW;EAAE,GACtCP,eAAe,iBAAI,oBAAC,eAAQ;IAAC,KAAK,EAAE,EAAG;IAAC,MAAM,EAAE;EAAG,EAAG,CAE1D,EACAI,qBAAqB,EAAE,CACnB,EACNH,eAAe,iBACd,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACC,aAAa,CAACM,aAAa;EAAE,GAAEP,eAAe,CAC7D,CACI;AAEX,CAAC;AAAC"}

package/lib/commonjs/components/information-box/information-box.style.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _reactNative = require("react-native");
+var _themes = require("../../themes");
+const getStyle = props => {
+  const {
+    severity = 'default'
+  } = props;
+  const computedStyle = {};
+  computedStyle.container = {
+    width: '100%',
+    paddingVertical: _themes.Spacing[8],
+    paddingHorizontal: _themes.Spacing[12],
+    borderRadius: _themes.Radius[8],
+    backgroundColor: severity !== 'default' ? _themes.Palettes.red[50] : _themes.Palettes.blue[50]
+  };
+  computedStyle.informationContainer = {
+    flexDirection: 'row',
+    alignItems: 'center'
+  };
+  computedStyle.iconWrapper = {
+    marginRight: _themes.Spacing[8],
+    alignItems: 'center',
+    justifyContent: 'center'
+  };
+  computedStyle.actionWrapper = {
+    marginTop: _themes.Spacing[8]
+  };
+  computedStyle.text = {
+    flex: 1
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=information-box.style.js.map

package/lib/commonjs/components/information-box/information-box.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getStyle","props","severity","computedStyle","container","width","paddingVertical","Spacing","paddingHorizontal","borderRadius","Radius","backgroundColor","Palettes","red","blue","informationContainer","flexDirection","alignItems","iconWrapper","marginRight","justifyContent","actionWrapper","marginTop","text","flex","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["information-box.style.tsx"],"mappings":";;;;;;AAAA;AAEA;AAaO,MAAMA,QAAQ,GAAIC,KAA0B,IAAK;EACtD,MAAM;IAAEC,QAAQ,GAAG;EAAU,CAAC,GAAGD,KAAK;EACtC,MAAME,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,KAAK,EAAE,MAAM;IACbC,eAAe,EAAEC,eAAO,CAAC,CAAC,CAAC;IAC3BC,iBAAiB,EAAED,eAAO,CAAC,EAAE,CAAC;IAC9BE,YAAY,EAAEC,cAAM,CAAC,CAAC,CAAC;IACvBC,eAAe,EACbT,QAAQ,KAAK,SAAS,GAAGU,gBAAQ,CAACC,GAAG,CAAC,EAAE,CAAC,GAAGD,gBAAQ,CAACE,IAAI,CAAC,EAAE;EAChE,CAAC;EAEDX,aAAa,CAACY,oBAAoB,GAAG;IACnCC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EAEDd,aAAa,CAACe,WAAW,GAAG;IAC1BC,WAAW,EAAEZ,eAAO,CAAC,CAAC,CAAC;IACvBU,UAAU,EAAE,QAAQ;IACpBG,cAAc,EAAE;EAClB,CAAC;EAEDjB,aAAa,CAACkB,aAAa,GAAG;IAC5BC,SAAS,EAAEf,eAAO,CAAC,CAAC;EACtB,CAAC;EAEDJ,aAAa,CAACoB,IAAI,GAAG;IACnBC,IAAI,EAAE;EACR,CAAC;EAED,OAAOC,uBAAU,CAACC,MAAM,CAACvB,aAAa,CAAC;AACzC,CAAC;AAAC"}

package/lib/commonjs/components/information-box/information-box.type.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=information-box.type.js.map

package/lib/commonjs/components/information-box/information-box.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["information-box.type.ts"],"mappings":""}

package/lib/commonjs/components/label/label.component.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Label = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _label = require("./label.style");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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; }
+const Label = props => {
+  const {
+    label = 'Default label'
+  } = props;
+  const computedStyle = (0, _label.getStyle)();
+  return /*#__PURE__*/React.createElement(_reactNative.View, null, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: computedStyle.label
+  }, label));
+};
+exports.Label = Label;
+//# sourceMappingURL=label.component.js.map

package/lib/commonjs/components/label/label.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Label","props","label","computedStyle","getStyle"],"sourceRoot":"..\\..\\src","sources":["label.component.tsx"],"mappings":";;;;;;AAAA;AACA;AAGA;AAAyC;AAAA;AAEzC,MAAMA,KAA0C,GAAIC,KAAK,IAAK;EAC5D,MAAM;IAAEC,KAAK,GAAG;EAAgB,CAAC,GAAGD,KAAK;EAEzC,MAAME,aAAa,GAAG,IAAAC,eAAQ,GAAE;EAEhC,oBACE,oBAAC,iBAAI,qBACH,oBAAC,iBAAI;IAAC,KAAK,EAAED,aAAa,CAACD;EAAM,GAAEA,KAAK,CAAQ,CAC3C;AAEX,CAAC;AAAC"}

package/lib/commonjs/components/label/label.style.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _reactNative = require("react-native");
+const getStyle = () => {
+  const computedStyle = {};
+  computedStyle.label = {
+    color: 'red'
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=label.style.js.map

package/lib/commonjs/components/label/label.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getStyle","computedStyle","label","color","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["label.style.tsx"],"mappings":";;;;;;AACA;AAMO,MAAMA,QAAQ,GAAG,MAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,KAAK,GAAG;IACpBC,KAAK,EAAE;EACT,CAAC;EAED,OAAOC,uBAAU,CAACC,MAAM,CAACJ,aAAa,CAAC;AACzC,CAAC;AAAC"}

package/lib/commonjs/components/label/label.type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=label.type.js.map

package/lib/commonjs/components/label/label.type.js.map

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

package/lib/commonjs/components/rounded-tab/rounded-tab.component.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RoundedTab = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _roundedTab = require("./rounded-tab.style");
+var _typography = require("../typography/typography.component");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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; }
+const RoundedTab = props => {
+  const {
+    data = [],
+    selectedValue = '',
+    onTabItemPress = () => null
+  } = props;
+  const computedStyle = (0, _roundedTab.getStyle)(props);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.container]
+  }, /*#__PURE__*/React.createElement(_reactNative.FlatList, {
+    horizontal: true,
+    data: data,
+    renderItem: _ref => {
+      let {
+        item
+      } = _ref;
+      return /*#__PURE__*/React.createElement(TabItem, {
+        label: item.label,
+        value: item.value,
+        isSelected: selectedValue === item.value,
+        leading: item.leading,
+        trailing: item.trailing,
+        onPress: onTabItemPress
+      });
+    }
+    // eslint-disable-next-line react/no-unstable-nested-components
+    ,
+    ItemSeparatorComponent: () => /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [computedStyle.itemSeparator]
+    })
+  }));
+};
+exports.RoundedTab = RoundedTab;
+function TabItem(props) {
+  const {
+    label = '',
+    value,
+    isSelected = false,
+    onPress = () => null,
+    leading = null,
+    trailing = null
+  } = props;
+  const computedStyle = (0, _roundedTab.getTabItemStyle)(props);
+  const animatedButtonScale = new _reactNative.Animated.Value(1);
+  const onPressIn = () => {
+    if (!isSelected) {
+      _reactNative.Animated.spring(animatedButtonScale, {
+        toValue: 0.9,
+        useNativeDriver: true
+      }).start();
+    }
+  };
+  const onPressOut = () => {
+    if (!isSelected) {
+      _reactNative.Animated.spring(animatedButtonScale, {
+        toValue: 1,
+        useNativeDriver: true
+      }).start();
+    }
+  };
+  const animatedScaleStyle = {
+    transform: [{
+      scale: animatedButtonScale
+    }]
+  };
+  const onTabItemPress = () => {
+    if (!isSelected) {
+      onPress(value);
+    }
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.TouchableWithoutFeedback, {
+    onPress: onTabItemPress,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut
+  }, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: [computedStyle.container, animatedScaleStyle]
+  }, leading && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.leadingWrapper]
+  }, leading), /*#__PURE__*/React.createElement(_typography.Typography, {
+    variant: "button-small",
+    numberOfLines: 1,
+    style: [computedStyle.label]
+  }, label), trailing && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.trailingWrapper]
+  }, trailing)));
+}
+//# sourceMappingURL=rounded-tab.component.js.map

package/lib/commonjs/components/rounded-tab/rounded-tab.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RoundedTab","props","data","selectedValue","onTabItemPress","computedStyle","getStyle","container","item","label","value","leading","trailing","itemSeparator","TabItem","isSelected","onPress","getTabItemStyle","animatedButtonScale","Animated","Value","onPressIn","spring","toValue","useNativeDriver","start","onPressOut","animatedScaleStyle","transform","scale","leadingWrapper","trailingWrapper"],"sourceRoot":"..\\..\\src","sources":["rounded-tab.component.tsx"],"mappings":"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"}

package/lib/commonjs/components/rounded-tab/rounded-tab.style.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTabItemStyle = exports.getStyle = void 0;
+var _reactNative = require("react-native");
+var _themes = require("../../themes");
+const getStyle = props => {
+  const {} = props;
+  const computedStyle = {};
+  computedStyle.container = {
+    flexDirection: 'row',
+    alignItems: 'center'
+  };
+  computedStyle.itemSeparator = {
+    width: _themes.Spacing[12]
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getStyle = getStyle;
+const getTabItemStyle = props => {
+  const {
+    isSelected = false
+  } = props;
+  const computedStyle = {};
+  computedStyle.container = {
+    borderRadius: _themes.Radius.full,
+    borderWidth: 1,
+    borderColor: isSelected ? _themes.Palettes.yellow[600] : _themes.Palettes.grey[500],
+    paddingHorizontal: _themes.Spacing[16],
+    paddingVertical: _themes.Spacing[8],
+    backgroundColor: isSelected ? _themes.Palettes.yellow[600] : _themes.Palettes.white[50],
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center'
+  };
+  computedStyle.label = {};
+  computedStyle.leadingWrapper = {
+    marginRight: _themes.Spacing[8]
+  };
+  computedStyle.trailingWrapper = {
+    marginLeft: _themes.Spacing[8]
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getTabItemStyle = getTabItemStyle;
+//# sourceMappingURL=rounded-tab.style.js.map

package/lib/commonjs/components/rounded-tab/rounded-tab.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getStyle","props","computedStyle","container","flexDirection","alignItems","itemSeparator","width","Spacing","StyleSheet","create","getTabItemStyle","isSelected","borderRadius","Radius","full","borderWidth","borderColor","Palettes","yellow","grey","paddingHorizontal","paddingVertical","backgroundColor","white","justifyContent","label","leadingWrapper","marginRight","trailingWrapper","marginLeft"],"sourceRoot":"..\\..\\src","sources":["rounded-tab.style.tsx"],"mappings":";;;;;;AAAA;AAKA;AAQO,MAAMA,QAAQ,GAAIC,KAAsB,IAAK;EAClD,MAAM,CAAC,CAAC,GAAGA,KAAK;EAEhB,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EAEDH,aAAa,CAACI,aAAa,GAAG;IAC5BC,KAAK,EAAEC,eAAO,CAAC,EAAE;EACnB,CAAC;EAED,OAAOC,uBAAU,CAACC,MAAM,CAACR,aAAa,CAAC;AACzC,CAAC;AAAC;AASK,MAAMS,eAAe,GAAIV,KAAmB,IAAK;EACtD,MAAM;IAAEW,UAAU,GAAG;EAAM,CAAC,GAAGX,KAAK;EAEpC,MAAMC,aAAgC,GAAG,CAAC,CAAC;EAE3CA,aAAa,CAACC,SAAS,GAAG;IACxBU,YAAY,EAAEC,cAAM,CAACC,IAAI;IACzBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEL,UAAU,GAAGM,gBAAQ,CAACC,MAAM,CAAC,GAAG,CAAC,GAAGD,gBAAQ,CAACE,IAAI,CAAC,GAAG,CAAC;IACnEC,iBAAiB,EAAEb,eAAO,CAAC,EAAE,CAAC;IAC9Bc,eAAe,EAAEd,eAAO,CAAC,CAAC,CAAC;IAC3Be,eAAe,EAAEX,UAAU,GAAGM,gBAAQ,CAACC,MAAM,CAAC,GAAG,CAAC,GAAGD,gBAAQ,CAACM,KAAK,CAAC,EAAE,CAAC;IACvEpB,aAAa,EAAE,KAAK;IACpBqB,cAAc,EAAE,QAAQ;IACxBpB,UAAU,EAAE;EACd,CAAC;EAEDH,aAAa,CAACwB,KAAK,GAAG,CAAC,CAAC;EAExBxB,aAAa,CAACyB,cAAc,GAAG;IAC7BC,WAAW,EAAEpB,eAAO,CAAC,CAAC;EACxB,CAAC;EAEDN,aAAa,CAAC2B,eAAe,GAAG;IAC9BC,UAAU,EAAEtB,eAAO,CAAC,CAAC;EACvB,CAAC;EAED,OAAOC,uBAAU,CAACC,MAAM,CAACR,aAAa,CAAC;AACzC,CAAC;AAAC"}

package/lib/commonjs/components/rounded-tab/rounded-tab.type.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=rounded-tab.type.js.map

package/lib/commonjs/components/rounded-tab/rounded-tab.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["rounded-tab.type.ts"],"mappings":""}

package/lib/commonjs/components/slider-indicator/slider-indicator.component.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SliderIndicator = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _sliderIndicator = require("./slider-indicator.style");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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; }
+const SliderIndicator = props => {
+  const {
+    sliderCount = 0,
+    activeItem = 0,
+    onIndicatorPress = () => null
+  } = props;
+  const computedStyle = (0, _sliderIndicator.getStyle)();
+  const getActiveIndex = () => {
+    if (activeItem < 0) {
+      return 0;
+    } else if (activeItem > sliderCount - 1) {
+      return sliderCount - 1;
+    }
+    return activeItem;
+  };
+  const renderSliderItem = () => {
+    const sliders = [...Array(sliderCount)];
+    return sliders.map((_, index) => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+      key: index,
+      onPress: () => onIndicatorPress(index)
+    }, /*#__PURE__*/_react.default.createElement(SliderItem, {
+      isActive: getActiveIndex() === index
+    })));
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [computedStyle.container]
+  }, renderSliderItem());
+};
+exports.SliderIndicator = SliderIndicator;
+const SliderItem = props => {
+  const {
+    isActive = false
+  } = props;
+  const computedStyle = (0, _sliderIndicator.getStyle)();
+  const indicatorWidth = (0, _react.useState)(new _reactNative.Animated.Value(4))[0];
+  (0, _react.useEffect)(() => {
+    if (isActive) {
+      _reactNative.Animated.timing(indicatorWidth, {
+        toValue: 24,
+        easing: _reactNative.Easing.ease,
+        useNativeDriver: false,
+        duration: 300
+      }).start();
+    } else {
+      _reactNative.Animated.timing(indicatorWidth, {
+        toValue: 4,
+        easing: _reactNative.Easing.ease,
+        useNativeDriver: false,
+        duration: 300
+      }).start();
+    }
+  }, [isActive, indicatorWidth]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [computedStyle.sliderItem, isActive && computedStyle.activeSlider, {
+      width: indicatorWidth
+    }]
+  });
+};
+//# sourceMappingURL=slider-indicator.component.js.map

package/lib/commonjs/components/slider-indicator/slider-indicator.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SliderIndicator","props","sliderCount","activeItem","onIndicatorPress","computedStyle","getStyle","getActiveIndex","renderSliderItem","sliders","Array","map","_","index","container","SliderItem","isActive","indicatorWidth","useState","Animated","Value","useEffect","timing","toValue","easing","Easing","ease","useNativeDriver","duration","start","sliderItem","activeSlider","width"],"sourceRoot":"..\\..\\src","sources":["slider-indicator.component.tsx"],"mappings":";;;;;;AAAA;AAEA;AACA;AAAoD;AAAA;AASpD,MAAMA,eAAwD,GAAIC,KAAK,IAAK;EAC1E,MAAM;IACJC,WAAW,GAAG,CAAC;IACfC,UAAU,GAAG,CAAC;IACdC,gBAAgB,GAAG,MAAM;EAC3B,CAAC,GAAGH,KAAK;EAET,MAAMI,aAAa,GAAG,IAAAC,yBAAQ,GAAE;EAEhC,MAAMC,cAAc,GAAG,MAAM;IAC3B,IAAIJ,UAAU,GAAG,CAAC,EAAE;MAClB,OAAO,CAAC;IACV,CAAC,MAAM,IAAIA,UAAU,GAAGD,WAAW,GAAG,CAAC,EAAE;MACvC,OAAOA,WAAW,GAAG,CAAC;IACxB;IAEA,OAAOC,UAAU;EACnB,CAAC;EAED,MAAMK,gBAAgB,GAAG,MAAM;IAC7B,MAAMC,OAAO,GAAG,CAAC,GAAGC,KAAK,CAACR,WAAW,CAAC,CAAC;IAEvC,OAAOO,OAAO,CAACE,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBAC1B,6BAAC,6BAAgB;MAAC,GAAG,EAAEA,KAAM;MAAC,OAAO,EAAE,MAAMT,gBAAgB,CAACS,KAAK;IAAE,gBACnE,6BAAC,UAAU;MAAC,QAAQ,EAAEN,cAAc,EAAE,KAAKM;IAAM,EAAG,CAEvD,CAAC;EACJ,CAAC;EAED,oBAAO,6BAAC,iBAAI;IAAC,KAAK,EAAE,CAACR,aAAa,CAACS,SAAS;EAAE,GAAEN,gBAAgB,EAAE,CAAQ;AAC5E,CAAC;AAAC;AAEF,MAAMO,UAA8C,GAAId,KAAK,IAAK;EAChE,MAAM;IAAEe,QAAQ,GAAG;EAAM,CAAC,GAAGf,KAAK;EAElC,MAAMI,aAAa,GAAG,IAAAC,yBAAQ,GAAE;EAEhC,MAAMW,cAAc,GAAG,IAAAC,eAAQ,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EAEzD,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIL,QAAQ,EAAE;MACZG,qBAAQ,CAACG,MAAM,CAACL,cAAc,EAAE;QAC9BM,OAAO,EAAE,EAAE;QACXC,MAAM,EAAEC,mBAAM,CAACC,IAAI;QACnBC,eAAe,EAAE,KAAK;QACtBC,QAAQ,EAAE;MACZ,CAAC,CAAC,CAACC,KAAK,EAAE;IACZ,CAAC,MAAM;MACLV,qBAAQ,CAACG,MAAM,CAACL,cAAc,EAAE;QAC9BM,OAAO,EAAE,CAAC;QACVC,MAAM,EAAEC,mBAAM,CAACC,IAAI;QACnBC,eAAe,EAAE,KAAK;QACtBC,QAAQ,EAAE;MACZ,CAAC,CAAC,CAACC,KAAK,EAAE;IACZ;EACF,CAAC,EAAE,CAACb,QAAQ,EAAEC,cAAc,CAAC,CAAC;EAE9B,oBACE,6BAAC,qBAAQ,CAAC,IAAI;IACZ,KAAK,EAAE,CACLZ,aAAa,CAACyB,UAAU,EACxBd,QAAQ,IAAIX,aAAa,CAAC0B,YAAY,EACtC;MAAEC,KAAK,EAAEf;IAAe,CAAC;EACzB,EACF;AAEN,CAAC"}

package/lib/commonjs/components/slider-indicator/slider-indicator.style.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _reactNative = require("react-native");
+var _themes = require("../../themes");
+const getStyle = () => {
+  const computedStyle = {};
+  computedStyle.container = {
+    flexDirection: 'row',
+    gap: _themes.Spacing[4]
+  };
+  computedStyle.sliderItem = {
+    height: 4,
+    width: 4,
+    borderRadius: _themes.Radius.full,
+    backgroundColor: _themes.Palettes.grey[500]
+  };
+  computedStyle.activeSlider = {
+    backgroundColor: _themes.Palettes.black[900]
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=slider-indicator.style.js.map

package/lib/commonjs/components/slider-indicator/slider-indicator.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getStyle","computedStyle","container","flexDirection","gap","Spacing","sliderItem","height","width","borderRadius","Radius","full","backgroundColor","Palettes","grey","activeSlider","black","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["slider-indicator.style.tsx"],"mappings":";;;;;;AACA;AACA;AAQO,MAAMA,QAAQ,GAAG,MAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEC,eAAO,CAAC,CAAC;EAChB,CAAC;EAEDJ,aAAa,CAACK,UAAU,GAAG;IACzBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;IACRC,YAAY,EAAEC,cAAM,CAACC,IAAI;IACzBC,eAAe,EAAEC,gBAAQ,CAACC,IAAI,CAAC,GAAG;EACpC,CAAC;EAEDb,aAAa,CAACc,YAAY,GAAG;IAC3BH,eAAe,EAAEC,gBAAQ,CAACG,KAAK,CAAC,GAAG;EACrC,CAAC;EAED,OAAOC,uBAAU,CAACC,MAAM,CAACjB,aAAa,CAAC;AACzC,CAAC;AAAC"}

package/lib/commonjs/components/slider-indicator/slider-indicator.type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=slider-indicator.type.js.map

package/lib/commonjs/components/slider-indicator/slider-indicator.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["slider-indicator.type.ts"],"mappings":""}