@gympass/yoga 7.87.1 → 7.88.0

package/esm/Dropdown/Dropdown.theme.js

@@ -1,185 +0,0 @@
-import { hexToRgb } from '@gympass/yoga-common';
-
-var Dropdown = function Dropdown(_ref) {
-  var colors = _ref.colors,
-      fontSizes = _ref.fontSizes,
-      fontWeights = _ref.fontWeights,
-      lineHeights = _ref.lineHeights,
-      radii = _ref.radii,
-      spacing = _ref.spacing,
-      borders = _ref.borders;
-  return {
-    width: 320,
-    selector: {
-      background: colors.white,
-      padding: {
-        top: spacing.small,
-        right: spacing.small,
-        bottom: spacing.small,
-        left: spacing.small
-      },
-      border: {
-        width: borders.small,
-        radius: radii.small,
-        color: colors.elements.lineAndBorders
-      }
-    },
-    arrow: {
-      fill: colors.text.secondary
-    },
-    input: {
-      font: {
-        color: colors.text.secondary,
-        size: fontSizes.small,
-        lineHeight: lineHeights.small
-      },
-      label: {
-        color: colors.text.primary,
-        margin: {
-          left: spacing.xxxsmall
-        }
-      }
-    },
-    button: {
-      padding: {
-        right: spacing.small,
-        top: spacing.small,
-        bottom: spacing.small
-      }
-    },
-    optionsList: {
-      backgroundColor: colors.white,
-      border: {
-        radius: {
-          topLeft: radii.sharp,
-          topRight: radii.sharp,
-          bottomRight: radii.small,
-          bottomLeft: radii.small
-        },
-        width: borders.small,
-        color: colors.text.primary
-      }
-    },
-    option: {
-      height: spacing.xxlarge,
-      backgroundColor: colors.white,
-      padding: {
-        top: spacing.zero,
-        right: spacing.small,
-        bottom: spacing.zero,
-        left: spacing.small
-      },
-      border: {
-        width: borders.small,
-        color: colors.elements.backgroundAndDisabled,
-        radius: {
-          topLeft: radii.sharp,
-          topRight: radii.sharp,
-          bottomRight: radii.small,
-          bottomLeft: radii.small
-        }
-      },
-      font: {
-        color: colors.text.primary,
-        size: fontSizes.small,
-        lineHeight: lineHeights.small,
-        weight: fontWeights.regular
-      }
-    },
-    backdrop: {
-      content: {
-        height: 320,
-        backgroundColor: colors.white,
-        border: {
-          radius: {
-            topLeft: radii.small,
-            topRight: radii.small
-          }
-        },
-        title: {
-          padding: {
-            top: spacing.medium,
-            right: spacing.zero,
-            bottom: spacing.medium,
-            left: spacing.zero
-          },
-          font: {
-            weight: fontWeights.bold,
-            size: fontSizes.medium
-          }
-        },
-        option: {
-          padding: {
-            top: spacing.large,
-            right: spacing.large,
-            bottom: spacing.large,
-            left: spacing.large
-          }
-        },
-        actions: {
-          padding: {
-            top: spacing.zero,
-            right: spacing.large,
-            bottom: spacing.large,
-            left: spacing.large
-          }
-        }
-      }
-    },
-    hover: {
-      selector: {
-        border: {
-          color: colors.text.primary,
-          error: colors.verve
-        }
-      },
-      option: {
-        backgroundColor: hexToRgb(colors.elements.backgroundAndDisabled, 0.5)
-      }
-    },
-    disabled: {
-      selector: {
-        border: {
-          color: colors.elements.backgroundAndDisabled
-        }
-      },
-      input: {
-        font: {
-          color: colors.text.disabled
-        }
-      },
-      arrow: {
-        fill: colors.elements.lineAndBorders
-      }
-    },
-    selected: {
-      selector: {
-        border: {
-          color: colors.text.primary
-        }
-      },
-      arrow: {
-        fill: colors.text.primary
-      },
-      input: {
-        font: {
-          color: colors.text.primary
-        }
-      },
-      optionsList: {
-        border: {
-          color: colors.text.primary
-        }
-      },
-      option: {
-        font: {
-          color: colors.text.primary,
-          weight: fontWeights.medium,
-          size: fontSizes.medium
-        }
-      }
-    }
-  };
-};
-
-export default Dropdown;

