@adiraku/react-native-ui 0.1.14

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

@@ -0,0 +1,87 @@
+"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 {
+    editable = true,
+    disabled = false,
+    isError,
+    errorMessage
+  } = props;
+  const stateColor = isError || errorMessage ? {
+    text: _themes.Palettes.red[500],
+    border: _themes.Palettes.red[500]
+  } : {
+    text: _themes.Palettes.black[900],
+    border: _themes.Palettes.grey[200]
+  };
+  const computedStyle = {};
+  computedStyle.fieldWrapper = {
+    width: '100%'
+  };
+  computedStyle.fieldContainer = {
+    alignItems: 'flex-start',
+    justifyContent: 'center',
+    width: '100%'
+  };
+  computedStyle.labelContainer = {
+    zIndex: 99,
+    position: 'absolute'
+  };
+  computedStyle.label = {
+    color: stateColor.text,
+    backgroundColor: !editable || disabled ? _themes.Palettes.grey[50] : _themes.Palettes.whiteDark[50],
+    paddingHorizontal: _themes.Spacing[4],
+    borderRadius: _themes.Radius[4],
+    marginLeft: _themes.Spacing[8]
+  };
+  computedStyle.inputWrapper = {
+    height: 48,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    borderWidth: _themes.Radius.border,
+    borderColor: stateColor.border,
+    backgroundColor: !editable || disabled ? _themes.Palettes.grey[50] : _themes.Palettes.whiteDark[50],
+    borderRadius: _themes.Radius[8],
+    padding: _themes.Spacing[8],
+    width: '100%'
+  };
+  computedStyle.textField = {
+    flex: 1,
+    color: _themes.Palettes.black[900],
+    padding: 0,
+    margin: 0,
+    overflow: 'visible',
+    fontSize: 14,
+    lineHeight: 21,
+    fontFamily: 'Montserrat-Regular'
+  };
+  computedStyle.messageHelper = {
+    alignSelf: 'flex-start',
+    marginLeft: 12,
+    color: stateColor.text
+  };
+  computedStyle.counter = {
+    marginLeft: _themes.Spacing[4],
+    color: _themes.Palettes.grey[500]
+  };
+  computedStyle.inputIconWrapper = {
+    marginLeft: _themes.Spacing[4]
+  };
+  computedStyle.radioItemWrapper = {
+    paddingVertical: _themes.Spacing[16],
+    borderRadius: _themes.Radius[8],
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=RadioInput.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getStyle","props","editable","disabled","isError","errorMessage","stateColor","text","Palettes","red","border","black","grey","computedStyle","fieldWrapper","width","fieldContainer","alignItems","justifyContent","labelContainer","zIndex","position","label","color","backgroundColor","whiteDark","paddingHorizontal","Spacing","borderRadius","Radius","marginLeft","inputWrapper","height","flexDirection","borderWidth","borderColor","padding","textField","flex","margin","overflow","fontSize","lineHeight","fontFamily","messageHelper","alignSelf","counter","inputIconWrapper","radioItemWrapper","paddingVertical","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["RadioInput.style.tsx"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Snackbar = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _typography = require("../typography/typography.component");
+var _Snakbar = require("./Snakbar.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 Snackbar = props => {
+  const {
+    message = '',
+    action = null,
+    containerStyle
+  } = props;
+  const computedStyle = (0, _Snakbar.getStyle)();
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.container, containerStyle]
+  }, /*#__PURE__*/React.createElement(_typography.Typography, {
+    variant: "caption",
+    numberOfLines: 3,
+    style: [computedStyle.message]
+  }, message), action && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.actionWrapper]
+  }, action));
+};
+exports.Snackbar = Snackbar;
+//# sourceMappingURL=Snackbar.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Snackbar","props","message","action","containerStyle","computedStyle","getStyle","container","actionWrapper"],"sourceRoot":"..\\..\\src","sources":["Snackbar.component.tsx"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAA2C;AAAA;AAI3C,MAAMA,QAAgD,GAAIC,KAAK,IAAK;EAClE,MAAM;IAAEC,OAAO,GAAG,EAAE;IAAEC,MAAM,GAAG,IAAI;IAAEC;EAAe,CAAC,GAAGH,KAAK;EAE7D,MAAMI,aAAa,GAAG,IAAAC,iBAAQ,GAAE;EAEhC,oBACE,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACD,aAAa,CAACE,SAAS,EAAEH,cAAc;EAAE,gBACrD,oBAAC,sBAAU;IACT,OAAO,EAAC,SAAS;IACjB,aAAa,EAAE,CAAE;IACjB,KAAK,EAAE,CAACC,aAAa,CAACH,OAAO;EAAE,GAE9BA,OAAO,CACG,EACZC,MAAM,iBAAI,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACE,aAAa,CAACG,aAAa;EAAE,GAAEL,MAAM,CAAQ,CACjE;AAEX,CAAC;AAAC"}

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

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

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

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

