@elliemae/ds-label-value 2.3.0-next.0 → 3.0.0-alpha.0

package/cjs/components/props.js

@@ -1,47 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-var propTypes = require('@elliemae/ds-shared/prop-types');
-
-const groupProps = {
-  /**
-   * The elements to be wrapped
-   */
-  children: reactDesc.PropTypes.element.description('The elements to be wrapped'),
-
-  /**
-   * If the label value should be inline
-   */
-  inline: reactDesc.PropTypes.bool.description('If the label value should be inline'),
-
-  /**
-   * 'vertical' or 'horizontal'
-   */
-  orientation: reactDesc.PropTypes.string.description("'vertical' or 'horizontal'")
-};
-const labelProps = {
-  children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.element, reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('Label element').isRequired,
-  position: reactDesc.PropTypes.string.description('labels position').defaultValue(propTypes.position.LEFT),
-  color: reactDesc.PropTypes.string.description('labels color').defaultValue(propTypes.fontColor.NEUTRAL500)
-};
-const wrapperProps = {
-  containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
-  className: reactDesc.PropTypes.string.description('html class attribute'),
-  icon: reactDesc.PropTypes.element.description('Icon to be attached near value'),
-  inverted: reactDesc.PropTypes.bool.description('Changes the position of the label').defaultValue(false),
-  children: reactDesc.PropTypes.element.description('label value').isRequired
-};
-const valueProps = {
-  children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.element, reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('value element').isRequired,
-  size: reactDesc.PropTypes.func.description('values size').defaultValue(propTypes.sizeVariants.M),
-  position: reactDesc.PropTypes.string.description('position of the value').defaultValue(propTypes.position.LEFT),
-  color: reactDesc.PropTypes.string.description('value color').defaultValue(propTypes.fontColor.NEUTRAL700),
-  semibold: reactDesc.PropTypes.bool.description('semibold or not').defaultValue(false)
-};
-
-exports.groupProps = groupProps;
-exports.labelProps = labelProps;
-exports.valueProps = valueProps;
-exports.wrapperProps = wrapperProps;

package/cjs/index.js

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSLabelValue = require('./DSLabelValue.js');
-var Wrapper = require('./components/Wrapper.js');
-var Group = require('./components/Group.js');
-var Label = require('./components/Label.js');
-var Value = require('./components/Value.js');
-
-
-
-exports.DSLabelValue = DSLabelValue["default"];
-exports["default"] = DSLabelValue["default"];
-exports.WrapperWithSchema = Wrapper.WrapperWithSchema;
-exports.GroupWithSchema = Group.GroupWithSchema;
-exports.LabelWithSchema = Label.LabelWithSchema;
-exports.ValueWithSchema = Value.ValueWithSchema;

package/esm/DSLabelValue.js

@@ -1,17 +0,0 @@
-import Wrapper from './components/Wrapper.js';
-export { WrapperWithSchema } from './components/Wrapper.js';
-import Group from './components/Group.js';
-export { GroupWithSchema } from './components/Group.js';
-import Label from './components/Label.js';
-export { LabelWithSchema } from './components/Label.js';
-import Value from './components/Value.js';
-export { ValueWithSchema } from './components/Value.js';
-
-const DSLabelValue = Object.assign(Wrapper, {
-  Group,
-  Wrapper,
-  Label,
-  Value
-});
-
-export { DSLabelValue as default };

package/esm/components/Group.js

@@ -1,38 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { describe } from 'react-desc';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { groupProps } from './props.js';
-import { groupDefault } from './defaultProps.js';
-
-const blockName = 'labelValueGroup';
-const WrapperGroup = aggregatedClasses('div')(blockName, 'wrapper', _ref => {
-  let {
-    orientation,
-    inline
-  } = _ref;
-  return {
-    inline,
-    [orientation]: orientation
-  };
-});
-
-const Group = _ref2 => {
-  let {
-    children,
-    inline,
-    orientation
-  } = _ref2;
-  return /*#__PURE__*/_jsx(WrapperGroup, {
-    classProps: {
-      orientation,
-      inline
-    }
-  }, void 0, children);
-};
-
-Group.defaultProps = groupDefault;
-const GroupWithSchema = describe(Group);
-GroupWithSchema.propTypes = groupProps;
-
-export { GroupWithSchema, Group as default };

package/esm/components/Label.js

@@ -1,38 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { describe } from 'react-desc';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { labelProps } from './props.js';
-import { labelDefault } from './defaultProps.js';
-
-const blockName = 'labelValue';
-const LabelStyled = aggregatedClasses('div')(blockName, 'label', _ref => {
-  let {
-    labelPosition,
-    labelColor
-  } = _ref;
-  return {
-    [labelPosition]: labelPosition,
-    [labelColor]: labelColor
-  };
-});
-
-const Label = _ref2 => {
-  let {
-    children,
-    position: labelPosition,
-    color
-  } = _ref2;
-  return /*#__PURE__*/_jsx(LabelStyled, {
-    classProps: {
-      labelPosition,
-      color
-    }
-  }, void 0, children);
-};
-
-Label.defaultProps = labelDefault;
-const LabelWithSchema = describe(Label);
-LabelWithSchema.propTypes = labelProps;
-
-export { LabelWithSchema, Label as default };

