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

package/dist/esm/deprecated/RemovablePill.js

@@ -1,49 +0,0 @@
-import * as React from "react";
-import React2, { useRef } from "react";
-import { PropTypes, describe } from "react-desc";
-import { isFunction } from "@elliemae/ds-utilities";
-import { CloseXsmall } from "@elliemae/ds-icons";
-import { useFocusGroupItem } from "@elliemae/ds-shared/FocusGroup/useFocusGroupItem";
-import { Pill } from "./Pill";
-function RemovablePill({ containerProps = {}, label = "", onRemove, size = "m", leftAddon }) {
-  const ref = useRef(null);
-  const { focusPrevious } = useFocusGroupItem(ref);
-  return /* @__PURE__ */ React2.createElement(Pill, {
-    className: "removable-pill",
-    "data-testid": "removable-pill",
-    containerProps,
-    innerRef: ref,
-    size,
-    label,
-    leftAddon,
-    onKeyDown: (e) => {
-      if (e.key === "Backspace" && isFunction(onRemove)) {
-        onRemove();
-        if (isFunction(focusPrevious))
-          focusPrevious();
-      }
-    },
-    rightAddon: /* @__PURE__ */ React2.createElement(CloseXsmall, {
-      role: "button",
-      "data-testid": "remove-pill-button",
-      className: "remove-pill-button",
-      onClick: onRemove
-    }),
-    tabIndex: -1
-  });
-}
-const props = {
-  containerProps: PropTypes.object.description("props injected to component wrapper"),
-  label: PropTypes.string.isRequired.description("pill text label"),
-  onRemove: PropTypes.func.description("remove click callback"),
-  size: PropTypes.oneOf(["m", "l"]).description("pill size"),
-  leftAddon: PropTypes.node.description("addon component to left")
-};
-RemovablePill.propTypes = props;
-const DSRemovablePillWithSchema = describe(RemovablePill);
-DSRemovablePillWithSchema.propTypes = props;
-export {
-  DSRemovablePillWithSchema,
-  RemovablePill
-};
-//# sourceMappingURL=RemovablePill.js.map

package/dist/esm/deprecated/RemovablePill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/RemovablePill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { useFocusGroupItem } from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';\nimport { Pill } from './Pill';\n\nfunction RemovablePill({ containerProps = {}, label = '', onRemove, size = 'm', leftAddon }) {\n  const ref = useRef(null);\n  const { focusPrevious } = useFocusGroupItem(ref);\n  return (\n    <Pill\n      className=\"removable-pill\"\n      data-testid=\"removable-pill\"\n      containerProps={containerProps}\n      innerRef={ref}\n      size={size}\n      label={label}\n      leftAddon={leftAddon}\n      onKeyDown={(e) => {\n        if (e.key === 'Backspace' && isFunction(onRemove)) {\n          onRemove();\n          if (isFunction(focusPrevious)) focusPrevious();\n        }\n      }}\n      rightAddon={\n        <CloseXsmall role=\"button\" data-testid=\"remove-pill-button\" className=\"remove-pill-button\" onClick={onRemove} />\n      }\n      tabIndex={-1}\n    />\n  );\n}\n\nconst props = {\n  /** props injected to component wrapper */\n  containerProps: PropTypes.object.description('props injected to component wrapper'),\n  /** labeled pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** remove click callback */\n  onRemove: PropTypes.func.description('remove click callback'),\n  /** pill size */\n  size: PropTypes.oneOf(['m', 'l']).description('pill size'),\n  /** addon component to left */\n  leftAddon: PropTypes.node.description('addon component to left'),\n};\n\nRemovablePill.propTypes = props;\nconst DSRemovablePillWithSchema = describe(RemovablePill);\nDSRemovablePillWithSchema.propTypes = props;\n\nexport { RemovablePill, DSRemovablePillWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,uBAAuB,EAAE,iBAAiB,IAAI,QAAQ,IAAI,UAAU,OAAO,KAAK,aAAa;AAC3F,QAAM,MAAM,OAAO;AACnB,QAAM,EAAE,kBAAkB,kBAAkB;AAC5C,SACE,qCAAC,MAAD;AAAA,IACE,WAAU;AAAA,IACV,eAAY;AAAA,IACZ;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,CAAC,MAAM;AAChB,UAAI,EAAE,QAAQ,eAAe,WAAW,WAAW;AACjD;AACA,YAAI,WAAW;AAAgB;AAAA;AAAA;AAAA,IAGnC,YACE,qCAAC,aAAD;AAAA,MAAa,MAAK;AAAA,MAAS,eAAY;AAAA,MAAqB,WAAU;AAAA,MAAqB,SAAS;AAAA;AAAA,IAEtG,UAAU;AAAA;AAAA;AAKhB,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAE7C,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,MAAM,UAAU,MAAM,CAAC,KAAK,MAAM,YAAY;AAAA,EAE9C,WAAW,UAAU,KAAK,YAAY;AAAA;AAGxC,cAAc,YAAY;AAC1B,MAAM,4BAA4B,SAAS;AAC3C,0BAA0B,YAAY;",
-  "names": []
-}