package/lib/commonjs/components/Snackbar/Snakbar.style.js

@@ -0,0 +1,29 @@
+"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 = {
+    padding: _themes.Spacing[12],
+    borderRadius: _themes.Radius[8],
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    backgroundColor: _themes.Palettes.blue[50],
+    ..._themes.Shadow['shadow-elevation-1']
+  };
+  computedStyle.message = {
+    flex: 1
+  };
+  computedStyle.actionWrapper = {
+    marginLeft: _themes.Spacing[16]
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=Snakbar.style.js.map

package/lib/commonjs/components/Snackbar/Snakbar.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getStyle","computedStyle","container","padding","Spacing","borderRadius","Radius","flexDirection","alignItems","justifyContent","backgroundColor","Palettes","blue","Shadow","message","flex","actionWrapper","marginLeft","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["Snakbar.style.tsx"],"mappings":";;;;;;AAAA;AAEA;AAUO,MAAMA,QAAQ,GAAG,MAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,OAAO,EAAEC,eAAO,CAAC,EAAE,CAAC;IACpBC,YAAY,EAAEC,cAAM,CAAC,CAAC,CAAC;IACvBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,eAAe,EAAEC,gBAAQ,CAACC,IAAI,CAAC,EAAE,CAAC;IAClC,GAAGC,cAAM,CAAC,oBAAoB;EAChC,CAAC;EAEDZ,aAAa,CAACa,OAAO,GAAG;IACtBC,IAAI,EAAE;EACR,CAAC;EAEDd,aAAa,CAACe,aAAa,GAAG;IAC5BC,UAAU,EAAEb,eAAO,CAAC,EAAE;EACxB,CAAC;EAED,OAAOc,uBAAU,CAACC,MAAM,CAAClB,aAAa,CAAC;AACzC,CAAC;AAAC"}

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

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StepperCounter = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _StepperCounter = require("./StepperCounter.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 StepperCounter = props => {
+  const {
+    labels = [],
+    activeStepIndex = 0,
+    activeStepIndicator = null
+  } = props;
+  const [firstItemWidth, setFirstItemWidth] = React.useState(0);
+  const [lastItemWidth, setLastItemWidth] = React.useState(0);
+  const computedStyle = (0, _StepperCounter.getStyle)();
+  const getFirstAndLastWidthItem = (event, idx) => {
+    const {
+      width
+    } = event.nativeEvent.layout;
+    if (idx === 0) {
+      setFirstItemWidth(width);
+    } else if (idx === labels.length - 1) {
+      setLastItemWidth(width);
+    }
+  };
+  const isCurrentStep = idx => {
+    return idx === activeStepIndex;
+  };
+  const isBeforeStep = idx => {
+    return idx < activeStepIndex;
+  };
+  const isAfterStep = idx => {
+    return idx > activeStepIndex;
+  };
+  const getStepNumber = idx => {
+    return idx.toLocaleString('en-US', {
+      minimumIntegerDigits: 2,
+      useGrouping: false
+    });
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: computedStyle.container
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.lineContainer, {
+      paddingLeft: firstItemWidth / 2,
+      paddingRight: lastItemWidth / 2
+    }]
+  }, labels.length > 0 && [...Array(labels.length - 1)].map((_, idx) => /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.stepLine, idx <= activeStepIndex - 1 && computedStyle.stepLineActive]
+  }))), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: computedStyle.stepItemContainer
+  }, labels.map((label, idx) => /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: computedStyle.stepItemWrapper,
+    onLayout: event => getFirstAndLastWidthItem(event, idx)
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.stepItem, isCurrentStep(idx) && computedStyle.stepItemActive, isAfterStep(idx) && computedStyle.stepItemInactive]
+  }, isBeforeStep(idx) ? activeStepIndicator : /*#__PURE__*/React.createElement(_typography.Typography, {
+    variant: "caption2",
+    style: [computedStyle.stepItemNumberActive, isAfterStep(idx) && computedStyle.stepItemNumberInactive]
+  }, getStepNumber(idx + 1))), /*#__PURE__*/React.createElement(_typography.Typography, {
+    variant: "overline",
+    style: [isAfterStep(idx) && computedStyle.labelInactive]
+  }, label)))));
+};
+exports.StepperCounter = StepperCounter;
+//# sourceMappingURL=StepperCounter.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StepperCounter","props","labels","activeStepIndex","activeStepIndicator","firstItemWidth","setFirstItemWidth","React","useState","lastItemWidth","setLastItemWidth","computedStyle","getStyle","getFirstAndLastWidthItem","event","idx","width","nativeEvent","layout","length","isCurrentStep","isBeforeStep","isAfterStep","getStepNumber","toLocaleString","minimumIntegerDigits","useGrouping","container","lineContainer","paddingLeft","paddingRight","Array","map","_","stepLine","stepLineActive","stepItemContainer","label","stepItemWrapper","stepItem","stepItemActive","stepItemInactive","stepItemNumberActive","stepItemNumberInactive","labelInactive"],"sourceRoot":"..\\..\\src","sources":["StepperCounter.component.tsx"],"mappings":"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"}

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

