pixel-react 1.14.56 → 1.14.57

package/lib/index.cjs

@@ -1124,6 +1124,10 @@ const SvgSendPrompt = (props) => /* @__PURE__ */ React__namespace.createElement(
 
 const SvgAccessKey = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("g", { clipPath: "url(#clip0_3902_42568)" }, /* @__PURE__ */ React__namespace.createElement("g", { clipPath: "url(#clip1_3902_42568)" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M18.459 5.54089C17.5953 4.67748 16.4581 4.14136 15.2425 4.02443C14.0268 3.9075 12.8084 4.21704 11.7959 4.89999C10.7835 5.58295 10.0401 6.59679 9.6932 7.76775C9.34631 8.93871 9.4175 10.1939 9.89458 11.3181C7.90552 13.0585 6.03051 14.925 4.28114 16.9062C4.07802 17.1353 3.98021 17.4531 4.00333 17.7771C4.03854 18.2732 4.06489 18.7599 4.08239 19.2371C4.0869 19.4162 4.16006 19.5867 4.28674 19.7134C4.41342 19.8401 4.58393 19.9133 4.76302 19.9178C5.23927 19.934 5.72677 19.9615 6.22271 19.9965C6.54677 20.0196 6.86458 19.9215 7.09489 19.7181C7.20448 19.6212 7.31375 19.524 7.42271 19.4265C7.50553 19.3526 7.559 19.2513 7.57333 19.1412C7.60979 18.8725 7.64385 18.601 7.67552 18.3268C7.72396 17.9081 8.10364 17.6346 8.54521 17.7153C9.35552 17.8646 9.99302 17.2434 9.84677 16.434V16.4278C9.76802 15.9865 10.0446 15.609 10.469 15.5671C10.7427 15.5399 11.0149 15.5111 11.2855 15.4809C11.3974 15.4692 11.5013 15.4172 11.5777 15.3346C11.9515 14.9303 12.3198 14.5207 12.6827 14.1059C13.807 14.5828 15.0621 14.6539 16.2331 14.3069C17.404 13.9599 18.4177 13.2164 19.1006 12.2039C19.7834 11.1913 20.0928 9.97284 19.9758 8.75721C19.8587 7.54157 19.3225 6.4045 18.459 5.54089ZM17.0936 8.96433C16.8901 9.16775 16.6309 9.30627 16.3486 9.36236C16.0664 9.41845 15.7739 9.3896 15.5081 9.27945C15.2422 9.16931 15.015 8.98282 14.8552 8.74356C14.6953 8.5043 14.61 8.22301 14.61 7.93527C14.61 7.64752 14.6953 7.36624 14.8552 7.12698C15.015 6.88772 15.2422 6.70123 15.5081 6.59108C15.7739 6.48094 16.0664 6.45209 16.3486 6.50818C16.6309 6.56427 16.8901 6.70278 17.0936 6.90621C17.2288 7.04132 17.336 7.20175 17.4092 7.37832C17.4824 7.55489 17.52 7.74414 17.52 7.93527C17.52 8.1264 17.4824 8.31565 17.4092 8.49222C17.336 8.66879 17.2288 8.82921 17.0936 8.96433Z", fill: "#71347B" }))), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "clip0_3902_42568" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M0 4C0 1.79086 1.79086 0 4 0H20C22.2091 0 24 1.79086 24 4V20C24 22.2091 22.2091 24 20 24H4C1.79086 24 0 22.2091 0 20V4Z", fill: "white" })), /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "clip1_3902_42568" }, /* @__PURE__ */ React__namespace.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(4 4)" }))));
 
+const SvgListIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.8605 13.3488H1.13953C0.837424 13.3485 0.547792 13.2283 0.334167 13.0147C0.120543 12.801 0.000367042 12.5114 0 12.2093V1.79069C0.000367042 1.48858 0.120543 1.19895 0.334167 0.985321C0.547792 0.771696 0.837424 0.651521 1.13953 0.651154H12.8605C13.1626 0.651521 13.4522 0.771696 13.6658 0.985321C13.8795 1.19895 13.9996 1.48858 14 1.79069V12.2093C13.9996 12.5114 13.8795 12.801 13.6658 13.0147C13.4522 13.2283 13.1626 13.3485 12.8605 13.3488ZM1.13953 1.6279C1.09639 1.62798 1.05503 1.64516 1.02452 1.67567C0.994005 1.70618 0.976827 1.74754 0.976744 1.79069V12.2093C0.976827 12.2524 0.994005 12.2938 1.02452 12.3243C1.05503 12.3548 1.09639 12.372 1.13953 12.3721H12.8605C12.9036 12.372 12.945 12.3548 12.9755 12.3243C13.006 12.2938 13.0232 12.2524 13.0233 12.2093V1.79069C13.0232 1.74754 13.006 1.70618 12.9755 1.67567C12.945 1.64516 12.9036 1.62798 12.8605 1.6279H1.13953Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.9065 10.0931H5.04599C4.91646 10.0931 4.79225 10.0416 4.70066 9.95005C4.60907 9.85846 4.55762 9.73424 4.55762 9.60472C4.55762 9.4752 4.60907 9.35098 4.70066 9.25939C4.79225 9.1678 4.91646 9.11635 5.04599 9.11635H10.9065C11.036 9.11635 11.1602 9.1678 11.2518 9.25939C11.3434 9.35098 11.3948 9.4752 11.3948 9.60472C11.3948 9.73424 11.3434 9.85846 11.2518 9.95005C11.1602 10.0416 11.036 10.0931 10.9065 10.0931Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M3.09257 10.2558C3.4522 10.2558 3.74373 9.96427 3.74373 9.60464C3.74373 9.24501 3.4522 8.95348 3.09257 8.95348C2.73294 8.95348 2.44141 9.24501 2.44141 9.60464C2.44141 9.96427 2.73294 10.2558 3.09257 10.2558Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.9065 7.48836H5.04599C4.91646 7.48836 4.79225 7.4369 4.70066 7.34532C4.60907 7.25373 4.55762 7.12951 4.55762 6.99998C4.55762 6.87046 4.60907 6.74624 4.70066 6.65465C4.79225 6.56307 4.91646 6.51161 5.04599 6.51161H10.9065C11.036 6.51161 11.1602 6.56307 11.2518 6.65465C11.3434 6.74624 11.3948 6.87046 11.3948 6.99998C11.3948 7.12951 11.3434 7.25373 11.2518 7.34532C11.1602 7.4369 11.036 7.48836 10.9065 7.48836Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M3.09257 7.65108C3.4522 7.65108 3.74373 7.35954 3.74373 6.99992C3.74373 6.64029 3.4522 6.34875 3.09257 6.34875C2.73294 6.34875 2.44141 6.64029 2.44141 6.99992C2.44141 7.35954 2.73294 7.65108 3.09257 7.65108Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.9065 4.88364H5.04599C4.91646 4.88364 4.79225 4.83218 4.70066 4.74059C4.60907 4.64901 4.55762 4.52479 4.55762 4.39526C4.55762 4.26574 4.60907 4.14152 4.70066 4.04993C4.79225 3.95834 4.91646 3.90689 5.04599 3.90689H10.9065C11.036 3.90689 11.1602 3.95834 11.2518 4.04993C11.3434 4.14152 11.3948 4.26574 11.3948 4.39526C11.3948 4.52479 11.3434 4.64901 11.2518 4.74059C11.1602 4.83218 11.036 4.88364 10.9065 4.88364Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M3.09257 5.04659C3.4522 5.04659 3.74373 4.75505 3.74373 4.39543C3.74373 4.0358 3.4522 3.74426 3.09257 3.74426C2.73294 3.74426 2.44141 4.0358 2.44141 4.39543C2.44141 4.75505 2.73294 5.04659 3.09257 5.04659Z", fill: "currentColor" }));
+
+const SvgJSonCodeIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.4186 4.88372V9.40692C10.4522 9.4299 10.48 9.45998 10.5124 9.48442C10.6811 9.25574 10.9217 9.08075 11.2103 9.00086C11.2718 8.98377 11.3335 8.98473 11.3953 8.97686V4.28374C11.3953 3.80523 11.209 3.35565 10.8707 3.01735L8.378 0.524616C8.03971 0.186317 7.59012 0 7.11192 0H1.7907C0.803144 0 0 0.803145 0 1.7907V11.0168C0.207584 10.9284 0.435791 10.8862 0.670242 10.9194C0.554511 10.7251 0.488372 10.4981 0.488372 10.2558C0.488372 9.84634 0.681247 9.48555 0.976744 9.24676V1.79069C0.976744 1.34175 1.34175 0.976738 1.7907 0.976738H6.51163V3.09302C6.51163 4.08057 7.31477 4.88372 8.30233 4.88372H10.4186ZM7.48837 3.09302V1.08249C7.55911 1.12005 7.63038 1.15805 7.68741 1.2152L10.1801 3.70793C10.2381 3.76592 10.276 3.83662 10.3135 3.90697H8.30232C7.85338 3.90697 7.48837 3.54196 7.48837 3.09302ZM4.88372 11.0698C4.88372 11.2462 4.99564 11.3953 5.12791 11.3953H5.61628C6.2897 11.3953 6.83721 11.9794 6.83721 12.6977C6.83721 13.4159 6.2897 14 5.61628 14H4.39535C4.12573 14 3.90698 13.7812 3.90698 13.5116C3.90698 13.242 4.12573 13.0233 4.39535 13.0233H5.61628C5.74854 13.0233 5.86047 12.8741 5.86047 12.6977C5.86047 12.5212 5.74854 12.3721 5.61628 12.3721H5.12791C4.45449 12.3721 3.90698 11.788 3.90698 11.0698C3.90698 10.3515 4.45449 9.76744 5.12791 9.76744H6.34884C6.61846 9.76744 6.83721 9.98619 6.83721 10.2558C6.83721 10.5254 6.61846 10.7442 6.34884 10.7442H5.12791C4.99564 10.7442 4.88372 10.8933 4.88372 11.0698ZM8.95349 9.76744C7.96594 9.76744 7.16279 10.5706 7.16279 11.5581V12.2093C7.16279 13.1969 7.96594 14 8.95349 14C9.94104 14 10.7442 13.1969 10.7442 12.2093V11.5581C10.7442 10.5706 9.94104 9.76744 8.95349 9.76744ZM9.76744 12.2093C9.76744 12.6582 9.40243 13.0233 8.95349 13.0233C8.50454 13.0233 8.13953 12.6582 8.13953 12.2093V11.5581C8.13953 11.1092 8.50454 10.7442 8.95349 10.7442C9.40243 10.7442 9.76744 11.1092 9.76744 11.5581V12.2093ZM14 10.2558V13.5116C14 13.731 13.8537 13.9237 13.642 13.9822C13.5987 13.9943 13.5549 14 13.5116 14C13.3431 14 13.1829 13.9126 13.0926 13.7628L12.0465 12.0188V13.5116C12.0465 13.7812 11.8278 14 11.5581 14C11.2885 14 11.0698 13.7812 11.0698 13.5116V10.2558C11.0698 10.0364 11.216 9.84375 11.4278 9.78524C11.6402 9.72642 11.864 9.8164 11.9772 10.0046L13.0233 11.7486V10.2558C13.0233 9.98619 13.242 9.76743 13.5116 9.76743C13.7812 9.76743 14 9.98619 14 10.2558ZM3.5814 10.2558V12.2093C3.5814 13.1969 2.77825 14 1.7907 14C0.803144 14 0 13.1969 0 12.2093C0 11.9397 0.218752 11.7209 0.488372 11.7209C0.757993 11.7209 0.976744 11.9397 0.976744 12.2093C0.976744 12.6582 1.34175 13.0233 1.7907 13.0233C2.23964 13.0233 2.60465 12.6582 2.60465 12.2093V10.7442H1.7907C1.52108 10.7442 1.30233 10.5254 1.30233 10.2558C1.30233 9.98619 1.52108 9.76744 1.7907 9.76744H3.09302C3.36264 9.76744 3.5814 9.98619 3.5814 10.2558Z", fill: "currentColor" }));
+
 let Components = {};
 Components['success'] = SvgSuccess;
 Components['setting_icon'] = SvgSettingIcon;
@@ -1605,6 +1609,8 @@ Components['send_prompt'] = SvgSendPrompt; // Newly Added icon
 Components['copy_icon_filled'] = SvgCopyIconFilled; // Newly Added icon
 Components['generate_command_logo'] = SvgGenerateCommandLogo; // Newly Added icon
 Components[`access_key`] = SvgAccessKey; // Newly Added icon
+Components['list_icon'] = SvgListIcon;
+Components['json_icon'] = SvgJSonCodeIcon;
 
 const Icon = /*#__PURE__*/React.forwardRef(({
   name,
@@ -29859,7 +29865,8 @@ const CustomDatePicker = /*#__PURE__*/React.forwardRef(({
   zIndex = 10,
   isFilterDatePicker = false,
   isSelectableDate = false,
-  onBlur
+  onBlur,
+  withOutDateFormat = false
 }, ref) => {
   const [timeValue, setTimeValue] = React.useState('');
   const [selectedDate, setSelectedDate] = React.useState();
@@ -29947,7 +29954,14 @@ const CustomDatePicker = /*#__PURE__*/React.forwardRef(({
     if (dateOnly) {
       if (!isSelectableDate || date) {
         setSelectedDate(date);
-        onChange(date);
+        if (withOutDateFormat && date) {
+          const formatted = format$2(date, dateFormat, {
+            timeZone: timezone
+          });
+          onChange(date, formatted);
+        } else {
+          onChange(date);
+        }
       }
       resetAndCloseDatePicker();
     } else {
@@ -29965,7 +29979,16 @@ const CustomDatePicker = /*#__PURE__*/React.forwardRef(({
     }
   };
   const handleSave = () => {
-    onChange(selectedDateRef.current);
+    if (selectedDateRef.current) {
+      if (withOutDateFormat) {
+        const formatted = format$2(selectedDateRef.current, dateFormat, {
+          timeZone: timezone
+        });
+        onChange(selectedDateRef.current, formatted);
+      } else {
+        onChange(selectedDateRef.current);
+      }
+    }
     resetAndCloseDatePicker();
   };
   const handleDateInputClick = () => {
@@ -49479,8 +49502,9 @@ const MobileSkin = ({
   const containerWidth = isPortrait ? mobileWidth : mobileHeight;
   const hasTopNav = UtilityBar && navBarPosition === 'top';
   const hasBottomNav = UtilityBar && navBarPosition === 'bottom';
+  const hasSideNav = UtilityBar && navBarPosition === 'left';
   return jsxRuntime.jsxs("div", {
-    className: `ff-mobileskin-wrapper ${isPortrait ? 'portrait' : 'landscape'} ${hasTopNav && 'navbar-top'}`,
+    className: ['ff-mobileskin-wrapper', isPortrait ? 'portrait' : 'landscape', hasSideNav ? 'ff-side-nav-left' : '', hasTopNav ? 'navbar-top' : '', hasBottomNav ? 'navbar-bottom' : ''].filter(Boolean).join(' '),
     children: [hasTopNav && jsxRuntime.jsx("div", {
       className: "ff-nav-bar top-nav-bar",
       children: navBarIcons.map(({
@@ -49489,6 +49513,7 @@ const MobileSkin = ({
         className,
         ...iconProps
       }, index) => {
+        const key = tooltip?.[name] ?? index;
         const tooltipTitle = tooltip?.[name] || '';
         return jsxRuntime.jsx(Tooltip, {
           title: tooltipTitle,
@@ -49500,7 +49525,7 @@ const MobileSkin = ({
               ...iconProps
             })
           })
-        }, tooltipTitle);
+        }, key);
       })
     }), jsxRuntime.jsx("div", {
       className: "ff-mobileskin-container",
@@ -49544,6 +49569,24 @@ const MobileSkin = ({
           })
         }, index);
       })
+    }), UtilityBar && hasSideNav && jsxRuntime.jsx("div", {
+      className: "ff-side-nav-bar",
+      children: navBarIcons?.map((icon, index) => {
+        const {
+          title,
+          ...iconProps
+        } = icon;
+        return jsxRuntime.jsx("div", {
+          className: `ff-sidebar ${icon?.className || ''} ${index === navBarIcons.length - 1 ? 'last-icon' : ''}`,
+          children: jsxRuntime.jsx(Tooltip, {
+            title: title,
+            placement: "bottom",
+            children: jsxRuntime.jsx(Icon, {
+              ...iconProps
+            })
+          })
+        }, index);
+      })
     })]
   });
 };
@@ -50065,11 +50108,13 @@ const PromptContainer = ({
   disabled,
   isEditAccess,
   versionsLength,
-  count
+  count,
+  hiddenActions = []
 }) => {
   const [isExpanded, setIsExpanded] = React.useState(false);
   const [showReadMore, setShowReadMore] = React.useState(false);
   const contentRef = React.useRef(null);
+  const hiddenListIcons = Array.isArray(hiddenActions) ? hiddenActions : hiddenActions ? [hiddenActions] : [];
   const actions = [{
     action: 'delete',
     title: 'Delete',
@@ -50156,7 +50201,7 @@ const PromptContainer = ({
       className: "ff-prompt-icons",
       children: [jsxRuntime.jsx("div", {
         className: "ff-prompt-icons-leftside",
-        children: actions.map((act, index) => {
+        children: actions.filter(act => !hiddenListIcons.includes(act.action)).map((act, index) => {
           const isDelete = act?.action === 'delete';
           const isRegenerate = act?.action === 'regenerate';
           const shouldDisableIcon = isEditAccess && isDelete || isRegenerate && (versionsLength ?? 0) >= 3 || disabled;