package/dist/esm/deprecated/index.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-export * from "./Pill";
-export * from "./PillGroup";
-export * from "./LabeledDropdownPills";
-export * from "./LabeledPills";
-export * from "./DropdownPill";
-export * from "./RemovablePill";
-export * from "./ReadOnlyPill";
-export * from "./OverflowPill";
-import { default as default2 } from "./Pill";
-export {
-  default2 as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/deprecated/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './Pill';\nexport * from './PillGroup';\nexport * from './LabeledDropdownPills';\nexport * from './LabeledPills';\nexport * from './DropdownPill';\nexport * from './RemovablePill';\nexport * from './ReadOnlyPill';\nexport * from './OverflowPill';\n\nexport { default } from './Pill';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;",
-  "names": []
-}

package/dist/esm/index.d.js

@@ -1,2 +0,0 @@
-import * as React from "react";
-//# sourceMappingURL=index.d.js.map

package/dist/esm/index.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA;",
-  "names": []
-}

package/dist/esm/index.js

@@ -1,8 +0,0 @@
-import * as React from "react";
-export * from "./deprecated";
-export * from "./components";
-import { default as default2 } from "./deprecated";
-export {
-  default2 as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './deprecated';\nexport * from './components';\nexport { default } from './deprecated';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;",
-  "names": []
-}

package/dist/esm/props.js

@@ -1,66 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-import { DSInput } from "@elliemae/ds-form";
-const pillTypes = PropTypes.oneOf(["label", "value", "input", "dropdown", "removable", "readonly"]);
-const DSPillV2PropTypes = {
-  label: PropTypes.string.description("Label to show in the pill").isRequired,
-  type: pillTypes.description("The type of pill that you want to render").isRequired,
-  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)").defaultValue(() => null),
-  size: PropTypes.oneOf(["s", "m"]).description("Vertical pill size").defaultValue("m"),
-  ariaLabel: PropTypes.string.description("Aria label for the pill. If not provided we will use the label").defaultValue(""),
-  labelTruncated: PropTypes.bool.description("Whether to truncate the pills label").defaultValue(true),
-  tooltipValue: PropTypes.string.description("String to show as a tooltip in the value pill").defaultValue(""),
-  iconLeft: PropTypes.node.description("A component to show int the left of a readonly pill").defaultValue(null),
-  iconRight: PropTypes.node.description("A component to show in the right of a readonly pill").defaultValue(null),
-  onRemove: PropTypes.func.description("Callback triggered when removing a pill with the close icon").defaultValue(() => null),
-  inputPlaceholder: PropTypes.string.description("Placeholder for the input pill").defaultValue(""),
-  onInputChange: PropTypes.func.description("Callback triggered when user provides input to the input pill").defaultValue(() => null),
-  onInputClear: PropTypes.func.description("Callback triggered when the user clears an input pill").defaultValue(() => null),
-  inputWidth: PropTypes.number.description("Width in pixels for the input tag in the input pill").defaultValue(150),
-  dropdownProps: PropTypes.object.description("Properties that will be used for the dropdown-menu").defaultValue({}),
-  onDropdownClick: PropTypes.func.description("Callback when dropdown button is clicked or pressed").defaultValue(() => null)
-};
-const DSPillButtonPropTypes = {
-  type: PropTypes.oneOf(["only", "left", "right"]).description("The position in which this button will be placed. Only used for css styling internally").defaultValue("right"),
-  width: PropTypes.string.description("Width of the button").defaultValue("100%"),
-  height: PropTypes.string.description("Height of the button").defaultValue("100%")
-};
-const DSPillGroupPropTypes = {
-  width: PropTypes.string.description("Width of the group").defaultValue("fit-content"),
-  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("Reference to the pill group wrapper").defaultValue(() => null)
-};
-const DSPillV2DefaultProps = {
-  innerRef: () => null,
-  ariaLabel: "",
-  size: "m",
-  labelTruncated: true,
-  tooltipValue: "",
-  iconLeft: null,
-  iconRight: null,
-  onRemove: () => null,
-  inputPlaceholder: "",
-  onInputChange: () => null,
-  onInputClear: () => null,
-  inputWidth: 72,
-  inputRender: DSInput,
-  dropdownProps: {},
-  onDropdownClick: () => null
-};
-const DSPillButtonDefaultProps = {
-  type: "right",
-  width: "100%",
-  height: "100%"
-};
-const DSPillGroupDefaultProps = {
-  width: "fit-content",
-  innerRef: () => null
-};
-export {
-  DSPillButtonDefaultProps,
-  DSPillButtonPropTypes,
-  DSPillGroupDefaultProps,
-  DSPillGroupPropTypes,
-  DSPillV2DefaultProps,
-  DSPillV2PropTypes
-};
-//# sourceMappingURL=props.js.map