package/esm/components/Value.js

@@ -1,46 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { describe } from 'react-desc';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { valueProps } from './props.js';
-import { valueDefault } from './defaultProps.js';
-
-const blockName = 'labelValue';
-const ValueStyled = aggregatedClasses('div')(blockName, 'value', _ref => {
-  let {
-    size,
-    valuePosition,
-    valueColor,
-    semibold
-  } = _ref;
-  return {
-    [size]: size,
-    [valuePosition]: valuePosition,
-    [valueColor]: valueColor,
-    semibold
-  };
-});
-
-const Value = _ref2 => {
-  let {
-    children,
-    position: valuePosition,
-    size,
-    color: valueColor,
-    semibold = false
-  } = _ref2;
-  return /*#__PURE__*/_jsx(ValueStyled, {
-    classProps: {
-      size,
-      valuePosition,
-      valueColor,
-      semibold
-    }
-  }, void 0, /*#__PURE__*/_jsx("span", {}, void 0, children));
-};
-
-Value.defaultProps = valueDefault;
-const ValueWithSchema = describe(Value);
-ValueWithSchema.propTypes = valueProps;
-
-export { ValueWithSchema, Value as default };

package/esm/components/Wrapper.js

@@ -1,52 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import { describe } from 'react-desc';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { wrapperProps } from './props.js';
-import { wrapperDefault } from './defaultProps.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const blockName = 'labelValue';
-const LabelValueWrapper = aggregatedClasses('div')(blockName, 'label-value-wrapper', () => null);
-const Container = aggregatedClasses('div')(blockName, 'wrapper', _ref => {
-  let {
-    inverted
-  } = _ref;
-  return {
-    inverted
-  };
-});
-
-const Wrapper = _ref2 => {
-  let {
-    containerProps,
-    children,
-    className,
-    icon,
-    inverted
-  } = _ref2;
-  return /*#__PURE__*/_jsx(Container, {
-    classProps: {
-      inverted
-    }
-  }, void 0, icon, /*#__PURE__*/jsx(LabelValueWrapper, _objectSpread(_objectSpread({
-    className: className
-  }, containerProps), {}, {
-    children: children
-  })));
-};
-
-Wrapper.defaultProps = wrapperDefault;
-const WrapperWithSchema = describe(Wrapper);
-WrapperWithSchema.propTypes = wrapperProps;
-
-export { WrapperWithSchema, Wrapper as default };

package/esm/components/props.js

@@ -1,40 +0,0 @@
-import { PropTypes } from 'react-desc';
-import { position, fontColor, sizeVariants } from '@elliemae/ds-shared/prop-types';
-
-const groupProps = {
-  /**
-   * The elements to be wrapped
-   */
-  children: PropTypes.element.description('The elements to be wrapped'),
-
-  /**
-   * If the label value should be inline
-   */
-  inline: PropTypes.bool.description('If the label value should be inline'),
-
-  /**
-   * 'vertical' or 'horizontal'
-   */
-  orientation: PropTypes.string.description("'vertical' or 'horizontal'")
-};
-const labelProps = {
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.number]).description('Label element').isRequired,
-  position: PropTypes.string.description('labels position').defaultValue(position.LEFT),
-  color: PropTypes.string.description('labels color').defaultValue(fontColor.NEUTRAL500)
-};
-const wrapperProps = {
-  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),
-  className: PropTypes.string.description('html class attribute'),
-  icon: PropTypes.element.description('Icon to be attached near value'),
-  inverted: PropTypes.bool.description('Changes the position of the label').defaultValue(false),
-  children: PropTypes.element.description('label value').isRequired
-};
-const valueProps = {
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.number]).description('value element').isRequired,
-  size: PropTypes.func.description('values size').defaultValue(sizeVariants.M),
-  position: PropTypes.string.description('position of the value').defaultValue(position.LEFT),
-  color: PropTypes.string.description('value color').defaultValue(fontColor.NEUTRAL700),
-  semibold: PropTypes.bool.description('semibold or not').defaultValue(false)
-};
-
-export { groupProps, labelProps, valueProps, wrapperProps };

package/esm/index.js

@@ -1,5 +0,0 @@
-export { default as DSLabelValue, default } from './DSLabelValue.js';
-export { WrapperWithSchema } from './components/Wrapper.js';
-export { GroupWithSchema } from './components/Group.js';
-export { LabelWithSchema } from './components/Label.js';
-export { ValueWithSchema } from './components/Value.js';