@@ -0,0 +1,73 @@
+"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 = {
+    minHeight: 30,
+    borderRadius: 4,
+    width: '100%',
+    flexDirection: 'row'
+  };
+  computedStyle.lineContainer = {
+    position: 'absolute',
+    width: '100%',
+    flexDirection: 'row',
+    top: 10
+  };
+  computedStyle.stepLine = {
+    height: 4,
+    flexGrow: 1,
+    backgroundColor: _themes.Palettes.grey[50]
+  };
+  computedStyle.stepLineActive = {
+    backgroundColor: _themes.Palettes.green[700]
+  };
+  computedStyle.stepItemContainer = {
+    padding: 0,
+    margin: 0,
+    width: '100%',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    position: 'absolute'
+  };
+  computedStyle.stepItemWrapper = {
+    justifyContent: 'center',
+    alignItems: 'center'
+  };
+  computedStyle.stepItem = {
+    justifyContent: 'center',
+    alignItems: 'center',
+    height: 24,
+    width: 24,
+    borderRadius: _themes.Radius.full,
+    backgroundColor: _themes.Palettes.green[700],
+    borderWidth: 2,
+    borderColor: _themes.Palettes.green[700],
+    marginBottom: _themes.Spacing[4]
+  };
+  computedStyle.stepItemActive = {
+    backgroundColor: _themes.Palettes.white[50]
+  };
+  computedStyle.stepItemInactive = {
+    backgroundColor: _themes.Palettes.grey[50],
+    borderColor: _themes.Palettes.grey[50]
+  };
+  computedStyle.stepItemNumberActive = {
+    color: _themes.Palettes.green[700]
+  };
+  computedStyle.stepItemNumberInactive = {
+    color: _themes.Palettes.grey[500]
+  };
+  computedStyle.labelInactive = {
+    color: _themes.Palettes.grey[500]
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=StepperCounter.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getStyle","computedStyle","container","minHeight","borderRadius","width","flexDirection","lineContainer","position","top","stepLine","height","flexGrow","backgroundColor","Palettes","grey","stepLineActive","green","stepItemContainer","padding","margin","justifyContent","stepItemWrapper","alignItems","stepItem","Radius","full","borderWidth","borderColor","marginBottom","Spacing","stepItemActive","white","stepItemInactive","stepItemNumberActive","color","stepItemNumberInactive","labelInactive","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["StepperCounter.style.tsx"],"mappings":";;;;;;AAEA;AACA;AAiBO,MAAMA,QAAQ,GAAG,MAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,SAAS,EAAE,EAAE;IACbC,YAAY,EAAE,CAAC;IACfC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE;EACjB,CAAC;EAEDL,aAAa,CAACM,aAAa,GAAG;IAC5BC,QAAQ,EAAE,UAAU;IACpBH,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBG,GAAG,EAAE;EACP,CAAC;EAEDR,aAAa,CAACS,QAAQ,GAAG;IACvBC,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,CAAC;IACXC,eAAe,EAAEC,gBAAQ,CAACC,IAAI,CAAC,EAAE;EACnC,CAAC;EAEDd,aAAa,CAACe,cAAc,GAAG;IAC7BH,eAAe,EAAEC,gBAAQ,CAACG,KAAK,CAAC,GAAG;EACrC,CAAC;EAEDhB,aAAa,CAACiB,iBAAiB,GAAG;IAChCC,OAAO,EAAE,CAAC;IACVC,MAAM,EAAE,CAAC;IACTf,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBe,cAAc,EAAE,eAAe;IAC/Bb,QAAQ,EAAE;EACZ,CAAC;EAEDP,aAAa,CAACqB,eAAe,GAAG;IAC9BD,cAAc,EAAE,QAAQ;IACxBE,UAAU,EAAE;EACd,CAAC;EAEDtB,aAAa,CAACuB,QAAQ,GAAG;IACvBH,cAAc,EAAE,QAAQ;IACxBE,UAAU,EAAE,QAAQ;IACpBZ,MAAM,EAAE,EAAE;IACVN,KAAK,EAAE,EAAE;IACTD,YAAY,EAAEqB,cAAM,CAACC,IAAI;IACzBb,eAAe,EAAEC,gBAAQ,CAACG,KAAK,CAAC,GAAG,CAAC;IACpCU,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEd,gBAAQ,CAACG,KAAK,CAAC,GAAG,CAAC;IAChCY,YAAY,EAAEC,eAAO,CAAC,CAAC;EACzB,CAAC;EAED7B,aAAa,CAAC8B,cAAc,GAAG;IAC7BlB,eAAe,EAAEC,gBAAQ,CAACkB,KAAK,CAAC,EAAE;EACpC,CAAC;EAED/B,aAAa,CAACgC,gBAAgB,GAAG;IAC/BpB,eAAe,EAAEC,gBAAQ,CAACC,IAAI,CAAC,EAAE,CAAC;IAClCa,WAAW,EAAEd,gBAAQ,CAACC,IAAI,CAAC,EAAE;EAC/B,CAAC;EAEDd,aAAa,CAACiC,oBAAoB,GAAG;IACnCC,KAAK,EAAErB,gBAAQ,CAACG,KAAK,CAAC,GAAG;EAC3B,CAAC;EAEDhB,aAAa,CAACmC,sBAAsB,GAAG;IACrCD,KAAK,EAAErB,gBAAQ,CAACC,IAAI,CAAC,GAAG;EAC1B,CAAC;EAEDd,aAAa,CAACoC,aAAa,GAAG;IAC5BF,KAAK,EAAErB,gBAAQ,CAACC,IAAI,CAAC,GAAG;EAC1B,CAAC;EAED,OAAOuB,uBAAU,CAACC,MAAM,CAACtC,aAAa,CAAC;AACzC,CAAC;AAAC"}

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

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

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

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

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

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tabs = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Tabs = require("./Tabs.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 Tabs = props => {
+  const {
+    labels = [],
+    onTabPress = () => {},
+    activeIndex = 0
+  } = props;
+  const computedStyle = (0, _Tabs.getStyle)();
+  const [labelsLayout, setLabelsLayout] = React.useState({});
+  const indicatorWidth = React.useState(new _reactNative.Animated.Value(0))[0];
+  const indicatorOffsetX = React.useState(new _reactNative.Animated.Value(0))[0];
+  React.useEffect(() => {
+    const getActiveIndex = () => {
+      if (activeIndex < 0) {
+        return 0;
+      } else if (activeIndex > labels.length - 1) {
+        return labels.length - 1;
+      } else {
+        return activeIndex;
+      }
+    };
+    if (Object.keys(labelsLayout).length !== 0) {
+      const currentActiveIndex = getActiveIndex();
+      let indicatorOffset = 0;
+      for (let i = 0; i < currentActiveIndex; i++) {
+        indicatorOffset += labelsLayout[i] ?? 0;
+      }
+      const updatedWith = labelsLayout[currentActiveIndex] ?? 0;
+      _reactNative.Animated.timing(indicatorOffsetX, {
+        toValue: indicatorOffset,
+        easing: _reactNative.Easing.ease,
+        useNativeDriver: false,
+        duration: 300
+      }).start();
+      _reactNative.Animated.timing(indicatorWidth, {
+        toValue: updatedWith,
+        easing: _reactNative.Easing.ease,
+        useNativeDriver: false,
+        duration: 300
+      }).start();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [activeIndex, labels, labelsLayout]);
+  const onLayout = (event, idx) => {
+    const {
+      width
+    } = event.nativeEvent.layout;
+    setLabelsLayout({
+      ...labelsLayout,
+      [idx]: width
+    });
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.container]
+  }, labels.map((label, idx) => /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    onPress: () => onTabPress(idx),
+    style: [computedStyle.tabContainer],
+    onLayout: event => onLayout(event, idx)
+  }, /*#__PURE__*/React.createElement(_typography.Typography, {
+    key: idx,
+    variant: "subtitle2"
+  }, label))), /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: [computedStyle.bottomMarker, {
+      width: indicatorWidth,
+      left: indicatorOffsetX
+    }]
+  }));
+};
+exports.Tabs = Tabs;
+//# sourceMappingURL=Tabs.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Tabs","props","labels","onTabPress","activeIndex","computedStyle","getStyle","labelsLayout","setLabelsLayout","React","useState","indicatorWidth","Animated","Value","indicatorOffsetX","useEffect","getActiveIndex","length","Object","keys","currentActiveIndex","indicatorOffset","i","updatedWith","timing","toValue","easing","Easing","ease","useNativeDriver","duration","start","onLayout","event","idx","width","nativeEvent","layout","container","map","label","tabContainer","bottomMarker","left"],"sourceRoot":"..\\..\\src","sources":["Tabs.component.tsx"],"mappings":"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"}

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