package/esm/Dropdown/index.js

@@ -1,2 +0,0 @@
-import Dropdown from './web';
-export default Dropdown;

package/esm/Dropdown/index.native.js

@@ -1,2 +0,0 @@
-import Dropdown from './native';
-export default Dropdown;

package/esm/Dropdown/native/Backdrop.js

@@ -1,93 +0,0 @@
-var _excluded = ["visible", "title", "children", "onClose", "theme"];
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-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); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React, { useEffect, useState } from 'react';
-import styled, { withTheme } from 'styled-components';
-import { node, string, func, bool } from 'prop-types';
-import { Animated, TouchableWithoutFeedback, Easing, Modal } from 'react-native';
-import Text from '../../Text';
-var ClosableArea = styled(Animated.View)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var colors = _ref.theme.yoga.colors;
-  return "\n    position: relative;\n    width: 100%;\n    height: 100%;\n\n    background-color: " + colors.text.primary + ";\n  ";
-});
-var ContentWrapper = styled(Animated.View)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  justify-content: flex-end;\n\n  width: 100%;\n"])));
-var Content = styled.View(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
-  var dropdown = _ref2.theme.yoga.components.dropdown;
-  return "\n    justify-content: center;\n    width: 100%;\n\n    background-color: " + dropdown.backdrop.content.backgroundColor + ";\n    border-top-left-radius: " + dropdown.backdrop.content.border.radius.topLeft + "px;\n    border-top-right-radius: " + dropdown.backdrop.content.border.radius.topRight + "px;\n  ";
-});
-var Title = styled(Text.Bold)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref3) {
-  var dropdown = _ref3.theme.yoga.components.dropdown;
-  return "\n    width: 100%;\n    padding:\n      " + dropdown.backdrop.content.title.padding.top + "px\n      " + dropdown.backdrop.content.title.padding.right + "px\n      " + dropdown.backdrop.content.title.padding.bottom + "px\n      " + dropdown.backdrop.content.title.padding.left + "px;\n\n    font-size: " + dropdown.backdrop.content.title.font.size + "px;\n\n    text-align: center;\n  ";
-});
-
-var Backdrop = function Backdrop(_ref4) {
-  var visible = _ref4.visible,
-      title = _ref4.title,
-      children = _ref4.children,
-      onClose = _ref4.onClose,
-      _ref4$theme$yoga = _ref4.theme.yoga,
-      transition = _ref4$theme$yoga.transition,
-      dropdown = _ref4$theme$yoga.components.dropdown,
-      props = _objectWithoutPropertiesLoose(_ref4, _excluded);
-
-  var _useState = useState(visible),
-      isOpen = _useState[0],
-      toggleIsOpen = _useState[1];
-
-  var _useState2 = useState(new Animated.Value(0)),
-      backgroundAnimation = _useState2[0];
-
-  var _useState3 = useState(new Animated.Value(-dropdown.backdrop.content.height)),
-      contentAnimation = _useState3[0];
-
-  var animate = function animate(animation, toValue) {
-    return Animated.timing(animation, {
-      toValue: toValue,
-      duration: transition.duration[0],
-      easing: Easing.out(Easing.ease),
-      useNativeDriver: false
-    }).start(function () {
-      return !visible && toggleIsOpen(false);
-    });
-  };
-
-  useEffect(function () {
-    if (visible) toggleIsOpen(true);
-    animate(backgroundAnimation, visible ? 0.5 : 0);
-    animate(contentAnimation, visible ? 0 : -dropdown.backdrop.content.height);
-  }, [visible]);
-  return isOpen && /*#__PURE__*/React.createElement(Modal, _extends({}, props, {
-    transparent: true,
-    animationType: "none"
-  }), /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
-    onPress: onClose
-  }, /*#__PURE__*/React.createElement(ClosableArea, {
-    style: {
-      opacity: backgroundAnimation
-    }
-  })), /*#__PURE__*/React.createElement(ContentWrapper, {
-    style: {
-      bottom: contentAnimation
-    }
-  }, /*#__PURE__*/React.createElement(Content, null, title && /*#__PURE__*/React.createElement(Title, null, title), children)));
-};
-
-Backdrop.propTypes = {
-  visible: bool,
-  title: string,
-  children: node.isRequired,
-  onClose: func
-};
-Backdrop.defaultProps = {
-  visible: false,
-  title: null,
-  onClose: function onClose() {}
-};
-export default withTheme(Backdrop);

