primereact 10.0.0 → 10.0.1

package/fieldset/fieldset.esm.js

@@ -1,270 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { PrimeReactContext } from 'primereact/api';
-import { CSSTransition } from 'primereact/csstransition';
-import { useMountEffect } from 'primereact/hooks';
-import { MinusIcon } from 'primereact/icons/minus';
-import { PlusIcon } from 'primereact/icons/plus';
-import { Ripple } from 'primereact/ripple';
-import { classNames, UniqueComponentId, mergeProps, IconUtils } from 'primereact/utils';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-
-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 FieldsetBase = ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'Fieldset',
-    id: null,
-    legend: null,
-    className: null,
-    style: null,
-    toggleable: null,
-    collapsed: null,
-    collapseIcon: null,
-    transitionOptions: null,
-    expandIcon: null,
-    onExpand: null,
-    onCollapse: null,
-    onToggle: null,
-    onClick: null,
-    children: undefined
-  },
-  css: {
-    classes: {
-      root: function root(_ref) {
-        var props = _ref.props;
-        return classNames('p-fieldset p-component', {
-          'p-fieldset-toggleable': props.toggleable
-        });
-      },
-      toggleableContent: 'p-toggleable-content',
-      togglericon: 'p-fieldset-toggler',
-      legendTitle: 'p-fieldset-legend-text',
-      legend: 'p-fieldset-legend p-unselectable-text',
-      content: 'p-fieldset-content',
-      transition: 'p-toggleable-content'
-    },
-    styles: "\n        @layer primereact {\n            .p-fieldset-legend > a,\n            .p-fieldset-legend > span {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n            }\n            \n            .p-fieldset-toggleable .p-fieldset-legend a {\n                cursor: pointer;\n                user-select: none;\n                overflow: hidden;\n                position: relative;\n                text-decoration: none;\n            }\n            \n            .p-fieldset-legend-text {\n                line-height: 1;\n            }\n        }\n        "
-  }
-});
-
-var Fieldset = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var context = React.useContext(PrimeReactContext);
-  var props = FieldsetBase.getProps(inProps, context);
-  var _React$useState = React.useState(props.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    idState = _React$useState2[0],
-    setIdState = _React$useState2[1];
-  var _React$useState3 = React.useState(props.collapsed),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    collapsedState = _React$useState4[0],
-    setCollapsedState = _React$useState4[1];
-  var collapsed = props.toggleable ? props.onToggle ? props.collapsed : collapsedState : false;
-  var elementRef = React.useRef(null);
-  var contentRef = React.useRef(null);
-  var headerId = idState + '_header';
-  var contentId = idState + '_content';
-  var _FieldsetBase$setMeta = FieldsetBase.setMetaData({
-      props: props,
-      state: {
-        id: idState,
-        collapsed: collapsed
-      }
-    }),
-    ptm = _FieldsetBase$setMeta.ptm,
-    cx = _FieldsetBase$setMeta.cx,
-    isUnstyled = _FieldsetBase$setMeta.isUnstyled;
-  useHandleStyle(FieldsetBase.css.styles, isUnstyled, {
-    name: 'fieldset'
-  });
-  var toggle = function toggle(event) {
-    if (props.toggleable) {
-      collapsed ? expand(event) : collapse(event);
-      if (props.onToggle) {
-        props.onToggle({
-          originalEvent: event,
-          value: !collapsed
-        });
-      }
-    }
-    event.preventDefault();
-  };
-  var expand = function expand(event) {
-    if (!props.onToggle) {
-      setCollapsedState(false);
-    }
-    props.onExpand && props.onExpand(event);
-  };
-  var collapse = function collapse(event) {
-    if (!props.onToggle) {
-      setCollapsedState(true);
-    }
-    props.onCollapse && props.onCollapse(event);
-  };
-  useMountEffect(function () {
-    if (!props.id) {
-      setIdState(UniqueComponentId());
-    }
-  });
-  var createContent = function createContent() {
-    var contentProps = mergeProps({
-      className: cx('content')
-    }, ptm('content'));
-    var toggleableProps = mergeProps({
-      ref: contentRef,
-      id: contentId,
-      'aria-hidden': collapsed,
-      role: 'region',
-      'aria-labelledby': headerId,
-      className: cx('toggleableContent')
-    }, ptm('toggleableContent'));
-    var transitionProps = mergeProps({
-      classNames: cx('transition'),
-      timeout: {
-        enter: 1000,
-        exit: 450
-      },
-      "in": !collapsed,
-      unmountOnExit: true,
-      options: props.transitionOptions
-    }, ptm('transition'));
-    return /*#__PURE__*/React.createElement(CSSTransition, _extends({
-      nodeRef: contentRef
-    }, transitionProps), /*#__PURE__*/React.createElement("div", toggleableProps, /*#__PURE__*/React.createElement("div", contentProps, props.children)));
-  };
-  var createToggleIcon = function createToggleIcon() {
-    if (props.toggleable) {
-      var togglerIconProps = mergeProps({
-        className: cx('togglericon')
-      }, ptm('togglericon'));
-      var icon = collapsed ? props.expandIcon || /*#__PURE__*/React.createElement(PlusIcon, togglerIconProps) : props.collapseIcon || /*#__PURE__*/React.createElement(MinusIcon, togglerIconProps);
-      var toggleIcon = IconUtils.getJSXIcon(icon, togglerIconProps, {
-        props: props
-      });
-      return toggleIcon;
-    }
-    return null;
-  };
-  var createLegendContent = function createLegendContent() {
-    var legendTextProps = mergeProps({
-      className: cx('legendTitle')
-    }, ptm('legendTitle'));
-    var togglerProps = mergeProps({
-      id: headerId,
-      'aria-expanded': !collapsed,
-      'aria-controls': contentId,
-      href: '#' + contentId,
-      tabIndex: props.toggleable ? null : -1
-    }, ptm('toggler'));
-    if (props.toggleable) {
-      var toggleIcon = createToggleIcon();
-      return /*#__PURE__*/React.createElement("a", togglerProps, toggleIcon, /*#__PURE__*/React.createElement("span", legendTextProps, props.legend), /*#__PURE__*/React.createElement(Ripple, null));
-    }
-    return /*#__PURE__*/React.createElement("span", _extends({}, legendTextProps, {
-      id: headerId
-    }), props.legend);
-  };
-  var createLegend = function createLegend() {
-    var legendProps = mergeProps({
-      className: cx('legend'),
-      onClick: toggle
-    }, ptm('legend'));
-    if (props.legend != null || props.toggleable) {
-      var legendContent = createLegendContent();
-      return /*#__PURE__*/React.createElement("legend", legendProps, legendContent);
-    }
-  };
-  React.useImperativeHandle(ref, function () {
-    return {
-      props: props,
-      getElement: function getElement() {
-        return elementRef.current;
-      },
-      getContent: function getContent() {
-        return contentRef.current;
-      }
-    };
-  });
-  var rootProps = mergeProps({
-    id: idState,
-    ref: elementRef,
-    style: props.style,
-    className: cx('root'),
-    onClick: props.onClick
-  }, FieldsetBase.getOtherProps(props), ptm('root'));
-  var legend = createLegend();
-  var content = createContent();
-  return /*#__PURE__*/React.createElement("fieldset", rootProps, legend, content);
-});
-Fieldset.displayName = 'Fieldset';
-
-export { Fieldset };

