primereact 10.0.0 → 10.0.2

package/chip/chip.esm.mjs

@@ -1,247 +0,0 @@
-'use client';
-import * as React from 'react';
-import { PrimeReactContext } from 'primereact/api';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { TimesCircleIcon } from 'primereact/icons/timescircle';
-import { classNames, ObjectUtils, mergeProps, IconUtils } from 'primereact/utils';
-
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-var classes = {
-  root: function root(_ref) {
-    var props = _ref.props;
-    return classNames('p-chip p-component', {
-      'p-chip-image': props.image != null
-    });
-  },
-  removeIcon: 'p-chip-remove-icon',
-  icon: 'p-chip-icon',
-  label: 'p-chip-text'
-};
-var styles = "\n@layer primereact {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-chip-text {\n        line-height: 1.5;\n    }\n    \n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-chip .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n    \n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n";
-var ChipBase = ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'Chip',
-    label: null,
-    icon: null,
-    image: null,
-    removable: false,
-    removeIcon: null,
-    className: null,
-    style: null,
-    template: null,
-    imageAlt: 'chip',
-    onImageError: null,
-    onRemove: null,
-    children: undefined
-  },
-  css: {
-    classes: classes,
-    styles: styles
-  }
-});
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var context = React.useContext(PrimeReactContext);
-  var props = ChipBase.getProps(inProps, context);
-  var elementRef = React.useRef(null);
-  var _React$useState = React.useState(true),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    visibleState = _React$useState2[0],
-    setVisibleState = _React$useState2[1];
-  var _ChipBase$setMetaData = ChipBase.setMetaData({
-      props: props
-    }),
-    ptm = _ChipBase$setMetaData.ptm,
-    cx = _ChipBase$setMetaData.cx,
-    isUnstyled = _ChipBase$setMetaData.isUnstyled;
-  useHandleStyle(ChipBase.css.styles, isUnstyled, {
-    name: 'chip'
-  });
-  var onKeyDown = function onKeyDown(event) {
-    if (event.keyCode === 13) {
-      // enter
-      close(event);
-    }
-  };
-  var close = function close(event) {
-    setVisibleState(false);
-    if (props.onRemove) {
-      props.onRemove(event);
-    }
-  };
-  var createContent = function createContent() {
-    var content = [];
-    var removeIconProps = mergeProps({
-      key: 'removeIcon',
-      tabIndex: 0,
-      className: cx('removeIcon'),
-      onClick: close,
-      onKeyDown: onKeyDown
-    }, ptm('removeIcon'));
-    var icon = props.removeIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, removeIconProps);
-    if (props.image) {
-      var imageProps = mergeProps({
-        key: 'image',
-        src: props.image,
-        onError: props.onImageError
-      }, ptm('image'));
-      content.push( /*#__PURE__*/React.createElement("img", _extends({
-        alt: props.imageAlt
-      }, imageProps)));
-    } else if (props.icon) {
-      var chipIconProps = mergeProps({
-        key: 'icon',
-        className: cx('icon')
-      }, ptm('icon'));
-      content.push(IconUtils.getJSXIcon(props.icon, _objectSpread({}, chipIconProps), {
-        props: props
-      }));
-    }
-    if (props.label) {
-      var labelProps = mergeProps({
-        key: 'label',
-        className: cx('label')
-      }, ptm('label'));
-      content.push( /*#__PURE__*/React.createElement("span", labelProps, props.label));
-    }
-    if (props.removable) {
-      content.push(IconUtils.getJSXIcon(icon, _objectSpread({}, removeIconProps), {
-        props: props
-      }));
-    }
-    return content;
-  };
-  var createElement = function createElement() {
-    var content = props.template ? ObjectUtils.getJSXElement(props.template, props) : createContent();
-    var rootProps = mergeProps({
-      ref: elementRef,
-      style: props.style,
-      className: classNames(props.className, cx('root'))
-    }, ChipBase.getOtherProps(props), ptm('root'));
-    return /*#__PURE__*/React.createElement("div", rootProps, content);
-  };
-  React.useImperativeHandle(ref, function () {
-    return {
-      props: props,
-      getElement: function getElement() {
-        return elementRef.current;
-      }
-    };
-  });
-  return visibleState && createElement();
-}));
-Chip.displayName = 'Chip';
-
-export { Chip };

