@elliemae/ds-pills 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/components/Pill.js

@@ -1,60 +1,53 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Pill_exports = {};
-__export(Pill_exports, {
-  DSPillV2: () => DSPillV2,
-  DSPillV2WithSchema: () => DSPillV2WithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_props = require("../props");
-var import_types = require("./types");
+'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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('react');
+var reactDesc = require('react-desc');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var props = require('../props.js');
+var DropdownPill = require('./types/DropdownPill.js');
+var InputPill = require('./types/InputPill.js');
+var LabelPill = require('./types/LabelPill.js');
+var ReadOnlyPill = require('./types/ReadOnlyPill.js');
+var RemovablePill = require('./types/RemovablePill.js');
+var ValuePill = require('./types/ValuePill.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+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 pillComponentGetter = {
-  dropdown: import_types.DropdownPill,
-  input: import_types.InputPill,
-  label: import_types.LabelPill,
-  readonly: import_types.ReadOnlyPill,
-  removable: import_types.RemovablePill,
-  value: import_types.ValuePill
+  dropdown: DropdownPill.DropdownPill,
+  input: InputPill.InputPill,
+  label: LabelPill.LabelPill,
+  readonly: ReadOnlyPill.ReadOnlyPill,
+  removable: RemovablePill.RemovablePill,
+  value: ValuePill.ValuePill
 };
-const DSPillV2 = (props) => {
-  const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.DSPillV2DefaultProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.DSPillV2PropTypes);
-  const { type } = propsWithDefaults;
+
+const DSPillV2 = props$1 => {
+  const propsWithDefaults = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.DSPillV2DefaultProps);
+  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefaults, props.DSPillV2PropTypes);
+  const {
+    type
+  } = propsWithDefaults;
   const PillComponent = pillComponentGetter[type];
-  return /* @__PURE__ */ import_react.default.createElement(PillComponent, {
-    ...propsWithDefaults
-  });
+  return /*#__PURE__*/jsxRuntime.jsx(PillComponent, _objectSpread({}, propsWithDefaults));
 };
-DSPillV2.propTypes = import_props.DSPillV2PropTypes;
-const DSPillV2WithSchema = (0, import_react_desc.describe)(DSPillV2).description("Pill");
-DSPillV2WithSchema.propTypes = import_props.DSPillV2PropTypes;
-module.exports = __toCommonJS(Pill_exports);
-//# sourceMappingURL=Pill.js.map
+
+const DSPillV2WithSchema = reactDesc.describe(DSPillV2).description('Pill');
+DSPillV2WithSchema.propTypes = props.DSPillV2PropTypes;
+
+exports.DSPillV2 = DSPillV2;
+exports.DSPillV2WithSchema = DSPillV2WithSchema;

package/cjs/components/PillButton.js

@@ -1,58 +1,56 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var PillButton_exports = {};
-__export(PillButton_exports, {
-  DSPillButton: () => DSPillButton,
-  DSPillButtonWithSchema: () => DSPillButtonWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_styled = require("./styled");
-var import_props = require("../props");
+'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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('react');
+var reactDesc = require('react-desc');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var styled = require('./styled.js');
+var props = require('../props.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+const _excluded = ["type", "children"];
+
+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 typeToClassName = {
-  only: "ds-pill-button-only",
-  left: "ds-pill-button-left",
-  right: "ds-pill-button-right"
+  only: 'ds-pill-button-only',
+  left: 'ds-pill-button-left',
+  right: 'ds-pill-button-right'
 };
-const DSPillButton = (props) => {
-  const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.DSPillButtonDefaultProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.DSPillButtonPropTypes);
-  const { type, children, ...rest } = propsWithDefaults;
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledPillButton, {
-    ...rest,
+
+const DSPillButton = props$1 => {
+  const propsWithDefaults = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.DSPillButtonDefaultProps);
+  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefaults, props.DSPillButtonPropTypes);
+
+  const {
+    type,
+    children
+  } = propsWithDefaults,
+        rest = _objectWithoutProperties__default["default"](propsWithDefaults, _excluded);
+
+  return /*#__PURE__*/jsxRuntime.jsx(styled.StyledPillButton, _objectSpread(_objectSpread({}, rest), {}, {
     buttonType: "raw",
-    className: `${typeToClassName[type]} ${rest.className}`
-  }, children);
+    className: "".concat(typeToClassName[type], " ").concat(rest.className),
+    children: children
+  }));
 };
-DSPillButton.propTypes = import_props.DSPillButtonPropTypes;
-const DSPillButtonWithSchema = (0, import_react_desc.describe)(DSPillButton).description("Pill button");
-DSPillButtonWithSchema.propTypes = import_props.DSPillButtonPropTypes;
-module.exports = __toCommonJS(PillButton_exports);
-//# sourceMappingURL=PillButton.js.map
+
+const DSPillButtonWithSchema = reactDesc.describe(DSPillButton).description('Pill button');
+DSPillButtonWithSchema.propTypes = props.DSPillButtonPropTypes;
+
+exports.DSPillButton = DSPillButton;
+exports.DSPillButtonWithSchema = DSPillButtonWithSchema;

