@elliemae/ds-label-value 2.3.0-alpha.8 → 2.3.0-next.2

package/cjs/DSLabelValue.js

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

package/cjs/components/Group.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var reactDesc = require('react-desc');
+var dsClassnames = require('@elliemae/ds-classnames');
+var props = require('./props.js');
+var defaultProps = require('./defaultProps.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const blockName = 'labelValueGroup';
+const WrapperGroup = dsClassnames.aggregatedClasses('div')(blockName, 'wrapper', _ref => {
+  let {
+    orientation,
+    inline
+  } = _ref;
+  return {
+    inline,
+    [orientation]: orientation
+  };
+});
+
+const Group = _ref2 => {
+  let {
+    children,
+    inline,
+    orientation
+  } = _ref2;
+  return /*#__PURE__*/_jsx__default["default"](WrapperGroup, {
+    classProps: {
+      orientation,
+      inline
+    }
+  }, void 0, children);
+};
+
+Group.defaultProps = defaultProps.groupDefault;
+const GroupWithSchema = reactDesc.describe(Group);
+GroupWithSchema.propTypes = props.groupProps;
+
+exports.GroupWithSchema = GroupWithSchema;
+exports["default"] = Group;

package/cjs/components/Label.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var reactDesc = require('react-desc');
+var dsClassnames = require('@elliemae/ds-classnames');
+var props = require('./props.js');
+var defaultProps = require('./defaultProps.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const blockName = 'labelValue';
+const LabelStyled = dsClassnames.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__default["default"](LabelStyled, {
+    classProps: {
+      labelPosition,
+      color
+    }
+  }, void 0, children);
+};
+
+Label.defaultProps = defaultProps.labelDefault;
+const LabelWithSchema = reactDesc.describe(Label);
+LabelWithSchema.propTypes = props.labelProps;
+
+exports.LabelWithSchema = LabelWithSchema;
+exports["default"] = Label;

package/cjs/components/Value.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var reactDesc = require('react-desc');
+var dsClassnames = require('@elliemae/ds-classnames');
+var props = require('./props.js');
+var defaultProps = require('./defaultProps.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const blockName = 'labelValue';
+const ValueStyled = dsClassnames.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__default["default"](ValueStyled, {
+    classProps: {
+      size,
+      valuePosition,
+      valueColor,
+      semibold
+    }
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, children));
+};
+
+Value.defaultProps = defaultProps.valueDefault;
+const ValueWithSchema = reactDesc.describe(Value);
+ValueWithSchema.propTypes = props.valueProps;
+
+exports.ValueWithSchema = ValueWithSchema;
+exports["default"] = Value;

package/cjs/components/Wrapper.js

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('react');
+var reactDesc = require('react-desc');
+var dsClassnames = require('@elliemae/ds-classnames');
+var props = require('./props.js');
+var defaultProps = require('./defaultProps.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+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__default["default"](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 = dsClassnames.aggregatedClasses('div')(blockName, 'label-value-wrapper', () => null);
+const Container = dsClassnames.aggregatedClasses('div')(blockName, 'wrapper', _ref => {
+  let {
+    inverted
+  } = _ref;
+  return {
+    inverted
+  };
+});
+
+const Wrapper = _ref2 => {
+  let {
+    containerProps,
+    children,
+    className,
+    icon,
+    inverted
+  } = _ref2;
+  return /*#__PURE__*/_jsx__default["default"](Container, {
+    classProps: {
+      inverted
+    }
+  }, void 0, icon, /*#__PURE__*/jsxRuntime.jsx(LabelValueWrapper, _objectSpread(_objectSpread({
+    className: className
+  }, containerProps), {}, {
+    children: children
+  })));
+};
+
+Wrapper.defaultProps = defaultProps.wrapperDefault;
+const WrapperWithSchema = reactDesc.describe(Wrapper);
+WrapperWithSchema.propTypes = props.wrapperProps;
+
+exports.WrapperWithSchema = WrapperWithSchema;
+exports["default"] = Wrapper;

package/cjs/components/defaultProps.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var propTypes = require('@elliemae/ds-shared/prop-types');
+
+const groupDefault = {
+  inline: false,
+  orientation: propTypes.orientationVariants.VERTICAL
+};
+const labelDefault = {
+  position: propTypes.position.LEFT,
+  color: propTypes.fontColor.NEUTRAL500
+};
+const valueDefault = {
+  position: propTypes.position.LEFT,
+  size: propTypes.sizeVariants.M,
+  color: propTypes.fontColor.NEUTRAL700,
+  semibold: false
+};
+const wrapperDefault = {
+  containerProps: {},
+  className: '',
+  icon: null,
+  inverted: false
+};
+
+exports.groupDefault = groupDefault;
+exports.labelDefault = labelDefault;
+exports.valueDefault = valueDefault;
+exports.wrapperDefault = wrapperDefault;

package/cjs/components/props.js

@@ -0,0 +1,47 @@
+'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

@@ -0,0 +1,18 @@
+'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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,38 @@
+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

@@ -0,0 +1,38 @@
+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

@@ -0,0 +1,46 @@
+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

@@ -0,0 +1,52 @@
+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/{dist/esm → esm}/components/defaultProps.js

@@ -1,10 +1,5 @@
-import * as React from "react";
-import {
-  orientationVariants,
-  position,
-  sizeVariants,
-  fontColor
-} from "@elliemae/ds-shared/prop-types";
+import { orientationVariants, position, fontColor, sizeVariants } from '@elliemae/ds-shared/prop-types';
+
 const groupDefault = {
   inline: false,
   orientation: orientationVariants.VERTICAL
@@ -21,14 +16,9 @@ const valueDefault = {
 };
 const wrapperDefault = {
   containerProps: {},
-  className: "",
+  className: '',
   icon: null,
   inverted: false
 };
-export {
-  groupDefault,
-  labelDefault,
-  valueDefault,
-  wrapperDefault
-};
-//# sourceMappingURL=defaultProps.js.map
+
+export { groupDefault, labelDefault, valueDefault, wrapperDefault };

package/esm/components/props.js

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1,5 @@
+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';