package/esm/Dropdown/native/Backdrop.test.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import { ThemeProvider } from '../..';
-import Backdrop from './Backdrop';
-jest.useFakeTimers();
-describe('<Backdrop />', function () {
-  describe('Snapshots', function () {
-    it('should match snapshot', function () {
-      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Backdrop, {
-        title: "Find an Activity"
-      }, "Some Content"))),
-          toJSON = _render.toJSON;
-
-      expect(toJSON()).toMatchSnapshot();
-    });
-    it('should match snapshot when visible', function () {
-      var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Backdrop, {
-        visible: true,
-        title: "Find an Activity"
-      }, "Some Content"))),
-          toJSON = _render2.toJSON;
-
-      expect(toJSON()).toMatchSnapshot();
-    });
-  });
-});

package/esm/Dropdown/native/Dropdown.js

@@ -1,142 +0,0 @@
-var _excluded = ["error", "label", "disabled", "full", "options", "cancelActionLabel", "confirmActionLabel", "onChange", "theme"];
-
-var _templateObject, _templateObject2;
-
-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); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React, { useState } from 'react';
-import styled, { withTheme } from 'styled-components';
-import { arrayOf, func, shape, number, string, bool, oneOfType } from 'prop-types';
-import { TouchableWithoutFeedback, View } from 'react-native';
-import { ChevronDown } from '@gympass/yoga-icons';
-import Options from './Options';
-import Backdrop from './Backdrop';
-import Text from '../../Text';
-import Helper from '../../Input/native/Helper';
-var Selector = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var disabled = _ref.disabled,
-      selected = _ref.selected,
-      error = _ref.error,
-      full = _ref.full,
-      _ref$theme$yoga = _ref.theme.yoga,
-      colors = _ref$theme$yoga.colors,
-      dropdown = _ref$theme$yoga.components.dropdown;
-  return "\n    position: relative;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n\n    width: " + (full ? '100%' : dropdown.width + "px") + ";\n    padding: " + dropdown.selector.padding.top + "px\n      " + dropdown.selector.padding.right + "px\n      " + dropdown.selector.padding.bottom + "px\n      " + dropdown.selector.padding.left + "px;\n\n    background-color: " + dropdown.selector.background + ";\n    border-radius: " + dropdown.selector.border.radius + "px;\n    border-width: " + dropdown.selector.border.width + "px;\n    border-style: solid;\n    border-color: " + (error ? colors.feedback.attention[1] : dropdown.selector.border.color) + ";\n\n    " + (disabled ? "border-color: " + dropdown.disabled.selector.border.color + ";" : '') + ";\n    " + (selected ? "border-color: " + dropdown.selected.selector.border.color + ";" : '') + ";\n  ";
-});
-var Label = styled(Text)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
-  var disabled = _ref2.disabled,
-      selected = _ref2.selected,
-      dropdown = _ref2.theme.yoga.components.dropdown;
-  return "\n    color: " + dropdown.input.font.color + ";\n    " + (disabled ? "color: " + dropdown.disabled.input.font.color + ";" : '') + "\n    " + (selected ? "color: " + dropdown.selected.input.font.color + ";" : '') + "\n  ";
-});
-
-var getSelectedOption = function getSelectedOption(options) {
-  return options.find(function (item) {
-    return item.selected === true;
-  });
-};
-/** Gympass Dropdown is a multiple choice type of menu. */
-
-
-var Dropdown = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
-  var error = _ref3.error,
-      label = _ref3.label,
-      disabled = _ref3.disabled,
-      full = _ref3.full,
-      options = _ref3.options,
-      cancelActionLabel = _ref3.cancelActionLabel,
-      confirmActionLabel = _ref3.confirmActionLabel,
-      onChange = _ref3.onChange,
-      dropdown = _ref3.theme.yoga.components.dropdown,
-      rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
-
-  var _useState = useState(getSelectedOption(options)),
-      selected = _useState[0],
-      toggleIsSelected = _useState[1];
-
-  var _useState2 = useState(false),
-      isOpen = _useState2[0],
-      toggleIsOpen = _useState2[1];
-
-  var iconColor = function iconColor() {
-    if (disabled) return dropdown.disabled.arrow.fill;
-    if (selected) return dropdown.selected.arrow.fill;
-    return dropdown.arrow.fill;
-  };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
-    accessibilityRole: "button",
-    onPress: function onPress() {
-      return !disabled && toggleIsOpen(true);
-    }
-  }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Selector, _extends({
-    full: full,
-    disabled: disabled,
-    selected: selected,
-    error: error
-  }, rest, {
-    ref: ref
-  }), /*#__PURE__*/React.createElement(Label, {
-    disabled: disabled,
-    selected: selected
-  }, selected && selected.label || label), /*#__PURE__*/React.createElement(ChevronDown, {
-    width: 20,
-    height: 20,
-    fill: iconColor()
-  })), error && !selected && /*#__PURE__*/React.createElement(Helper, {
-    error: error
-  }))), /*#__PURE__*/React.createElement(Backdrop, {
-    visible: isOpen,
-    title: label,
-    onClose: function onClose() {
-      return toggleIsOpen(false);
-    }
-  }, /*#__PURE__*/React.createElement(Options, {
-    options: options,
-    selectedOption: selected,
-    cancelActionLabel: cancelActionLabel,
-    confirmActionLabel: confirmActionLabel,
-    onClose: function onClose() {
-      return toggleIsOpen(false);
-    },
-    onSelect: function onSelect(item) {
-      toggleIsSelected(item);
-      onChange(item);
-      toggleIsOpen(false);
-    }
-  })));
-});
-Dropdown.propTypes = {
-  label: string,
-  disabled: bool,
-  error: string,
-  full: bool,
-
-  /** { label (string), value (string or number), selected: (boolean) } */
-  options: arrayOf(shape({
-    label: string,
-    value: oneOfType([string, number]),
-    selected: bool
-  })).isRequired,
-
-  /** Cancel label that will be shown in iOS option chooser */
-  cancelActionLabel: string,
-
-  /** Confirm label that will be shown in iOS option chooser */
-  confirmActionLabel: string,
-  onChange: func
-};
-Dropdown.defaultProps = {
-  label: '',
-  error: undefined,
-  full: false,
-  cancelActionLabel: 'Cancel',
-  confirmActionLabel: 'Confirm',
-  disabled: false,
-  onChange: function onChange() {}
-};
-export default withTheme(Dropdown);

