@elliemae/ds-pills 2.3.1 → 3.0.0-alpha.3

package/package.json

@@ -1,127 +1,130 @@
 {
   "name": "@elliemae/ds-pills",
-  "version": "2.3.1",
+  "version": "3.0.0-alpha.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Pills",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./utils": {
-      "import": "./esm/utils.js",
-      "require": "./cjs/utils.js"
+      "import": "./dist/esm/utils.js",
+      "require": "./dist/cjs/utils.js"
     },
     "./props": {
-      "import": "./esm/props.js",
-      "require": "./cjs/props.js"
+      "import": "./dist/esm/props.js",
+      "require": "./dist/cjs/props.js"
     },
     "./deprecated/RemovablePill": {
-      "import": "./esm/deprecated/RemovablePill.js",
-      "require": "./cjs/deprecated/RemovablePill.js"
+      "import": "./dist/esm/deprecated/RemovablePill.js",
+      "require": "./dist/cjs/deprecated/RemovablePill.js"
     },
     "./deprecated/ReadOnlyPill": {
-      "import": "./esm/deprecated/ReadOnlyPill.js",
-      "require": "./cjs/deprecated/ReadOnlyPill.js"
+      "import": "./dist/esm/deprecated/ReadOnlyPill.js",
+      "require": "./dist/cjs/deprecated/ReadOnlyPill.js"
     },
     "./deprecated/PillGroup": {
-      "import": "./esm/deprecated/PillGroup.js",
-      "require": "./cjs/deprecated/PillGroup.js"
+      "import": "./dist/esm/deprecated/PillGroup.js",
+      "require": "./dist/cjs/deprecated/PillGroup.js"
     },
     "./deprecated/Pill": {
-      "import": "./esm/deprecated/Pill.js",
-      "require": "./cjs/deprecated/Pill.js"
+      "import": "./dist/esm/deprecated/Pill.js",
+      "require": "./dist/cjs/deprecated/Pill.js"
     },
     "./deprecated/OverflowPill": {
-      "import": "./esm/deprecated/OverflowPill.js",
-      "require": "./cjs/deprecated/OverflowPill.js"
+      "import": "./dist/esm/deprecated/OverflowPill.js",
+      "require": "./dist/cjs/deprecated/OverflowPill.js"
     },
     "./deprecated/LabeledPills": {
-      "import": "./esm/deprecated/LabeledPills.js",
-      "require": "./cjs/deprecated/LabeledPills.js"
+      "import": "./dist/esm/deprecated/LabeledPills.js",
+      "require": "./dist/cjs/deprecated/LabeledPills.js"
     },
     "./deprecated/LabeledDropdownPillsTypes/utils": {
-      "import": "./esm/deprecated/LabeledDropdownPillsTypes/utils.js",
-      "require": "./cjs/deprecated/LabeledDropdownPillsTypes/utils.js"
+      "import": "./dist/esm/deprecated/LabeledDropdownPillsTypes/utils.js",
+      "require": "./dist/cjs/deprecated/LabeledDropdownPillsTypes/utils.js"
     },
     "./deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill": {
-      "import": "./esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js",
-      "require": "./cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js"
+      "import": "./dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js",
+      "require": "./dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js"
     },
     "./deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill": {
-      "import": "./esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js",
-      "require": "./cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js"
+      "import": "./dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js",
+      "require": "./dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js"
     },
     "./deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill": {
-      "import": "./esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js",
-      "require": "./cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js"
+      "import": "./dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js",
+      "require": "./dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js"
     },
     "./deprecated/LabeledDropdownPills": {
-      "import": "./esm/deprecated/LabeledDropdownPills.js",
-      "require": "./cjs/deprecated/LabeledDropdownPills.js"
+      "import": "./dist/esm/deprecated/LabeledDropdownPills.js",
+      "require": "./dist/cjs/deprecated/LabeledDropdownPills.js"
     },
     "./deprecated/InputPill": {
-      "import": "./esm/deprecated/InputPill.js",
-      "require": "./cjs/deprecated/InputPill.js"
+      "import": "./dist/esm/deprecated/InputPill.js",
+      "require": "./dist/cjs/deprecated/InputPill.js"
     },
     "./deprecated": {
-      "import": "./esm/deprecated/index.js",
-      "require": "./cjs/deprecated/index.js"
+      "import": "./dist/esm/deprecated/index.js",
+      "require": "./dist/cjs/deprecated/index.js"
     },
     "./deprecated/DropdownPill": {
-      "import": "./esm/deprecated/DropdownPill.js",
-      "require": "./cjs/deprecated/DropdownPill.js"
+      "import": "./dist/esm/deprecated/DropdownPill.js",
+      "require": "./dist/cjs/deprecated/DropdownPill.js"
     },
     "./components/types/ValuePill": {
-      "import": "./esm/components/types/ValuePill.js",
-      "require": "./cjs/components/types/ValuePill.js"
+      "import": "./dist/esm/components/types/ValuePill.js",
+      "require": "./dist/cjs/components/types/ValuePill.js"
     },
     "./components/types/RemovablePill": {
-      "import": "./esm/components/types/RemovablePill.js",
-      "require": "./cjs/components/types/RemovablePill.js"
+      "import": "./dist/esm/components/types/RemovablePill.js",
+      "require": "./dist/cjs/components/types/RemovablePill.js"
     },
     "./components/types/ReadOnlyPill": {
-      "import": "./esm/components/types/ReadOnlyPill.js",
-      "require": "./cjs/components/types/ReadOnlyPill.js"
+      "import": "./dist/esm/components/types/ReadOnlyPill.js",
+      "require": "./dist/cjs/components/types/ReadOnlyPill.js"
     },
     "./components/types/LabelPill": {
-      "import": "./esm/components/types/LabelPill.js",
-      "require": "./cjs/components/types/LabelPill.js"
+      "import": "./dist/esm/components/types/LabelPill.js",
+      "require": "./dist/cjs/components/types/LabelPill.js"
     },
     "./components/types/InputPill": {
-      "import": "./esm/components/types/InputPill.js",
-      "require": "./cjs/components/types/InputPill.js"
+      "import": "./dist/esm/components/types/InputPill.js",
+      "require": "./dist/cjs/components/types/InputPill.js"
     },
     "./components/types": {
-      "import": "./esm/components/types/index.js",
-      "require": "./cjs/components/types/index.js"
+      "import": "./dist/esm/components/types/index.js",
+      "require": "./dist/cjs/components/types/index.js"
     },
     "./components/types/DropdownPill": {
-      "import": "./esm/components/types/DropdownPill.js",
-      "require": "./cjs/components/types/DropdownPill.js"
+      "import": "./dist/esm/components/types/DropdownPill.js",
+      "require": "./dist/cjs/components/types/DropdownPill.js"
     },
     "./components/styled": {
-      "import": "./esm/components/styled.js",
-      "require": "./cjs/components/styled.js"
+      "import": "./dist/esm/components/styled.js",
+      "require": "./dist/cjs/components/styled.js"
     },
     "./components/PillGroup": {
-      "import": "./esm/components/PillGroup.js",
-      "require": "./cjs/components/PillGroup.js"
+      "import": "./dist/esm/components/PillGroup.js",
+      "require": "./dist/cjs/components/PillGroup.js"
     },
     "./components/PillButton": {
-      "import": "./esm/components/PillButton.js",
-      "require": "./cjs/components/PillButton.js"
+      "import": "./dist/esm/components/PillButton.js",
+      "require": "./dist/cjs/components/PillButton.js"
     },
     "./components/Pill": {
-      "import": "./esm/components/Pill.js",
-      "require": "./cjs/components/Pill.js"
+      "import": "./dist/esm/components/Pill.js",
+      "require": "./dist/cjs/components/Pill.js"
     },
     "./components": {
-      "import": "./esm/components/index.js",
-      "require": "./cjs/components/index.js"
+      "import": "./dist/esm/components/index.js",
+      "require": "./dist/cjs/components/index.js"
     }
   },
   "sideEffects": [
@@ -133,31 +136,31 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.1",
-    "@elliemae/ds-classnames": "2.3.1",
-    "@elliemae/ds-dropdownmenu": "2.3.1",
-    "@elliemae/ds-form": "2.3.1",
-    "@elliemae/ds-grid": "2.3.1",
-    "@elliemae/ds-icons": "2.3.1",
-    "@elliemae/ds-modal": "2.3.1",
-    "@elliemae/ds-popover": "2.3.1",
-    "@elliemae/ds-props-helpers": "2.3.1",
-    "@elliemae/ds-shared": "2.3.1",
-    "@elliemae/ds-system": "2.3.1",
-    "@elliemae/ds-tooltip": "2.3.1",
-    "@elliemae/ds-truncated-tooltip-text": "2.3.1",
-    "@elliemae/ds-utilities": "2.3.1",
+    "@elliemae/ds-button": "3.0.0-alpha.3",
+    "@elliemae/ds-classnames": "3.0.0-alpha.3",
+    "@elliemae/ds-dropdownmenu": "3.0.0-alpha.3",
+    "@elliemae/ds-form": "3.0.0-alpha.3",
+    "@elliemae/ds-grid": "3.0.0-alpha.3",
+    "@elliemae/ds-icons": "3.0.0-alpha.3",
+    "@elliemae/ds-modal": "3.0.0-alpha.3",
+    "@elliemae/ds-popover": "3.0.0-alpha.3",
+    "@elliemae/ds-props-helpers": "3.0.0-alpha.3",
+    "@elliemae/ds-shared": "3.0.0-alpha.3",
+    "@elliemae/ds-system": "3.0.0-alpha.3",
+    "@elliemae/ds-tooltip": "3.0.0-alpha.3",
+    "@elliemae/ds-truncated-tooltip-text": "3.0.0-alpha.3",
+    "@elliemae/ds-utilities": "3.0.0-alpha.3",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "uid": "~2.0.0"
@@ -175,7 +178,13 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/components/Pill.js

@@ -1,53 +0,0 @@
-'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: DropdownPill.DropdownPill,
-  input: InputPill.InputPill,
-  label: LabelPill.LabelPill,
-  readonly: ReadOnlyPill.ReadOnlyPill,
-  removable: RemovablePill.RemovablePill,
-  value: ValuePill.ValuePill
-};
-
-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__*/jsxRuntime.jsx(PillComponent, _objectSpread({}, propsWithDefaults));
-};
-
-const DSPillV2WithSchema = reactDesc.describe(DSPillV2).description('Pill');
-DSPillV2WithSchema.propTypes = props.DSPillV2PropTypes;
-
-exports.DSPillV2 = DSPillV2;
-exports.DSPillV2WithSchema = DSPillV2WithSchema;

