@dxc-technology/halstack-react 0.0.0-a7fec42 → 0.0.0-a88c0fe

package/dropdown/DropdownMenuItem.js

@@ -1,92 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _useTheme = _interopRequireDefault(require("../useTheme"));
-
-var _templateObject, _templateObject2, _templateObject3;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-
-var DropdownMenuItem = function DropdownMenuItem(_ref) {
-  var id = _ref.id,
-      visuallyFocused = _ref.visuallyFocused,
-      iconPosition = _ref.iconPosition,
-      _onClick = _ref.onClick,
-      option = _ref.option;
-  var colorsTheme = (0, _useTheme["default"])();
-  return /*#__PURE__*/_react["default"].createElement(_styledComponents.ThemeProvider, {
-    theme: colorsTheme.dropdown
-  }, /*#__PURE__*/_react["default"].createElement(DropdownMenuItemContainer, {
-    visuallyFocused: visuallyFocused,
-    onClick: function onClick() {
-      _onClick(option.value);
-    },
-    id: id,
-    role: "menuitem",
-    tabIndex: -1
-  }, iconPosition === "after" && /*#__PURE__*/_react["default"].createElement(DropdownMenuItemLabel, null, option.label), option.icon && /*#__PURE__*/_react["default"].createElement(DropdownMenuItemIcon, {
-    iconPosition: iconPosition,
-    label: option.label,
-    role: typeof option.icon === "string" ? undefined : "img"
-  }, typeof option.icon === "string" ? /*#__PURE__*/_react["default"].createElement("img", {
-    src: option.icon
-  }) : option.icon), iconPosition === "before" && /*#__PURE__*/_react["default"].createElement(DropdownMenuItemLabel, null, option.label)));
-};
-
-var DropdownMenuItemContainer = _styledComponents["default"].li(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  min-height: 36px;\n  padding-top: ", ";\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  cursor: pointer;\n\n  ", "\n  &:hover {\n    background-color: ", ";\n  }\n  &:active {\n    background-color: ", ";\n  }\n"])), function (props) {
-  return props.theme.optionIconSpacing;
-}, function (props) {
-  return props.theme.optionPaddingTop;
-}, function (props) {
-  return props.theme.optionPaddingBottom;
-}, function (props) {
-  return props.theme.optionPaddingLeft;
-}, function (props) {
-  return props.theme.optionPaddingRight;
-}, function (props) {
-  return props.visuallyFocused && "outline: ".concat(props.theme.focusColor, " solid 2px; outline-offset: -2px;");
-}, function (props) {
-  return props.theme.hoverOptionBackgroundColor;
-}, function (props) {
-  return props.theme.activeOptionBackgroundColor;
-});
-
-var DropdownMenuItemLabel = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  font-family: ", ";\n  font-size: ", ";\n  font-style: ", ";\n  font-weight: ", ";\n  line-height: 1.5rem;\n  color: ", ";\n"])), function (props) {
-  return props.theme.optionFontFamily;
-}, function (props) {
-  return props.theme.optionFontSize;
-}, function (props) {
-  return props.theme.optionFontStyle;
-}, function (props) {
-  return props.theme.optionFontWeight;
-}, function (props) {
-  return props.theme.optionFontColor;
-});
-
-var DropdownMenuItemIcon = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  color: ", ";\n\n  img,\n  svg {\n    width: ", ";\n    height: ", ";\n  }\n"])), function (props) {
-  return props.theme.optionIconColor;
-}, function (props) {
-  return props.theme.optionIconSize;
-}, function (props) {
-  return props.theme.optionIconSize;
-});
-
-var _default = /*#__PURE__*/_react["default"].memo(DropdownMenuItem);
-
-exports["default"] = _default;

package/dropdown/types.d.ts

@@ -1,100 +0,0 @@
-/// <reference types="react" />
-export declare type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
-export declare type Margin = {
-    top?: Space;
-    bottom?: Space;
-    left?: Space;
-    right?: Space;
-};
-export declare type Size = "small" | "medium" | "large" | "fillParent" | "fitContent";
-declare type SVG = React.ReactNode & React.SVGProps<SVGSVGElement>;
-export declare type Option = {
-    /**
-     * Option display value.
-     */
-    label?: string;
-    /**
-     * Element or path used as the icon that will be placed next to the
-     * option label.
-     */
-    icon?: string | SVG;
-    /**
-     * Option inner value.
-     */
-    value: string;
-};
-declare type Props = {
-    /**
-     * An array of objects representing the options.
-     */
-    options: Option[];
-    /**
-     * In case options include icons, whether the icon should appear
-     * after or before the label.
-     */
-    optionsIconPosition?: "before" | "after";
-    /**
-     * Element or path used as the icon that will be placed next to the
-     * dropdown label.
-     */
-    icon?: string | SVG;
-    /**
-     * Whether the icon should appear after or before the label.
-     */
-    iconPosition?: "before" | "after";
-    /**
-     * Text to be placed within the dropdown.
-     */
-    label?: string;
-    /**
-     * Whether the arrow next to the label must be displayed or not.
-     */
-    caretHidden?: boolean;
-    /**
-     * This function will be called every time the selection changes.
-     * The value of the selected option will be passed as a parameter.
-     */
-    onSelectOption: (value: string) => void;
-    /**
-     * If true, the options are showed when the dropdown is hover.
-     */
-    expandOnHover?: boolean;
-    /**
-     * Size of the margin to be applied to the component.
-     * You can pass an object with 'top', 'bottom', 'left' and 'right'
-     * properties in order to specify different margin sizes.
-     */
-    margin?: Space | Margin;
-    /**
-     * Size of the component.
-     */
-    size?: Size;
-    /**
-     * Value of the tabindex.
-     */
-    tabIndex?: number;
-    /**
-     * If true, the component will be disabled.
-     */
-    disabled?: boolean;
-};
-export declare type DropdownMenuProps = {
-    id: string;
-    dropdownTriggerId: string;
-    iconsPosition: "before" | "after";
-    visualFocusIndex: number;
-    menuItemOnClick: (value: string) => void;
-    onKeyDown: (event: React.KeyboardEvent<HTMLUListElement>) => void;
-    options: Option[];
-    styles: {
-        width: number;
-    };
-};
-export declare type DropdownMenuItemProps = {
-    id: string;
-    visuallyFocused: boolean;
-    iconPosition: "before" | "after";
-    onClick: (value: string) => void;
-    option: Option;
-};
-export default Props;

package/dropdown/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/file-input/FileInput.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import FileInputPropsType from "./types";
-declare const DxcFileInput: ({ name, mode, label, buttonLabel, dropAreaLabel, helperText, accept, minSize, maxSize, showPreview, multiple, disabled, callbackFile, value, margin, tabIndex, }: FileInputPropsType) => JSX.Element;
-export default DxcFileInput;