package/esm/Dropdown/native/Dropdown.test.js

@@ -1,78 +0,0 @@
-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); }
-
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import { ThemeProvider, Dropdown } from '../..';
-jest.useFakeTimers();
-var dropdownProps = {
-  label: 'Find an activity to love',
-  options: [{
-    label: 'Yoga',
-    value: 'yoga'
-  }, {
-    label: 'Crossfit',
-    value: 'crossfit'
-  }, {
-    label: 'Tenis',
-    value: 'tenis'
-  }, {
-    label: 'Soccer',
-    value: 'soccer'
-  }, {
-    label: 'Pilates',
-    value: 'pilates'
-  }, {
-    label: 'Run',
-    value: 'running'
-  }]
-};
-describe('<Dropdown />', function () {
-  describe('Snapshots', function () {
-    it('should match snapshot', function () {
-      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Dropdown, dropdownProps))),
-          toJSON = _render.toJSON;
-
-      expect(toJSON()).toMatchSnapshot();
-    });
-    it('should match snapshot when disabled', function () {
-      var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Dropdown, _extends({
-        disabled: true
-      }, dropdownProps)))),
-          toJSON = _render2.toJSON;
-
-      expect(toJSON()).toMatchSnapshot();
-    });
-    it('should match snapshot when full', function () {
-      var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Dropdown, _extends({
-        full: true
-      }, dropdownProps)))),
-          toJSON = _render3.toJSON;
-
-      expect(toJSON()).toMatchSnapshot();
-    });
-    it('should match snapshot when has a selected value', function () {
-      var selectedOption = {
-        label: 'Swimming',
-        value: 'swimming',
-        selected: true
-      };
-      var props = dropdownProps;
-      props.options.push(selectedOption);
-
-      var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Dropdown, _extends({
-        disabled: true
-      }, props)))),
-          toJSON = _render4.toJSON;
-
-      expect(toJSON()).toMatchSnapshot();
-    });
-    it('should match snapshot with error', function () {
-      var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Dropdown, _extends({}, dropdownProps, {
-        error: "Please, select one activity"
-      })))),
-          toJSON = _render5.toJSON;
-
-      expect(toJSON()).toMatchSnapshot();
-    });
-  });
-});

