@tecsinapse/react-web-kit 2.3.1 → 3.3.0

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

@@ -0,0 +1,84 @@
+'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');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const ScrollableDigit = ({
+  TextComponent = Text.Text,
+  data,
+  currentTime,
+  updateType,
+  timeLabel,
+  handleTimeChange,
+  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 getDisplayedValue = (value) => {
+    const isNumericValue = parseInt(value, 10);
+    if (!isNaN(isNumericValue)) {
+      return value.padStart(2, "0");
+    } else {
+      return value;
+    }
+  };
+  const timeCardsBuilder = React__namespace.useCallback(
+    ({ item }) => /* @__PURE__ */ React__namespace.createElement(
+      MemoizedTimeCard,
+      {
+        time: getDisplayedValue(item),
+        isSelected: currentTime === item,
+        onPress: () => {
+          handleTimeChange(item, updateType);
+        },
+        TextComponent
+      }
+    ),
+    [handleTimeChange, TextComponent]
+  );
+  return /* @__PURE__ */ React__namespace.createElement("div", { style: { display: "flex", flexDirection: "column" } }, /* @__PURE__ */ React__namespace.createElement(styled.StyledTextLabel, null, timeLabel), /* @__PURE__ */ React__namespace.createElement(
+    styled.TimeDigitContainer,
+    {
+      showsHorizontalScrollIndicator: true,
+      data,
+      renderItem: timeCardsBuilder,
+      keyExtractor: (item) => item,
+      contentContainerStyle: {
+        alignItems: "center"
+      },
+      numColumns: 1,
+      initialScrollIndex,
+      getItemLayout: (_, index) => ({
+        length: digitCardHeight,
+        offset: digitCardHeight * index,
+        index
+      }),
+      fadingEdgeLength: 200
+    }
+  ));
+};
+
+module.exports = ScrollableDigit;

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

@@ -0,0 +1,54 @@
+'use strict';
+
+var styled = require('@emotion/native');
+var reactCore = require('@tecsinapse/react-core');
+var reactNativeWeb = require('react-native-web');
+
+const StyledTextLabel = styled(reactCore.Text)`
+  text-align: center;
+  font-size: 12px;
+  font-weight: bold;
+`;
+const TimeDigitContainer = styled(reactNativeWeb.FlatList)`
+  max-height: 150px;
+  overflow-y: scroll;
+`;
+const TimeCard = styled(reactCore.PressableSurface)(
+  (props) => styled.css`
+    background-color: ${props.isSelected ? props.theme?.color.primary.light : void 0};
+    padding: ${props.theme?.spacing.centi};
+    border-radius: ${props.theme?.borderRadius.mili};
+    margin: ${props.theme?.spacing.mili};
+    padding: ${props.theme?.spacing.mili} ${props.theme?.spacing.deca};
+  `
+);
+const Root = styled.View`
+  position: relative;
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
+`;
+const Content = styled.View`
+  flex-direction: row;
+  justify-content: space-between;
+  margin-top: ${({ theme }) => theme.spacing.deca};
+  margin-bottom: ${({ theme }) => theme.spacing.deca};
+`;
+const BackButton = styled(reactCore.PressableSurface)`
+  border-radius: ${({ theme }) => theme.borderRadius.mili};
+  padding: ${({ theme }) => theme.spacing.micro};
+  margin-right: ${({ theme }) => theme.spacing.mili};
+  aspect-ratio: 1;
+`;
+const Header = styled.View`
+  flex-direction: row;
+  align-items: center;
+  margin-top: ${({ theme }) => theme.spacing.mili};
+  margin-bottom: ${({ theme }) => theme.spacing.mili};
+`;
+
+exports.BackButton = BackButton;
+exports.Content = Content;
+exports.Header = Header;
+exports.Root = Root;
+exports.StyledTextLabel = StyledTextLabel;
+exports.TimeCard = TimeCard;
+exports.TimeDigitContainer = TimeDigitContainer;

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

@@ -47,4 +47,3 @@ const Drawer = ({
 };
 
 module.exports = Drawer;
-//# sourceMappingURL=Drawer.js.map

package/dist/cjs/components/molecules/Drawer/animations.js

@@ -53,4 +53,3 @@ exports.transformTopBottomClose = transformTopBottomClose;
 exports.transformTopBottomOpen = transformTopBottomOpen;
 exports.transitionStylesLeftRight = transitionStylesLeftRight;
 exports.transitionStylesTopBottom = transitionStylesTopBottom;
-//# sourceMappingURL=animations.js.map

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

@@ -58,4 +58,3 @@ const StyledContainerDrawer = styled("div")(
 );
 
 exports.StyledContainerDrawer = StyledContainerDrawer;
-//# sourceMappingURL=styled.js.map

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

@@ -59,4 +59,3 @@ const Grid = ({
 };
 
 module.exports = Grid;
-//# sourceMappingURL=Grid.js.map

package/dist/cjs/components/molecules/Grid/Item/Item.js

@@ -59,4 +59,3 @@ const GridItem = ({
 };
 
 module.exports = GridItem;
-//# sourceMappingURL=Item.js.map

package/dist/cjs/components/molecules/Grid/Item/functions.js

@@ -13,4 +13,3 @@ const getSpan = (value, sm, md, lg) => {
 };
 
 exports.getSpan = getSpan;
-//# sourceMappingURL=functions.js.map

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

@@ -59,4 +59,3 @@ const IconTextButton = ({
 };
 
 module.exports = IconTextButton;
-//# sourceMappingURL=IconTextButton.js.map

package/dist/cjs/components/molecules/IconTextButton/TextComponent.js

@@ -23,4 +23,3 @@ const TextComponent = ({
 var TextComponent$1 = React.memo(TextComponent);
 
 module.exports = TextComponent$1;
-//# sourceMappingURL=TextComponent.js.map

package/dist/cjs/components/molecules/IconTextButton/hooks/useIconTextButton.js

@@ -27,4 +27,3 @@ const useIconTextButton = (variant) => {
 };
 
 module.exports = useIconTextButton;
-//# sourceMappingURL=useIconTextButton.js.map

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var nativeStyled = require('@emotion/native');
+var styled = require('@emotion/native');
 var Button = require('../../atoms/Button/Button.js');
 require('react');
 
@@ -8,10 +8,9 @@ const boxedStyle = ({ theme }) => `
     padding: ${theme?.spacing.centi};
     aspect-ratio: 1;
   `;
-const StyledIconTextButton = nativeStyled(Button)`
+const StyledIconTextButton = styled(Button)`
   gap: ${({ theme }) => theme?.spacing.mili};
   ${({ boxed, theme }) => boxed && boxedStyle({ theme })};
 `;
 
 exports.StyledIconTextButton = StyledIconTextButton;
-//# sourceMappingURL=styled.js.map

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

@@ -28,4 +28,3 @@ const InputPassword = React.forwardRef(
 InputPassword.displayName = "InputPassword";
 
 module.exports = InputPassword;
-//# sourceMappingURL=InputPassword.js.map

package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js

@@ -28,4 +28,3 @@ const LabelComponent = ({
 var LabelComponent$1 = React.memo(LabelComponent);
 
 module.exports = LabelComponent$1;
-//# sourceMappingURL=LabelComponent.js.map

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

@@ -49,4 +49,3 @@ const LabeledSwitch = ({
 };
 
 module.exports = LabeledSwitch;
-//# sourceMappingURL=LabeledSwitch.js.map

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var nativeStyled = require('@emotion/native');
+var styled$1 = require('@emotion/native');
 var styled = require('@emotion/styled');
 var reactCore = require('@tecsinapse/react-core');
 
@@ -9,14 +9,14 @@ const StyledDiv = styled("div")`
   flex-direction: row;
   align-items: center;
 `;
-const StyledLabel = nativeStyled(reactCore.Text)`
+const StyledLabel = styled$1(reactCore.Text)`
   ${({ theme, labelPosition }) => {
   if (labelPosition === "right")
-    return nativeStyled.css`
+    return styled$1.css`
         margin-left: ${theme?.spacing.centi};
       `;
   else if (labelPosition === "left")
-    return nativeStyled.css`
+    return styled$1.css`
         margin-right: ${theme?.spacing.centi};
       `;
 }}
@@ -24,4 +24,3 @@ const StyledLabel = nativeStyled(reactCore.Text)`
 
 exports.StyledDiv = StyledDiv;
 exports.StyledLabel = StyledLabel;
-//# sourceMappingURL=styled.js.map

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

@@ -31,4 +31,3 @@ const Masonry = ({
 };
 
 module.exports = Masonry;
-//# sourceMappingURL=Masonry.js.map

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

@@ -26,4 +26,3 @@ const StyledRowItem = styled("div")`
 exports.StyledColumnItem = StyledColumnItem;
 exports.StyledMasonry = StyledMasonry;
 exports.StyledRowItem = StyledRowItem;
-//# sourceMappingURL=styled.js.map

package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuBlock.js

@@ -31,4 +31,3 @@ const MenuBlock = ({ options, toggle }) => {
 var MenuBlock$1 = React.memo(MenuBlock);
 
 module.exports = MenuBlock$1;
-//# sourceMappingURL=MenuBlock.js.map

package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js

@@ -36,4 +36,3 @@ const MenuItem = ({
 };
 
 module.exports = MenuItem;
-//# sourceMappingURL=MenuItem.js.map

package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js

@@ -12,4 +12,3 @@ const SubMenuBlock = ({ data, toggle }) => {
 };
 
 module.exports = SubMenuBlock;
-//# sourceMappingURL=SubMenuBlock.js.map

package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js

@@ -14,4 +14,3 @@ const DummyBorder = styled("div")`
 
 exports.DummyBorder = DummyBorder;
 exports.StyledContainerItem = StyledContainerItem;
-//# sourceMappingURL=styled.js.map

package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/styled.js

@@ -18,4 +18,3 @@ const StyledSubButton = styled("span")`
 
 exports.StyledContainerItemText = StyledContainerItemText;
 exports.StyledSubButton = StyledSubButton;
-//# sourceMappingURL=styled.js.map

package/dist/cjs/components/molecules/Menubar/MenuBlock/styled.js

@@ -35,4 +35,3 @@ exports.StyledContainerMenu = StyledContainerMenu;
 exports.StyledLeftComponent = StyledLeftComponent;
 exports.StyledRightComponent = StyledRightComponent;
 exports.StyledText = StyledText;
-//# sourceMappingURL=styled.js.map

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

@@ -96,4 +96,3 @@ const Menubar = ({
 };
 
 module.exports = Menubar;
-//# sourceMappingURL=Menubar.js.map

package/dist/cjs/components/molecules/Menubar/MostUsed/MostUsed.js

@@ -35,4 +35,3 @@ const MostUsed = ({ data, label, toggle }) => {
 var MostUsed$1 = React.memo(MostUsed);
 
 module.exports = MostUsed$1;
-//# sourceMappingURL=MostUsed.js.map

package/dist/cjs/components/molecules/Menubar/MostUsed/styled.js

@@ -2,7 +2,7 @@
 
 var styled = require('@emotion/styled');
 var reactCore = require('@tecsinapse/react-core');
-var nativeStyled = require('@emotion/native');
+var styled$1 = require('@emotion/native');
 
 const StyledCardContainer = styled("div")`
     display: grid;
@@ -11,7 +11,7 @@ const StyledCardContainer = styled("div")`
     margin-bottom: ${({ theme }) => theme.spacing.kilo};
     margin-top: ${({ theme }) => theme.spacing.centi};
 `;
-const StyledCard = nativeStyled(reactCore.Card)`
+const StyledCard = styled$1(reactCore.Card)`
     padding-top: ${({ theme }) => theme.spacing.mili};
     padding-bottom: ${({ theme }) => theme.spacing.mili};
     padding-left: ${({ theme }) => theme.spacing.deca};
@@ -20,4 +20,3 @@ const StyledCard = nativeStyled(reactCore.Card)`
 
 exports.StyledCard = StyledCard;
 exports.StyledCardContainer = StyledCardContainer;
-//# sourceMappingURL=styled.js.map

package/dist/cjs/components/molecules/Menubar/SearchResultItem/SearchResultItem.js

@@ -26,4 +26,3 @@ const SearchResultItem = ({
 };
 
 module.exports = SearchResultItem;
-//# sourceMappingURL=SearchResultItem.js.map

package/dist/cjs/components/molecules/Menubar/SearchResultItem/styled.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var styled = require('@emotion/styled');
-var nativeStyled = require('@emotion/native');
+var styled$1 = require('@emotion/native');
 var reactCore = require('@tecsinapse/react-core');
 
 const StyledSearchItemContainer = styled("div")`
@@ -13,11 +13,10 @@ const StyledSearchItemContainer = styled("div")`
   0.05
 )}`};
 `;
-const HighlightText = nativeStyled(reactCore.Text)`
+const HighlightText = styled$1(reactCore.Text)`
   text-decoration: underline;
   text-decoration-color: ${({ theme }) => theme.font.color.orange};
 `;
 
 exports.HighlightText = HighlightText;
 exports.StyledSearchItemContainer = StyledSearchItemContainer;
-//# sourceMappingURL=styled.js.map

package/dist/cjs/components/molecules/Menubar/SearchResultItem/utils.js

@@ -43,4 +43,3 @@ const highlight = (searchTerm, textToReplace, Component, props) => {
 
 exports.highlight = highlight;
 exports.stringMatcher = stringMatcher;
-//# sourceMappingURL=utils.js.map

package/dist/cjs/components/molecules/Menubar/animations.js

@@ -55,4 +55,3 @@ const getContainerOpenMenuStyles = (state) => ({
 
 exports.getContainerOpenMenuStyles = getContainerOpenMenuStyles;
 exports.getInputContainerStyles = getInputContainerStyles;
-//# sourceMappingURL=animations.js.map

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var styled = require('@emotion/styled');
-var nativeStyled = require('@emotion/native');
+var styled$1 = require('@emotion/native');
 var reactCore = require('@tecsinapse/react-core');
 var Button = require('../../atoms/Button/Button.js');
 require('react');
@@ -22,7 +22,7 @@ const StyledMenuBar = styled("div")`
     padding: ${({ theme }) => `${theme.spacing.deca} ${theme.spacing.kilo}`};
     box-shadow: 0px 2px 8px ${({ theme }) => reactCore.hex2rgba(theme.miscellaneous.shadow, 0.05)};
 `;
-const StyledMenuButton = nativeStyled(Button)`
+const StyledMenuButton = styled$1(Button)`
     padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);
     padding-right: calc(${({ theme }) => theme.spacing.centi} + 2px);
     padding-bottom: calc(${({ theme }) => theme.spacing.centi} + 2px);
@@ -50,7 +50,7 @@ const StyledContainerOpenMenu = styled("div")`
     width: -webkit-fill-available;
     width: -moz-available;
 `;
-const StyledInput = nativeStyled(Input)`
+const StyledInput = styled$1(Input)`
      width: 100%;
 `;
 const StyledInputContainer = styled("div")`
@@ -73,4 +73,3 @@ exports.StyledMenuBar = StyledMenuBar;
 exports.StyledMenuButton = StyledMenuButton;
 exports.StyledSearchResultsContainer = StyledSearchResultsContainer;
 exports.StyledSearchTextContainer = StyledSearchTextContainer;
-//# sourceMappingURL=styled.js.map

package/dist/cjs/components/molecules/Menubar/utils.js

@@ -28,4 +28,3 @@ const filterAndTransform = (options, search) => {
 };
 
 exports.filterAndTransform = filterAndTransform;
-//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1,86 @@
+'use strict';
+
+var React = require('react');
+var styled = require('./styled.js');
+var ScrollableDigit = require('../DateTimePickerSelector/components/ScrollableDigit.js');
+require('../DateTimePickerSelector/components/MemoizedTimeCard.js');
+var dateFns = require('date-fns');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const ScrollableMonthYearPicker = ({
+  setDate,
+  date,
+  locale,
+  monthLabel,
+  yearLabel
+}) => {
+  const handleMonthYearChange = (newTime, updateType) => {
+    const newDate = new Date(date);
+    if (updateType === "year") {
+      newDate.setFullYear(Number(newTime));
+    } else if (updateType === "month") {
+      newDate.setMonth(months.indexOf(newTime));
+    }
+    setDate(newDate);
+  };
+  const yearsToShow = 20;
+  const firstYear = (/* @__PURE__ */ new Date()).getFullYear() - 10;
+  const years = React__namespace.useMemo(
+    () => Array.from({ length: yearsToShow }, (_, i) => String(i + firstYear)),
+    [yearsToShow, firstYear]
+  );
+  const months = [...Array(12)].map(
+    (_, index) => dateFns.format((/* @__PURE__ */ new Date()).setMonth(index), "MMM", { locale }).slice(
+      0,
+      3
+    )
+  );
+  const getInitialScrollIndex = (value, data) => {
+    const selectedIndex = data.findIndex((item) => item === value);
+    return selectedIndex >= 0 ? selectedIndex : 0;
+  };
+  return /* @__PURE__ */ React__namespace.createElement(styled.DivStyledColumn, null, /* @__PURE__ */ React__namespace.createElement(styled.DivStyledRow, null, /* @__PURE__ */ React__namespace.createElement(
+    ScrollableDigit,
+    {
+      data: months,
+      timeLabel: monthLabel ?? "Month",
+      handleTimeChange: handleMonthYearChange,
+      initialScrollIndex: getInitialScrollIndex(
+        months[date.getMonth()],
+        months
+      ),
+      updateType: "month",
+      currentTime: months[date.getMonth()]
+    }
+  ), /* @__PURE__ */ React__namespace.createElement(
+    ScrollableDigit,
+    {
+      data: years,
+      timeLabel: yearLabel ?? "Year",
+      handleTimeChange: handleMonthYearChange,
+      initialScrollIndex: getInitialScrollIndex(date.getFullYear(), years),
+      updateType: "year",
+      currentTime: date?.getFullYear().toString()
+    }
+  )));
+};
+
+module.exports = ScrollableMonthYearPicker;

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

@@ -0,0 +1,18 @@
+'use strict';
+
+var styled = require('@emotion/styled');
+
+const DivStyledColumn = styled("div")`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+`;
+const DivStyledRow = styled("div")`
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  flex-direction: row;
+`;
+
+exports.DivStyledColumn = DivStyledColumn;
+exports.DivStyledRow = DivStyledRow;

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

@@ -0,0 +1,77 @@
+'use strict';
+
+var React = require('react');
+var ScrollableDigit = require('../DateTimePickerSelector/components/ScrollableDigit.js');
+require('../DateTimePickerSelector/components/MemoizedTimeCard.js');
+var styled = require('./styled.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const ScrollableTimePicker = ({
+  date,
+  setDate,
+  minuteLabel,
+  hourLabel
+}) => {
+  const handleTimeChange = (newTime, updateType) => {
+    const newDate = new Date(date);
+    if (updateType === "hour") {
+      newDate.setHours(Number(newTime));
+    } else if (updateType === "minute") {
+      newDate.setMinutes(Number(newTime));
+    }
+    setDate(newDate);
+  };
+  const minutes = Array.from({ length: 60 }, (_, i) => String(i));
+  const hours = Array.from({ length: 24 }, (_, i) => String(i));
+  const getInitialScrollIndex = (value, data) => {
+    const selectedIndex = data.findIndex((item) => item === value);
+    return selectedIndex >= 0 ? selectedIndex : 0;
+  };
+  return /* @__PURE__ */ React__namespace.createElement(styled.DivStyledColumn, null, /* @__PURE__ */ React__namespace.createElement(styled.DivStyledRow, null, /* @__PURE__ */ React__namespace.createElement(
+    ScrollableDigit,
+    {
+      data: hours,
+      timeLabel: hourLabel ?? "Hour",
+      handleTimeChange,
+      currentTime: date?.getHours().toString(),
+      updateType: "hour",
+      initialScrollIndex: getInitialScrollIndex(
+        date.getHours().toString(),
+        hours
+      )
+    }
+  ), /* @__PURE__ */ React__namespace.createElement(
+    ScrollableDigit,
+    {
+      data: minutes,
+      timeLabel: minuteLabel ?? "Minute",
+      updateType: "minute",
+      currentTime: date?.getMinutes().toString(),
+      handleTimeChange,
+      initialScrollIndex: getInitialScrollIndex(
+        date.getMinutes().toString(),
+        minutes
+      )
+    }
+  )));
+};
+
+module.exports = ScrollableTimePicker;

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

@@ -0,0 +1,18 @@
+'use strict';
+
+var styled = require('@emotion/styled');
+
+const DivStyledColumn = styled("div")`
+  width: '100%';
+  display: flex;
+  flex-direction: column;
+`;
+const DivStyledRow = styled("div")`
+  width: '100%';
+  display: flex;
+  justify-content: space-between;
+  flex-direction: row;
+`;
+
+exports.DivStyledColumn = DivStyledColumn;
+exports.DivStyledRow = DivStyledRow;

package/dist/cjs/components/molecules/Select/Dropdown/Dropdown.js

@@ -101,4 +101,3 @@ const Component = ({
 const Dropdown = React.forwardRef(Component);
 
 module.exports = Dropdown;
-//# sourceMappingURL=Dropdown.js.map

package/dist/cjs/components/molecules/Select/Dropdown/components/SearchInput.js

@@ -28,4 +28,3 @@ const SearchInput = ({ fullWidth, searchArg, onChange, placeholder }) => {
 var SearchInput$1 = React.memo(SearchInput);
 
 module.exports = SearchInput$1;
-//# sourceMappingURL=SearchInput.js.map

package/dist/cjs/components/molecules/Select/Dropdown/styled.js

@@ -87,4 +87,3 @@ exports.StyledContainerCheckAll = StyledContainerCheckAll;
 exports.StyledContainerDropdown = StyledContainerDropdown;
 exports.StyledContainerTextLabel = StyledContainerTextLabel;
 exports.StyledSpan = StyledSpan;
-//# sourceMappingURL=styled.js.map