package/dist/esm/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport { PropTypes } from 'react-desc';\nimport { DSInput } from '@elliemae/ds-form';\n\nconst pillTypes = PropTypes.oneOf(['label', 'value', 'input', 'dropdown', 'removable', 'readonly']);\n\nexport const DSPillV2PropTypes = {\n  label: PropTypes.string.description('Label to show in the pill').isRequired,\n  type: pillTypes.description('The type of pill that you want to render').isRequired,\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n    .description('Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)')\n    .defaultValue(() => null),\n  size: PropTypes.oneOf(['s', 'm']).description('Vertical pill size').defaultValue('m'),\n  ariaLabel: PropTypes.string\n    .description('Aria label for the pill. If not provided we will use the label')\n    .defaultValue(''),\n  labelTruncated: PropTypes.bool.description('Whether to truncate the pills label').defaultValue(true),\n  tooltipValue: PropTypes.string.description('String to show as a tooltip in the value pill').defaultValue(''),\n  iconLeft: PropTypes.node.description('A component to show int the left of a readonly pill').defaultValue(null),\n  iconRight: PropTypes.node.description('A component to show in the right of a readonly pill').defaultValue(null),\n  onRemove: PropTypes.func\n    .description('Callback triggered when removing a pill with the close icon')\n    .defaultValue(() => null),\n  inputPlaceholder: PropTypes.string.description('Placeholder for the input pill').defaultValue(''),\n  onInputChange: PropTypes.func\n    .description('Callback triggered when user provides input to the input pill')\n    .defaultValue(() => null),\n  onInputClear: PropTypes.func\n    .description('Callback triggered when the user clears an input pill')\n    .defaultValue(() => null),\n  inputWidth: PropTypes.number.description('Width in pixels for the input tag in the input pill').defaultValue(150),\n  dropdownProps: PropTypes.object.description('Properties that will be used for the dropdown-menu').defaultValue({}),\n  onDropdownClick: PropTypes.func\n    .description('Callback when dropdown button is clicked or pressed')\n    .defaultValue(() => null),\n};\n\nexport const DSPillButtonPropTypes = {\n  type: PropTypes.oneOf(['only', 'left', 'right'])\n    .description('The position in which this button will be placed. Only used for css styling internally')\n    .defaultValue('right'),\n  width: PropTypes.string.description('Width of the button').defaultValue('100%'),\n  height: PropTypes.string.description('Height of the button').defaultValue('100%'),\n};\n\nexport const DSPillGroupPropTypes = {\n  width: PropTypes.string.description('Width of the group').defaultValue('fit-content'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n    .description('Reference to the pill group wrapper')\n    .defaultValue(() => null),\n};\n\nexport const DSPillV2DefaultProps = {\n  innerRef: () => null,\n  ariaLabel: '',\n  size: 'm',\n  labelTruncated: true,\n  tooltipValue: '',\n  iconLeft: null,\n  iconRight: null,\n  onRemove: () => null,\n  inputPlaceholder: '',\n  onInputChange: () => null,\n  onInputClear: () => null,\n  inputWidth: 72,\n  inputRender: DSInput,\n  dropdownProps: {},\n  onDropdownClick: () => null,\n};\n\nexport const DSPillButtonDefaultProps = {\n  type: 'right',\n  width: '100%',\n  height: '100%',\n};\n\nexport const DSPillGroupDefaultProps = {\n  width: 'fit-content',\n  innerRef: () => null,\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AAEA,MAAM,YAAY,UAAU,MAAM,CAAC,SAAS,SAAS,SAAS,YAAY,aAAa;AAEhF,MAAM,oBAAoB;AAAA,EAC/B,OAAO,UAAU,OAAO,YAAY,6BAA6B;AAAA,EACjE,MAAM,UAAU,YAAY,4CAA4C;AAAA,EACxE,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OACxD,YAAY,oGACZ,aAAa,MAAM;AAAA,EACtB,MAAM,UAAU,MAAM,CAAC,KAAK,MAAM,YAAY,sBAAsB,aAAa;AAAA,EACjF,WAAW,UAAU,OAClB,YAAY,kEACZ,aAAa;AAAA,EAChB,gBAAgB,UAAU,KAAK,YAAY,uCAAuC,aAAa;AAAA,EAC/F,cAAc,UAAU,OAAO,YAAY,iDAAiD,aAAa;AAAA,EACzG,UAAU,UAAU,KAAK,YAAY,uDAAuD,aAAa;AAAA,EACzG,WAAW,UAAU,KAAK,YAAY,uDAAuD,aAAa;AAAA,EAC1G,UAAU,UAAU,KACjB,YAAY,+DACZ,aAAa,MAAM;AAAA,EACtB,kBAAkB,UAAU,OAAO,YAAY,kCAAkC,aAAa;AAAA,EAC9F,eAAe,UAAU,KACtB,YAAY,iEACZ,aAAa,MAAM;AAAA,EACtB,cAAc,UAAU,KACrB,YAAY,yDACZ,aAAa,MAAM;AAAA,EACtB,YAAY,UAAU,OAAO,YAAY,uDAAuD,aAAa;AAAA,EAC7G,eAAe,UAAU,OAAO,YAAY,sDAAsD,aAAa;AAAA,EAC/G,iBAAiB,UAAU,KACxB,YAAY,uDACZ,aAAa,MAAM;AAAA;AAGjB,MAAM,wBAAwB;AAAA,EACnC,MAAM,UAAU,MAAM,CAAC,QAAQ,QAAQ,UACpC,YAAY,0FACZ,aAAa;AAAA,EAChB,OAAO,UAAU,OAAO,YAAY,uBAAuB,aAAa;AAAA,EACxE,QAAQ,UAAU,OAAO,YAAY,wBAAwB,aAAa;AAAA;AAGrE,MAAM,uBAAuB;AAAA,EAClC,OAAO,UAAU,OAAO,YAAY,sBAAsB,aAAa;AAAA,EACvE,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OACxD,YAAY,uCACZ,aAAa,MAAM;AAAA;AAGjB,MAAM,uBAAuB;AAAA,EAClC,UAAU,MAAM;AAAA,EAChB,WAAW;AAAA,EACX,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU,MAAM;AAAA,EAChB,kBAAkB;AAAA,EAClB,eAAe,MAAM;AAAA,EACrB,cAAc,MAAM;AAAA,EACpB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,eAAe;AAAA,EACf,iBAAiB,MAAM;AAAA;AAGlB,MAAM,2BAA2B;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA;AAGH,MAAM,0BAA0B;AAAA,EACrC,OAAO;AAAA,EACP,UAAU,MAAM;AAAA;",
-  "names": []
-}

package/dist/esm/utils.js

@@ -1,17 +0,0 @@
-import * as React from "react";
-const setMultipleRefs = (...refs) => (_ref) => {
-  refs.forEach((ref) => {
-    if (!ref || !_ref)
-      return;
-    if (typeof ref === "function") {
-      ref(_ref);
-      return;
-    }
-    if (ref)
-      ref.current = _ref;
-  });
-};
-export {
-  setMultipleRefs
-};
-//# sourceMappingURL=utils.js.map

package/dist/esm/utils.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/utils.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "type refInterfaceType = React.MutableRefObject<HTMLElement> | ((_ref: HTMLElement) => void);\n\nexport const setMultipleRefs =\n  (...refs: refInterfaceType[]) =>\n  (_ref: HTMLElement): void => {\n    refs.forEach((ref) => {\n      if (!ref || !_ref) return;\n      if (typeof ref === 'function') {\n        ref(_ref);\n        return;\n      }\n      if (ref) ref.current = _ref;\n    });\n  };\n"],
-  "mappings": "AAAA;ACEO,MAAM,kBACX,IAAI,SACJ,CAAC,SAA4B;AAC3B,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,CAAC,OAAO,CAAC;AAAM;AACnB,QAAI,OAAO,QAAQ,YAAY;AAC7B,UAAI;AACJ;AAAA;AAEF,QAAI;AAAK,UAAI,UAAU;AAAA;AAAA;",
-  "names": []
-}