package/esm/Dropdown/native/Options.android.js

@@ -1,66 +0,0 @@
-var _templateObject, _templateObject2;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React from 'react';
-import styled from 'styled-components';
-import { func, arrayOf, string, shape, number, oneOfType } from 'prop-types';
-import { TouchableWithoutFeedback } from 'react-native';
-import Text from '../../Text';
-import List from '../../List';
-var Option = styled(List.Item)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var isSelected = _ref.isSelected,
-      dropdown = _ref.theme.yoga.components.dropdown;
-  return "\n    padding:\n      " + dropdown.backdrop.content.option.padding.top + "px\n      " + dropdown.backdrop.content.option.padding.right + "px\n      " + dropdown.backdrop.content.option.padding.bottom + "px\n      " + dropdown.backdrop.content.option.padding.left + "px;\n\n    border-bottom-width: " + dropdown.option.border.width + "px;\n    background-color: " + (isSelected ? "" + dropdown.hover.option.backgroundColor : 'transparent') + ";\n  ";
-});
-var OptionText = styled.Text(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
-  var isSelected = _ref2.isSelected,
-      dropdown = _ref2.theme.yoga.components.dropdown;
-  return "\n    font-size: " + dropdown.option.font.size + "px;\n    line-height: " + dropdown.option.font.lineHeight + "px;\n    color: " + (isSelected ? "" + dropdown.selected.option.font.color : "" + dropdown.option.font.color) + ";\n  ";
-});
-
-var Options = function Options(_ref3) {
-  var options = _ref3.options,
-      selectedOption = _ref3.selectedOption,
-      onSelect = _ref3.onSelect;
-  return /*#__PURE__*/React.createElement(List, {
-    style: {
-      height: 60 * 3.6
-    },
-    data: options.map(function (item) {
-      return item;
-    }),
-    keyExtractor: function keyExtractor(_, index) {
-      return index.toString();
-    },
-    renderItem: function renderItem(_ref4) {
-      var item = _ref4.item;
-      return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
-        onPress: function onPress() {
-          return onSelect(item);
-        }
-      }, /*#__PURE__*/React.createElement(Option, {
-        key: item.value,
-        isSelected: selectedOption && selectedOption.value === item.value
-      }, /*#__PURE__*/React.createElement(OptionText, {
-        isSelected: selectedOption && selectedOption.value === item.value,
-        as: selectedOption && selectedOption.value === item.value ? Text.Bold : Text.Regular
-      }, item.label)));
-    }
-  });
-};
-
-var optionShape = {
-  label: string,
-  value: oneOfType([string, number])
-};
-Options.propTypes = {
-  options: arrayOf(shape(optionShape)).isRequired,
-  selectedOption: shape(optionShape),
-  onSelect: func
-};
-Options.defaultProps = {
-  selectedOption: null,
-  onSelect: function onSelect() {}
-};
-export default Options;