package/cjs/components/PillButton.js

@@ -1,56 +0,0 @@
-'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'
-};
-
-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: "".concat(typeToClassName[type], " ").concat(rest.className),
-    children: children
-  }));
-};
-
-const DSPillButtonWithSchema = reactDesc.describe(DSPillButton).description('Pill button');
-DSPillButtonWithSchema.propTypes = props.DSPillButtonPropTypes;
-
-exports.DSPillButton = DSPillButton;
-exports.DSPillButtonWithSchema = DSPillButtonWithSchema;

package/cjs/components/PillGroup.js

@@ -1,87 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-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');
-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 React = require('react');
-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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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 DSPillGroupV2Context = /*#__PURE__*/React.createContext({
-  onKeyboardRemove: () => null,
-  onKeyboardNavigation: () => null
-});
-
-const DSPillGroupV2 = props$1 => {
-  const propsWithDefaults = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.DSPillGroupDefaultProps);
-  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefaults, props.DSPillGroupPropTypes);
-  const globalAttrs = dsPropsHelpers.useGetGlobalAttributes(propsWithDefaults);
-  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]);
-  const onKeyboardNavigation = React.useCallback((pillUid, step, e) => {
-    const elems = [...document.querySelectorAll("#".concat(pillGroupUid, " .ds-pill-focus-point"))];
-    const pillIndex = elems.findIndex(elem => elem.id === pillUid);
-
-    if (pillIndex >= 0) {
-      if (elems[pillIndex + step]) {
-        e.stopPropagation();
-        elems[pillIndex + step].focus();
-      }
-    }
-  }, [pillGroupUid]);
-  return /*#__PURE__*/_jsx__default["default"](DSPillGroupV2Context.Provider, {
-    value: {
-      onKeyboardRemove,
-      onKeyboardNavigation
-    }
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.StyledPillGroup, _objectSpread(_objectSpread({}, globalAttrs), {}, {
-    width: width,
-    id: pillGroupUid,
-    cols: React__default["default"].Children.map(children, () => 'auto'),
-    gutter: "2px",
-    ref: innerRef,
-    children: children
-  })));
-};
-
-const DSPillGroupV2WithSchema = dsPropsHelpers.describe(DSPillGroupV2);
-DSPillGroupV2WithSchema.propTypes = props.DSPillGroupPropTypes;
-
-exports.DSPillGroupV2 = DSPillGroupV2;
-exports.DSPillGroupV2Context = DSPillGroupV2Context;
-exports.DSPillGroupV2WithSchema = DSPillGroupV2WithSchema;