package/fieldset/fieldset.esm.min.js

@@ -1 +0,0 @@
-import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useMountEffect as l}from"primereact/hooks";import{MinusIcon as r}from"primereact/icons/minus";import{PlusIcon as o}from"primereact/icons/plus";import{Ripple as a}from"primereact/ripple";import{classNames as i,UniqueComponentId as s,mergeProps as c,IconUtils as u}from"primereact/utils";import{ComponentBase as p,useHandleStyle as g}from"primereact/componentbase";function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},d.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function m(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,r,o,a,i=[],s=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;s=!1}else for(;!(s=(l=o.call(t)).done)&&(i.push(l.value),i.length!==n);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw r}}return i}}function b(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function y(e,n){if(e){if("string"==typeof e)return b(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)?b(e,n):void 0}}function v(){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 h(e,n){return f(e)||m(e,n)||y(e,n)||v()}var x=p.extend({defaultProps:{__TYPE:"Fieldset",id:null,legend:null,className:null,style:null,toggleable:null,collapsed:null,collapseIcon:null,transitionOptions:null,expandIcon:null,onExpand:null,onCollapse:null,onToggle:null,onClick:null,children:void 0},css:{classes:{root:function(e){return i("p-fieldset p-component",{"p-fieldset-toggleable":e.props.toggleable})},toggleableContent:"p-toggleable-content",togglericon:"p-fieldset-toggler",legendTitle:"p-fieldset-legend-text",legend:"p-fieldset-legend p-unselectable-text",content:"p-fieldset-content",transition:"p-toggleable-content"},styles:"\n        @layer primereact {\n            .p-fieldset-legend > a,\n            .p-fieldset-legend > span {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n            }\n            \n            .p-fieldset-toggleable .p-fieldset-legend a {\n                cursor: pointer;\n                user-select: none;\n                overflow: hidden;\n                position: relative;\n                text-decoration: none;\n            }\n            \n            .p-fieldset-legend-text {\n                line-height: 1;\n            }\n        }\n        "}}),E=e.forwardRef((function(i,p){var f=e.useContext(n),m=x.getProps(i,f),b=h(e.useState(m.id),2),y=b[0],v=b[1],E=h(e.useState(m.collapsed),2),C=E[1],O=!!m.toggleable&&(m.onToggle?m.collapsed:E[0]),T=e.useRef(null),I=e.useRef(null),j=y+"_header",N=y+"_content",S=x.setMetaData({props:m,state:{id:y,collapsed:O}}),w=S.ptm,A=S.cx;g(x.css.styles,S.isUnstyled,{name:"fieldset"});var k=function(e){m.toggleable&&(O?P(e):R(e),m.onToggle&&m.onToggle({originalEvent:e,value:!O})),e.preventDefault()},P=function(e){m.onToggle||C(!1),m.onExpand&&m.onExpand(e)},R=function(e){m.onToggle||C(!0),m.onCollapse&&m.onCollapse(e)};l((function(){m.id||v(s())}));var _=function(){if(m.toggleable){var n=c({className:A("togglericon")},w("togglericon"));return u.getJSXIcon(O?m.expandIcon||e.createElement(o,n):m.collapseIcon||e.createElement(r,n),n,{props:m})}return null},D=function(){var n=c({className:A("legendTitle")},w("legendTitle")),t=c({id:j,"aria-expanded":!O,"aria-controls":N,href:"#"+N,tabIndex:m.toggleable?null:-1},w("toggler"));if(m.toggleable){var l=_();return e.createElement("a",t,l,e.createElement("span",n,m.legend),e.createElement(a,null))}return e.createElement("span",d({},n,{id:j}),m.legend)};e.useImperativeHandle(p,(function(){return{props:m,getElement:function(){return T.current},getContent:function(){return I.current}}}));var F,M,U,H=c({id:y,ref:T,style:m.style,className:A("root"),onClick:m.onClick},x.getOtherProps(m),w("root")),J=function(){var n=c({className:A("legend"),onClick:k},w("legend"));if(null!=m.legend||m.toggleable){var t=D();return e.createElement("legend",n,t)}}(),X=(F=c({className:A("content")},w("content")),M=c({ref:I,id:N,"aria-hidden":O,role:"region","aria-labelledby":j,className:A("toggleableContent")},w("toggleableContent")),U=c({classNames:A("transition"),timeout:{enter:1e3,exit:450},in:!O,unmountOnExit:!0,options:m.transitionOptions},w("transition")),e.createElement(t,d({nodeRef:I},U),e.createElement("div",M,e.createElement("div",F,m.children))));return e.createElement("fieldset",H,J,X)}));E.displayName="Fieldset";export{E as Fieldset};