package/esm/Dropdown/native/Options.ios.js

@@ -1,71 +0,0 @@
-var _templateObject, _templateObject2;
-
-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); }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React, { useState } from 'react';
-import styled, { withTheme } from 'styled-components';
-import { func, arrayOf, string, shape, oneOfType, number } from 'prop-types';
-import { Picker } from '@react-native-picker/picker';
-import Button from '../../Button';
-var PickerStyled = styled(Picker)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 190px;\n"])));
-var PickerActions = styled.View(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var dropdown = _ref.theme.yoga.components.dropdown;
-  return "\n    flex-direction: row;\n    justify-content: space-between;\n\n    padding:\n      " + dropdown.backdrop.content.actions.padding.top + "px\n      " + dropdown.backdrop.content.actions.padding.right + "px\n      " + dropdown.backdrop.content.actions.padding.bottom + "px\n      " + dropdown.backdrop.content.actions.padding.left + "px;\n  ";
-});
-
-var Options = function Options(_ref2) {
-  var options = _ref2.options,
-      selectedOption = _ref2.selectedOption,
-      cancelActionLabel = _ref2.cancelActionLabel,
-      confirmActionLabel = _ref2.confirmActionLabel,
-      onSelect = _ref2.onSelect,
-      onClose = _ref2.onClose,
-      baseFont = _ref2.theme.yoga.baseFont;
-
-  var _useState = useState(selectedOption),
-      selected = _useState[0],
-      setSelected = _useState[1];
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PickerStyled, {
-    selectedValue: selected && selected.value,
-    onValueChange: function onValueChange(itemValue) {
-      return setSelected(options.find(function (option) {
-        return option.value === itemValue;
-      }));
-    },
-    itemStyle: {
-      fontFamily: baseFont.family
-    }
-  }, options.map(function (item) {
-    return /*#__PURE__*/React.createElement(Picker.Item, _extends({
-      key: item
-    }, item));
-  })), /*#__PURE__*/React.createElement(PickerActions, null, /*#__PURE__*/React.createElement(Button.Link, {
-    onPress: onClose
-  }, cancelActionLabel), /*#__PURE__*/React.createElement(Button.Link, {
-    onPress: function onPress() {
-      return onSelect(selected);
-    }
-  }, confirmActionLabel)));
-};
-
-var optionShape = {
-  label: string,
-  value: oneOfType([string, number])
-};
-Options.propTypes = {
-  options: arrayOf(shape(optionShape)).isRequired,
-  selectedOption: shape(optionShape),
-  cancelActionLabel: string.isRequired,
-  confirmActionLabel: string.isRequired,
-  onSelect: func,
-  onClose: func
-};
-Options.defaultProps = {
-  selectedOption: null,
-  onSelect: function onSelect() {},
-  onClose: function onClose() {}
-};
-export default withTheme(Options);

package/esm/Dropdown/native/index.js

@@ -1,2 +0,0 @@
-import Dropdown from './Dropdown';
-export default Dropdown;

package/esm/Feedback/Feedback.theme.js

@@ -1,9 +0,0 @@
-var Feedback = function Feedback() {
-  return {
-    text: {
-      maxWidth: 520
-    }
-  };
-};
-
-export default Feedback;