package/cjs/components/index.js

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

package/cjs/components/styled.js

@@ -1,85 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-var Grid = require('@elliemae/ds-grid');
-var dsButton = require('@elliemae/ds-button');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-
-var _templateObject, _templateObject2;
-// Common CSS
-// =============================================================================
-
-const borderOutside = function (color) {
-  let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  let zIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
-  let borderRadius = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '12px';
-  return dsSystem.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  :after {\n    content: ' ';\n    position: absolute;\n    top: 0px;\n    left: 0px;\n    right: 0px;\n    bottom: 0px;\n    border: ", "px solid ", ";\n    border-top-left-radius: ", ";\n    border-top-right-radius: ", ";\n    border-bottom-left-radius: ", ";\n    border-bottom-right-radius: ", ";\n    pointer-events: none;\n    z-index: ", ";\n  }\n"])), size, color, borderRadius, borderRadius, borderRadius, borderRadius, zIndex);
-};
-
-const commonPillWrapperCss = dsSystem.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n  height: ", ";\n\n  position: relative;\n\n  width: fit-content;\n\n  background-color: ", ";\n\n  outline: none;\n\n  white-space: nowrap;\n\n  padding: 0px 12px 0 12px;\n  border-radius: 12px;\n\n  font-size: 13px;\n  line-height: 1;\n  color: ", ";\n  ", ";\n"])), props => (props === null || props === void 0 ? void 0 : props.size) === 'm' ? '24px' : '18px', props => props.theme.colors.brand[200], props => props.theme.colors.brand[800], props => borderOutside(props.theme.colors.brand[300])); // =============================================================================
-// Pills wrappers
-// =============================================================================
-
-const StyledLabelPillWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-j0tlch-0"
-})(["", " font-weight:", ";padding-left:", ";"], commonPillWrapperCss, props => props.theme.fontWeights.semibold, props => props.hasIcon ? '0px !important' : '12px');
-const StyledValuePillWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-j0tlch-1"
-})(["", " font-weight:", ";padding-left:", ";"], commonPillWrapperCss, props => props.theme.fontWeights.regular, props => props.hasIcon ? '0px !important' : '12px');
-const StyledInputPillWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-j0tlch-2"
-})(["", " background:", ";padding:0;", ":focus-within{", "}:active{", "}& .em-ds-input{outline:none !important;border:none !important;box-shadow:none !important;border-radius:0 !important;height:100%;background:transparent;width:", ";padding:0;margin:0 0 0 8px;}& .em-ds-input__tooltip-ref{height:100%;}"], commonPillWrapperCss, props => props.theme.colors.neutral['000'], _ref => {
-  let {
-    value,
-    theme
-  } = _ref;
-  return borderOutside(value === '' ? theme.colors.neutral[400] : theme.colors.brand[500]);
-}, props => props.inputHasFocus ? borderOutside(props.theme.colors.brand[700], 2) : '', props => props.inputHasFocus ? borderOutside(props.theme.colors.brand[500]) : '', props => "".concat(props.inputWidth + (props.value === '' ? 24 : 0), "px"));
-const StyledDropdownPillWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-j0tlch-3"
-})(["", " font-weight:", ";padding:0 0 0 12px;"], commonPillWrapperCss, props => props.theme.fontWeights.semibold);
-const StyledReadonlyPillWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-j0tlch-4"
-})(["", " font-weight:", ";padding-right:", ";padding-left:", ";"], commonPillWrapperCss, props => props.theme.fontWeights.semibold, props => props.hasIconRight ? '0 !important' : '12px', props => props.hasIconLeft ? '0 !important' : '12px');
-const StyledRemovablePillWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-j0tlch-5"
-})(["", " font-weight:", ";padding:0 0 0 12px;"], commonPillWrapperCss, props => props.theme.fontWeights.regular); // =============================================================================
-// Pill group
-// =============================================================================
-
-const StyledPillGroup = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-j0tlch-6"
-})(["width:", ";& .ds-pill-wrapper{&:not(:first-of-type){&,:after,:before,.ds-pill-tooltip-value:after{border-top-left-radius:0px;border-bottom-left-radius:0px;}}&:not(:last-of-type){&,:after,:before,.ds-pill-tooltip-value:after{border-top-right-radius:0px;border-bottom-right-radius:0px;}}}& .ds-pill-wrapper-label,& .ds-pill-wrapper-value,& .ds-pill-wrapper-readonly{&:not(:first-of-type){padding-left:8px;}&:not(:last-of-type){padding-right:8px;}}& .ds-pill-wrapper-removable:not(:first-of-type){padding-left:8px;}& .ds-pill-wrapper-dropdown:not(:first-of-type){padding-left:8px;}& .ds-pill-wrapper{:not(:first-of-type){.ds-pill-button-left{border-radius:0px;}.ds-pill-button-only{border-top-left-radius:0px;border-bottom-left-radius:0px;}}:not(:last-of-type){.ds-pill-button-right{border-radius:0px;}.ds-pill-button-only{border-top-right-radius:0px;border-bottom-right-radius:0px;}}}"], _ref2 => {
-  let {
-    width
-  } = _ref2;
-  return width;
-}); // =============================================================================
-// Extra stuff
-// =============================================================================
-
-const StyledSpanWithTooltip = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-j0tlch-7"
-})(["outline:none;:focus{", "}"], props => borderOutside(props.theme.colors.brand[700], 2, 3));
-const StyledPillButton = /*#__PURE__*/styled__default["default"](dsButton.DSButtonV2).withConfig({
-  componentId: "sc-j0tlch-8"
-})(["display:grid;place-items:center;position:relative;padding:0;width:", ";height:", ";border-radius:12px;:focus{", "}cursor:pointer;"], props => props.width, props => props.height, props => borderOutside(props.theme.colors.brand[700], 2, 3, 'inherit'));
-
-exports.StyledDropdownPillWrapper = StyledDropdownPillWrapper;
-exports.StyledInputPillWrapper = StyledInputPillWrapper;
-exports.StyledLabelPillWrapper = StyledLabelPillWrapper;
-exports.StyledPillButton = StyledPillButton;
-exports.StyledPillGroup = StyledPillGroup;
-exports.StyledReadonlyPillWrapper = StyledReadonlyPillWrapper;
-exports.StyledRemovablePillWrapper = StyledRemovablePillWrapper;
-exports.StyledSpanWithTooltip = StyledSpanWithTooltip;
-exports.StyledValuePillWrapper = StyledValuePillWrapper;