@@ -0,0 +1,28 @@
+"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'
+  };
+  computedStyle.tabContainer = {
+    paddingHorizontal: _themes.Spacing[16],
+    paddingVertical: _themes.Spacing[8]
+  };
+  computedStyle.bottomMarker = {
+    position: 'absolute',
+    height: 4,
+    bottom: 0,
+    left: 0,
+    backgroundColor: _themes.Palettes.yellow[600]
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=Tabs.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getStyle","computedStyle","container","flexDirection","tabContainer","paddingHorizontal","Spacing","paddingVertical","bottomMarker","position","height","bottom","left","backgroundColor","Palettes","yellow","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["Tabs.style.tsx"],"mappings":";;;;;;AAAA;AAIA;AAQO,MAAMA,QAAQ,GAAG,MAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,aAAa,EAAE;EACjB,CAAC;EAEDF,aAAa,CAACG,YAAY,GAAG;IAC3BC,iBAAiB,EAAEC,eAAO,CAAC,EAAE,CAAC;IAC9BC,eAAe,EAAED,eAAO,CAAC,CAAC;EAC5B,CAAC;EAEDL,aAAa,CAACO,YAAY,GAAG;IAC3BC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,gBAAQ,CAACC,MAAM,CAAC,GAAG;EACtC,CAAC;EAED,OAAOC,uBAAU,CAACC,MAAM,CAAChB,aAAa,CAAC;AACzC,CAAC;AAAC"}

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

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

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

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

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

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextArea = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _TextArea = require("./TextArea.style");
+var _themes = require("../../themes");
+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; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const TextArea = props => {
+  const {
+    label = '',
+    value = '',
+    helperMessage = '',
+    counter = 0,
+    errorMessage,
+    isError,
+    onBlur = () => null,
+    onFocus = () => null,
+    ...rest
+  } = props;
+  const [focused, setFocused] = React.useState(false);
+  const computedStyle = (0, _TextArea.getStyle)(props, focused);
+  const handleOnFocus = event => {
+    setFocused(true);
+    onBlur(event);
+  };
+  const handleOnBlur = event => {
+    if (value === '') {
+      onFocus(event);
+    }
+    setFocused(false);
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: computedStyle.fieldContainer
+  }, /*#__PURE__*/React.createElement(_typography.Typography, {
+    variant: "subtitle2",
+    style: computedStyle.label
+  }, label), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: computedStyle.fieldWrapper
+  }, /*#__PURE__*/React.createElement(_reactNative.TextInput, _extends({
+    numberOfLines: 3,
+    multiline: true,
+    textAlignVertical: "top",
+    style: computedStyle.TextInput,
+    value: value,
+    placeholderTextColor: _themes.Palettes.grey[500],
+    onBlur: handleOnBlur,
+    onFocus: handleOnFocus
+  }, rest)), counter > 0 && /*#__PURE__*/React.createElement(_typography.Typography, {
+    variant: "caption",
+    style: computedStyle.counter
+  }, `${value.length}/${counter}`)), errorMessage || helperMessage ? /*#__PURE__*/React.createElement(_typography.Typography, {
+    variant: "caption",
+    style: computedStyle.messageHelper
+  }, errorMessage || !isError && helperMessage) : null);
+};
+exports.TextArea = TextArea;
+//# sourceMappingURL=TextArea.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["TextArea","props","label","value","helperMessage","counter","errorMessage","isError","onBlur","onFocus","rest","focused","setFocused","React","useState","computedStyle","getStyle","handleOnFocus","event","handleOnBlur","fieldContainer","fieldWrapper","TextInput","Palettes","grey","length","messageHelper"],"sourceRoot":"..\\..\\src","sources":["TextArea.component.tsx"],"mappings":";;;;;;AAAA;AACA;AAGA;AACA;AACA;AAAgE;AAAA;AAAA;AAMhE,MAAMA,QAAgD,GAAIC,KAAK,IAAK;EAClE,MAAM;IACJC,KAAK,GAAG,EAAE;IACVC,KAAK,GAAG,EAAE;IACVC,aAAa,GAAG,EAAE;IAClBC,OAAO,GAAG,CAAC;IACXC,YAAY;IACZC,OAAO;IACPC,MAAM,GAAG,MAAM,IAAI;IACnBC,OAAO,GAAG,MAAM,IAAI;IACpB,GAAGC;EACL,CAAC,GAAGT,KAAK;EAET,MAAM,CAACU,OAAO,EAAEC,UAAU,CAAC,GAAGC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EAEnD,MAAMC,aAAa,GAAG,IAAAC,kBAAQ,EAACf,KAAK,EAAEU,OAAO,CAAC;EAE9C,MAAMM,aAAa,GACjBC,KAAoD,IACjD;IACHN,UAAU,CAAC,IAAI,CAAC;IAChBJ,MAAM,CAACU,KAAK,CAAC;EACf,CAAC;EACD,MAAMC,YAAY,GAChBD,KAAoD,IACjD;IACH,IAAIf,KAAK,KAAK,EAAE,EAAE;MAChBM,OAAO,CAACS,KAAK,CAAC;IAChB;IACAN,UAAU,CAAC,KAAK,CAAC;EACnB,CAAC;EAED,oBACE,oBAAC,iBAAI;IAAC,KAAK,EAAEG,aAAa,CAACK;EAAe,gBACxC,oBAAC,sBAAU;IAAC,OAAO,EAAC,WAAW;IAAC,KAAK,EAAEL,aAAa,CAACb;EAAM,GACxDA,KAAK,CACK,eACb,oBAAC,iBAAI;IAAC,KAAK,EAAEa,aAAa,CAACM;EAAa,gBACtC,oBAAC,sBAAS;IACR,aAAa,EAAE,CAAE;IACjB,SAAS,EAAE,IAAK;IAChB,iBAAiB,EAAC,KAAK;IACvB,KAAK,EAAEN,aAAa,CAACO,SAAU;IAC/B,KAAK,EAAEnB,KAAM;IACb,oBAAoB,EAAEoB,gBAAQ,CAACC,IAAI,CAAC,GAAG,CAAE;IACzC,MAAM,EAAEL,YAAa;IACrB,OAAO,EAAEF;EAAc,GACnBP,IAAI,EACR,EACDL,OAAO,GAAG,CAAC,iBACV,oBAAC,sBAAU;IACT,OAAO,EAAC,SAAS;IACjB,KAAK,EAAEU,aAAa,CAACV;EAAQ,GAC5B,GAAEF,KAAK,CAACsB,MAAO,IAAGpB,OAAQ,EAAC,CAC/B,CACI,EACNC,YAAY,IAAIF,aAAa,gBAC5B,oBAAC,sBAAU;IAAC,OAAO,EAAC,SAAS;IAAC,KAAK,EAAEW,aAAa,CAACW;EAAc,GAC9DpB,YAAY,IAAM,CAACC,OAAO,IAAIH,aAAyB,CAC7C,GACX,IAAI,CACH;AAEX,CAAC;AAAC"}

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

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _reactNative = require("react-native");
+var _themes = require("../../themes");
+const getStyle = (props, isFocused) => {
+  const {
+    editable = true,
+    isError,
+    errorMessage
+  } = props;
+  const computedStyle = {};
+  const stateColor = isError || errorMessage ? {
+    text: _themes.Palettes.red[500],
+    border: _themes.Palettes.red[500]
+  } : {
+    text: _themes.Palettes.black[900],
+    border: isFocused ? _themes.Palettes.grey[900] : _themes.Palettes.grey[200]
+  };
+  computedStyle.fieldContainer = {
+    width: '100%',
+    gap: _themes.Spacing[8]
+  };
+  computedStyle.label = {
+    color: _themes.Palettes.black[900]
+  };
+  computedStyle.fieldWrapper = {
+    borderWidth: _themes.Radius.border,
+    borderRadius: _themes.Radius[8],
+    borderColor: stateColor.border,
+    padding: _themes.Spacing[12],
+    backgroundColor: editable ? _themes.Palettes.white[50] : _themes.Palettes.grey[50]
+  };
+  computedStyle.TextInput = {
+    height: 72,
+    padding: 0,
+    margin: 0,
+    overflow: 'visible',
+    fontSize: 14,
+    lineHeight: 21,
+    fontFamily: 'Montserrat-Regular',
+    color: _themes.Palettes.black[900],
+    verticalAlign: 'top'
+  };
+  computedStyle.counter = {
+    textAlign: 'right'
+  };
+  computedStyle.messageHelper = {
+    color: stateColor.text
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=TextArea.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getStyle","props","isFocused","editable","isError","errorMessage","computedStyle","stateColor","text","Palettes","red","border","black","grey","fieldContainer","width","gap","Spacing","label","color","fieldWrapper","borderWidth","Radius","borderRadius","borderColor","padding","backgroundColor","white","TextInput","height","margin","overflow","fontSize","lineHeight","fontFamily","verticalAlign","counter","textAlign","messageHelper","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["TextArea.style.tsx"],"mappings":";;;;;;AAEA;AAEA;AAaO,MAAMA,QAAQ,GAAG,CAACC,KAAoB,EAAEC,SAAkB,KAAK;EACpE,MAAM;IAAEC,QAAQ,GAAG,IAAI;IAAEC,OAAO;IAAEC;EAAa,CAAC,GAAGJ,KAAK;EAExD,MAAMK,aAAiC,GAAG,CAAC,CAAC;EAE5C,MAAMC,UAAU,GACdH,OAAO,IAAIC,YAAY,GACnB;IAAEG,IAAI,EAAEC,gBAAQ,CAACC,GAAG,CAAC,GAAG,CAAC;IAAEC,MAAM,EAAEF,gBAAQ,CAACC,GAAG,CAAC,GAAG;EAAE,CAAC,GACtD;IACEF,IAAI,EAAEC,gBAAQ,CAACG,KAAK,CAAC,GAAG,CAAC;IACzBD,MAAM,EAAET,SAAS,GAAGO,gBAAQ,CAACI,IAAI,CAAC,GAAG,CAAC,GAAGJ,gBAAQ,CAACI,IAAI,CAAC,GAAG;EAC5D,CAAC;EAEPP,aAAa,CAACQ,cAAc,GAAG;IAC7BC,KAAK,EAAE,MAAM;IACbC,GAAG,EAAEC,eAAO,CAAC,CAAC;EAChB,CAAC;EAEDX,aAAa,CAACY,KAAK,GAAG;IACpBC,KAAK,EAAEV,gBAAQ,CAACG,KAAK,CAAC,GAAG;EAC3B,CAAC;EAEDN,aAAa,CAACc,YAAY,GAAG;IAC3BC,WAAW,EAAEC,cAAM,CAACX,MAAM;IAC1BY,YAAY,EAAED,cAAM,CAAC,CAAC,CAAC;IACvBE,WAAW,EAAEjB,UAAU,CAACI,MAAM;IAC9Bc,OAAO,EAAER,eAAO,CAAC,EAAE,CAAC;IACpBS,eAAe,EAAEvB,QAAQ,GAAGM,gBAAQ,CAACkB,KAAK,CAAC,EAAE,CAAC,GAAGlB,gBAAQ,CAACI,IAAI,CAAC,EAAE;EACnE,CAAC;EAEDP,aAAa,CAACsB,SAAS,GAAG;IACxBC,MAAM,EAAE,EAAE;IACVJ,OAAO,EAAE,CAAC;IACVK,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,SAAS;IACnBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,oBAAoB;IAChCf,KAAK,EAAEV,gBAAQ,CAACG,KAAK,CAAC,GAAG,CAAC;IAC1BuB,aAAa,EAAE;EACjB,CAAC;EAED7B,aAAa,CAAC8B,OAAO,GAAG;IACtBC,SAAS,EAAE;EACb,CAAC;EAED/B,aAAa,CAACgC,aAAa,GAAG;IAC5BnB,KAAK,EAAEZ,UAAU,CAACC;EACpB,CAAC;EAED,OAAO+B,uBAAU,CAACC,MAAM,CAAClC,aAAa,CAAC;AACzC,CAAC;AAAC"}

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

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

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

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