package/cjs/components/PillGroup.js

@@ -1,72 +1,64 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var PillGroup_exports = {};
-__export(PillGroup_exports, {
-  DSPillGroupV2: () => DSPillGroupV2,
-  DSPillGroupV2Context: () => DSPillGroupV2Context,
-  DSPillGroupV2WithSchema: () => DSPillGroupV2WithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_uid = require("uid");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_props = require("../props");
-var import_styled = require("./styled");
-const DSPillGroupV2Context = (0, import_react.createContext)({
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+var React = require('react');
+var reactDesc = require('react-desc');
+var uid = require('uid');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var props = require('../props.js');
+var styled = require('./styled.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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const DSPillGroupV2Context = /*#__PURE__*/React.createContext({
   onKeyboardRemove: () => null
 });
-const DSPillGroupV2 = (props) => {
-  const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.DSPillGroupDefaultProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.DSPillGroupPropTypes);
-  const pillGroupUid = (0, import_react.useMemo)(() => `ds-pill-group-${(0, import_uid.uid)()}`, []);
-  const { children, width, innerRef } = propsWithDefaults;
-  const onKeyboardRemove = (0, import_react.useCallback)((pillUid) => {
-    const elems = [...document.querySelectorAll(`#${pillGroupUid} .ds-pill-focus-point`)];
-    const pillIndex = elems.findIndex((elem) => elem.id === pillUid);
+
+const DSPillGroupV2 = props$1 => {
+  const propsWithDefaults = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.DSPillGroupDefaultProps);
+  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefaults, props.DSPillGroupPropTypes);
+  const pillGroupUid = React.useMemo(() => "ds-pill-group-".concat(uid.uid()), []);
+  const {
+    children,
+    width,
+    innerRef
+  } = propsWithDefaults;
+  const onKeyboardRemove = React.useCallback(pillUid => {
+    const elems = [...document.querySelectorAll("#".concat(pillGroupUid, " .ds-pill-focus-point"))];
+    const pillIndex = elems.findIndex(elem => elem.id === pillUid);
+
     if (pillIndex > 0) {
       elems[pillIndex - 1].focus();
     } else if (pillIndex + 1 < elems.length) {
       elems[pillIndex + 1].focus();
     }
   }, [pillGroupUid]);
-  return /* @__PURE__ */ import_react.default.createElement(DSPillGroupV2Context.Provider, {
-    value: { onKeyboardRemove }
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledPillGroup, {
-    width,
+  return /*#__PURE__*/_jsx__default["default"](DSPillGroupV2Context.Provider, {
+    value: {
+      onKeyboardRemove
+    }
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.StyledPillGroup, {
+    width: width,
     id: pillGroupUid,
-    cols: import_react.default.Children.map(children, () => "auto"),
+    cols: React__default["default"].Children.map(children, () => 'auto'),
     gutter: "2px",
-    ref: innerRef
-  }, children));
+    ref: innerRef,
+    children: children
+  }));
 };
-DSPillGroupV2.propTypes = import_props.DSPillGroupPropTypes;
-const DSPillGroupV2WithSchema = (0, import_react_desc.describe)(DSPillGroupV2);
-DSPillGroupV2WithSchema.propTypes = import_props.DSPillGroupPropTypes;
-module.exports = __toCommonJS(PillGroup_exports);
-//# sourceMappingURL=PillGroup.js.map
+
+const DSPillGroupV2WithSchema = reactDesc.describe(DSPillGroupV2);
+DSPillGroupV2WithSchema.propTypes = props.DSPillGroupPropTypes;
+
+exports.DSPillGroupV2 = DSPillGroupV2;
+exports.DSPillGroupV2Context = DSPillGroupV2Context;
+exports.DSPillGroupV2WithSchema = DSPillGroupV2WithSchema;

package/cjs/components/index.js

@@ -1,30 +1,17 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var components_exports = {};
-var React = __toESM(require("react"));
-__reExport(components_exports, require("./Pill"));
-__reExport(components_exports, require("./PillGroup"));
-__reExport(components_exports, require("./PillButton"));
-module.exports = __toCommonJS(components_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Pill = require('./Pill.js');
+var PillGroup = require('./PillGroup.js');
+var PillButton = require('./PillButton.js');
+
+
+
+exports.DSPillV2 = Pill.DSPillV2;
+exports.DSPillV2WithSchema = Pill.DSPillV2WithSchema;
+exports.DSPillGroupV2 = PillGroup.DSPillGroupV2;
+exports.DSPillGroupV2Context = PillGroup.DSPillGroupV2Context;
+exports.DSPillGroupV2WithSchema = PillGroup.DSPillGroupV2WithSchema;
+exports.DSPillButton = PillButton.DSPillButton;
+exports.DSPillButtonWithSchema = PillButton.DSPillButtonWithSchema;