package/chips/chips.esm.min.mjs

@@ -1 +0,0 @@
-import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as r}from"primereact/componentbase";import{useMountEffect as o}from"primereact/hooks";import{TimesCircleIcon as i}from"primereact/icons/timescircle";import{KeyFilter as l}from"primereact/keyfilter";import{Tooltip as a}from"primereact/tooltip";import{classNames as u,ObjectUtils as c,DomHandler as p,mergeProps as s,IconUtils as f}from"primereact/utils";function m(){return m=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},m.apply(this,arguments)}function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function y(e,n){if("object"!==d(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=y(e,"string");return"symbol"===d(n)?n:String(n)}function h(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function b(e){if(Array.isArray(e))return h(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,n){if(e){if("string"==typeof e)return h(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,n):void 0}}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e){return b(e)||g(e)||O(e)||w()}function x(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,l,a=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(c)throw o}}return a}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var S=t.extend({defaultProps:{__TYPE:"Chips",addOnBlur:null,allowDuplicate:!0,ariaLabelledBy:null,autoFocus:!1,className:null,disabled:null,id:null,inputId:null,inputRef:null,itemTemplate:null,keyfilter:null,max:null,name:null,onAdd:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onRemove:null,placeholder:null,readOnly:!1,removable:!0,removeIcon:null,separator:null,style:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{removeTokenIcon:"p-chips-token-icon",label:"p-chips-token-label",token:"p-chips-token p-highlight",inputToken:"p-chips-input-token",container:function(e){return u("p-inputtext p-chips-multiple-container",{"p-disabled":e.props.disabled,"p-focus":e.focusedState})},root:function(e){return u("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState})}},styles:"\n@layer primereact {\n    .p-chips {\n        display: inline-flex;\n    }\n    \n    .p-chips-multiple-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        cursor: text;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n    }\n    \n    .p-chips-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-chips-input-token {\n        flex: 1 1 auto;\n        display: inline-flex;\n    }\n    \n    .p-chips-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-chips-input-token input {\n        border: 0 none;\n        outline: 0 none;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        box-shadow: none;\n        border-radius: 0;\n        width: 100%;\n    }\n    \n    .p-fluid .p-chips {\n        display: flex;\n    }\n    \n    .p-chips-icon-left,\n    .p-chips-icon-right {\n        position: relative;\n        display: inline-block;\n    }\n    \n    .p-chips-icon-left > i,\n    .p-chips-icon-right > i,\n    .p-chips-icon-left > svg,\n    .p-chips-icon-right > svg,\n    .p-chips-icon-left > .p-chips-prefix,\n    .p-chips-icon-right > .p-chips-suffix {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n    \n    .p-fluid .p-chips-icon-left,\n    .p-fluid .p-chips-icon-right {\n        display: block;\n        width: 100%;\n    }\n}\n"}});function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){var r,o,i;r=e,i=t[n],(o=v(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var I=e.memo(e.forwardRef((function(t,d){var y,v,h=e.useContext(n),b=S.getProps(t,h),g=e.useState(!1),w=(v=2,x(y=g)||P(y,v)||O(y,v)||E()),j=w[0],I=w[1],A=S.setMetaData({props:b,state:{focused:j}}),R=A.ptm,T=A.cx;r(S.css.styles,A.isUnstyled,{name:"chips"});var N=e.useRef(null),C=e.useRef(null),F=e.useRef(b.inputRef),B=function(e,n){if(!b.disabled||!b.readOnly){var t=k(b.value),r=t.splice(n,1);X(r,n)&&(b.onRemove&&b.onRemove({originalEvent:e,value:r}),b.onChange&&b.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:b.name,id:b.id,value:t}}))}},K=function(e,n,t){if(n&&n.trim().length){var r=b.value?k(b.value):[];if(b.allowDuplicate||-1===r.indexOf(n)){var o=!0;b.onAdd&&(o=b.onAdd({originalEvent:e,value:n})),!1!==o&&r.push(n)}_(e,r,t)}},M=function(e){var n=e.target.value,t=b.value||[];if(b.onKeyDown&&b.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===F.current.value.length&&t.length>0&&B(e,t.length-1);break;case"Enter":n&&n.trim().length&&(!b.max||b.max>t.length)&&K(e,n,!0);break;default:b.keyfilter&&l.onKeyPress(e,b.keyfilter),J()?e.preventDefault():","===b.separator&&(e.key===b.separator||p.isAndroid()&&229===e.which)&&K(e,n,!0)}},_=function(e,n,t){b.onChange&&b.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:b.name,id:b.id,value:n}}),F.current.value="",t&&e.preventDefault()},U=function(e){if(b.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(b.keyfilter&&l.onPaste(e,b.keyfilter),n){var t=b.value||[],r=n.split(b.separator);r=r.filter((function(e){return(b.allowDuplicate||-1===t.indexOf(e))&&e.trim().length})),t=[].concat(k(t),k(r)),_(e,t,!0)}}},H=function(e){if(b.addOnBlur){var n=e.target.value,t=b.value||[];n&&n.trim().length&&(!b.max||b.max>t.length)&&K(e,n,!0)}I(!1),b.onBlur&&b.onBlur(e)},J=function(){return b.max&&b.value&&b.max===b.value.length},L=F.current&&F.current.value,V=e.useMemo((function(){return c.isNotEmpty(b.value)||c.isNotEmpty(L)}),[b.value,L]),X=function(e,n){return c.getPropValue(b.removable,{value:e,index:n,props:b})};e.useImperativeHandle(d,(function(){return{props:b,focus:function(){return p.focus(F.current)},getElement:function(){return N.current},getInput:function(){return F.current}}})),e.useEffect((function(){c.combinedRefs(F,b.inputRef)}),[F,b.inputRef]),o((function(){b.autoFocus&&p.focus(F.current,b.autoFocus)}));var Y,$,q,z,G,Q=function(n,t){var r=s({className:T("removeTokenIcon"),onClick:function(e){return B(e,t)}},R("removeTokenIcon")),o=f.getJSXIcon(b.removeIcon||e.createElement(i,r),D({},r),{props:b});return b.disabled||b.readOnly||!X(n,t)?null:o},W=function(n,t){var r=b.itemTemplate?b.itemTemplate(n):n,o=s({className:T("label")},R("label")),i=e.createElement("span",o,r),l=Q(n,t),a=s({key:t,className:T("token"),"data-p-highlight":!0},R("token"));return e.createElement("li",a,i,l)},Z=c.isNotEmpty(b.tooltip),ee=S.getOtherProps(b),ne=c.reduceKeys(ee,p.ARIA_PROPS),te=(q=b.value?b.value.map(W):null,Y=s({className:T("inputToken")},R("inputToken")),$=s(D({id:b.inputId,ref:F,placeholder:b.placeholder,type:"text",name:b.name,disabled:b.disabled||J(),onKeyDown:function(e){return M(e)},onPaste:function(e){return U(e)},onFocus:function(e){return n=e,I(!0),void(b.onFocus&&b.onFocus(n));var n},onBlur:function(e){return H(e)},readOnly:b.readOnly},ne),R("input")),z=e.createElement("li",Y,e.createElement("input",$)),G=s({ref:C,className:T("container",{focusedState:j}),onClick:function(e){p.focus(F.current)},"data-p-disabled":b.disabled,"data-p-focus":j},R("container")),e.createElement("ul",G,q,z)),re=s({id:b.id,ref:N,className:u(b.className,T("root",{isFilled:V,focusedState:j})),style:b.style},R("root"));return e.createElement(e.Fragment,null,e.createElement("div",re,te),Z&&e.createElement(a,m({target:F,content:b.tooltip},b.tooltipOptions,{pt:R("tooltip")})))})));I.displayName="Chips";export{I as Chips};