@tecsinapse/react-web-kit 3.3.0 → 3.3.2

package/dist/cjs/components/molecules/DateTimePickerSelector/components/ScrollableDigit.js

@@ -1,9 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Text = require('@tecsinapse/react-core/src/components/atoms/Text');
 var reactCore = require('@tecsinapse/react-core');
-var ResponsiveFontSize = require('@tecsinapse/react-core/src/utils/ResponsiveFontSize');
 var styled = require('../styled.js');
 var MemoizedTimeCard = require('./MemoizedTimeCard.js');
 
@@ -27,7 +25,7 @@ function _interopNamespaceDefault(e) {
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const ScrollableDigit = ({
-  TextComponent = Text.Text,
+  TextComponent = reactCore.Text,
   data,
   currentTime,
   updateType,
@@ -36,7 +34,7 @@ const ScrollableDigit = ({
   initialScrollIndex
 }) => {
   const theme = reactCore.useTheme();
-  const digitCardHeight = ResponsiveFontSize.RFValue(Number(theme.typography.base.fontSize.slice(0, -2))) + 2 * ResponsiveFontSize.RFValue(Number(theme.spacing.deca.slice(0, -2)));
+  const digitCardHeight = reactCore.RFValue(Number(theme.typography.base.fontSize.slice(0, -2))) + 2 * reactCore.RFValue(Number(theme.spacing.deca.slice(0, -2)));
   const getDisplayedValue = (value) => {
     const isNumericValue = parseInt(value, 10);
     if (!isNaN(isNumericValue)) {

package/dist/cjs/components/molecules/DateTimePickerSelector/styled.js

@@ -8,6 +8,7 @@ const StyledTextLabel = styled(reactCore.Text)`
   text-align: center;
   font-size: 12px;
   font-weight: bold;
+  text-transform: capitalize;
 `;
 const TimeDigitContainer = styled(reactNativeWeb.FlatList)`
   max-height: 150px;

package/dist/cjs/components/molecules/ScrollableMonthYearPicker/ScrollableMonthYearPicker.js

@@ -48,10 +48,7 @@ const ScrollableMonthYearPicker = ({
     [yearsToShow, firstYear]
   );
   const months = [...Array(12)].map(
-    (_, index) => dateFns.format((/* @__PURE__ */ new Date()).setMonth(index), "MMM", { locale }).slice(
-      0,
-      3
-    )
+    (_, index) => dateFns.format((/* @__PURE__ */ new Date()).setMonth(index), "MMM", { locale })
   );
   const getInitialScrollIndex = (value, data) => {
     const selectedIndex = data.findIndex((item) => item === value);

package/dist/esm/components/molecules/DateTimePickerSelector/components/ScrollableDigit.js

@@ -1,7 +1,5 @@
 import * as React from 'react';
-import { Text } from '@tecsinapse/react-core/src/components/atoms/Text';
-import { useTheme } from '@tecsinapse/react-core';
-import { RFValue } from '@tecsinapse/react-core/src/utils/ResponsiveFontSize';
+import { useTheme, RFValue, Text } from '@tecsinapse/react-core';
 import { StyledTextLabel, TimeDigitContainer } from '../styled.js';
 import MemoizedTimeCard from './MemoizedTimeCard.js';
 

package/dist/esm/components/molecules/DateTimePickerSelector/styled.js

@@ -6,6 +6,7 @@ const StyledTextLabel = styled(Text)`
   text-align: center;
   font-size: 12px;
   font-weight: bold;
+  text-transform: capitalize;
 `;
 const TimeDigitContainer = styled(FlatList)`
   max-height: 150px;

package/dist/esm/components/molecules/ScrollableMonthYearPicker/ScrollableMonthYearPicker.js

@@ -27,10 +27,7 @@ const ScrollableMonthYearPicker = ({
     [yearsToShow, firstYear]
   );
   const months = [...Array(12)].map(
-    (_, index) => format((/* @__PURE__ */ new Date()).setMonth(index), "MMM", { locale }).slice(
-      0,
-      3
-    )
+    (_, index) => format((/* @__PURE__ */ new Date()).setMonth(index), "MMM", { locale })
   );
   const getInitialScrollIndex = (value, data) => {
     const selectedIndex = data.findIndex((item) => item === value);

package/dist/types/components/molecules/DateTimePickerSelector/components/ScrollableDigit.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { TextProps } from '@tecsinapse/react-core/src/components/atoms/Text';
+import { TextProps } from '@tecsinapse/react-core';
 export interface ScrollableDigitProps {
     TextComponent?: React.FC<TextProps>;
     updateType: 'hour' | 'minute' | 'year' | 'month';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-web-kit",
   "description": "TecSinapse React components",
-  "version": "3.3.0",
+  "version": "3.3.2",
   "license": "MIT",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -40,5 +40,5 @@
     "react-dom": "^18.0.0",
     "react-native-web": ">=0.18.0 <1"
   },
-  "gitHead": "755aef933fa22dcbe93c6a93689620d920670928"
+  "gitHead": "4f439e0184fb2a5083b68bc82706df6dbec0f0db"
 }