intelicoreact 1.6.22 → 1.6.24

package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js

@@ -1 +1,202 @@
-export default[{value:"AL",label:"Alabama (AL)"},{value:"AK",label:"Alaska (AK)"},{value:"AZ",label:"Arizona (AZ)"},{value:"AR",label:"Arkansas (AR)"},{value:"CA",label:"California (CA)"},{value:"CO",label:"Colorado (CO)"},{value:"CT",label:"Connecticut (CT)"},{value:"DE",label:"Delaware (DE)"},{value:"FL",label:"Florida (FL)"},{value:"GA",label:"Georgia (GA)"},{value:"HI",label:"Hawaii (HI)"},{value:"ID",label:"Idaho (ID)"},{value:"IL",label:"Illinois (IL)"},{value:"IN",label:"Indiana (IN)"},{value:"IA",label:"Iowa (IA)"},{value:"KS",label:"Kansas (KS)"},{value:"KY",label:"Kentucky (KY)"},{value:"LA",label:"Louisiana (LA)"},{value:"ME",label:"Maine (ME)"},{value:"MD",label:"Maryland (MD)"},{value:"MA",label:"Massachusetts (MA)"},{value:"MI",label:"Michigan (MI)"},{value:"MN",label:"Minnesota (MN)"},{value:"MS",label:"Mississippi (MS)"},{value:"MO",label:"Missouri (MO)"},{value:"MT",label:"Montana (MT)"},{value:"NE",label:"Nebraska (NE)"},{value:"NV",label:"Nevada (NV)"},{value:"NH",label:"New Hampshire (NH)"},{value:"NJ",label:"New Jersey (NJ)"},{value:"NM",label:"New Mexico (NM)"},{value:"NY",label:"New York (NY)"},{value:"NC",label:"North Carolina (NC)"},{value:"ND",label:"North Dakota (ND)"},{value:"OH",label:"Ohio (OH)"},{value:"OK",label:"Oklahoma (OK)"},{value:"OR",label:"Oregon (OR)"},{value:"PA",label:"Pennsylvania (PA)"},{value:"RI",label:"RhodeIsland (RI)"},{value:"SC",label:"South Carolina (SC)"},{value:"SD",label:"South Dakota (SD)"},{value:"TN",label:"Tennessee (TN)"},{value:"TX",label:"Texas (TX)"},{value:"UT",label:"Utah (UT)"},{value:"VT",label:"Vermont (VT)"},{value:"VA",label:"Virginia (VA)"},{value:"WA",label:"Washington (WA)"},{value:"WV",label:"West Virginia (WV)"},{value:"WI",label:"Wisconsin (WI)"},{value:"WY",label:"Wyoming (WY)"}];
+export default [
+  {
+    value: "AL",
+    label: "Alabama (AL)",
+  },
+  {
+    value: "AK",
+    label: "Alaska (AK)",
+  },
+  {
+    value: "AZ",
+    label: "Arizona (AZ)",
+  },
+  {
+    value: "AR",
+    label: "Arkansas (AR)",
+  },
+  {
+    value: "CA",
+    label: "California (CA)",
+  },
+  {
+    value: "CO",
+    label: "Colorado (CO)",
+  },
+  {
+    value: "CT",
+    label: "Connecticut (CT)",
+  },
+  {
+    value: "DE",
+    label: "Delaware (DE)",
+  },
+  {
+    value: "FL",
+    label: "Florida (FL)",
+  },
+  {
+    value: "GA",
+    label: "Georgia (GA)",
+  },
+  {
+    value: "HI",
+    label: "Hawaii (HI)",
+  },
+  {
+    value: "ID",
+    label: "Idaho (ID)",
+  },
+  {
+    value: "IL",
+    label: "Illinois (IL)",
+  },
+  {
+    value: "IN",
+    label: "Indiana (IN)",
+  },
+  {
+    value: "IA",
+    label: "Iowa (IA)",
+  },
+  {
+    value: "KS",
+    label: "Kansas (KS)",
+  },
+  {
+    value: "KY",
+    label: "Kentucky (KY)",
+  },
+  {
+    value: "LA",
+    label: "Louisiana (LA)",
+  },
+  {
+    value: "ME",
+    label: "Maine (ME)",
+  },
+  {
+    value: "MD",
+    label: "Maryland (MD)",
+  },
+  {
+    value: "MA",
+    label: "Massachusetts (MA)",
+  },
+  {
+    value: "MI",
+    label: "Michigan (MI)",
+  },
+  {
+    value: "MN",
+    label: "Minnesota (MN)",
+  },
+  {
+    value: "MS",
+    label: "Mississippi (MS)",
+  },
+  {
+    value: "MO",
+    label: "Missouri (MO)",
+  },
+  {
+    value: "MT",
+    label: "Montana (MT)",
+  },
+  {
+    value: "NE",
+    label: "Nebraska (NE)",
+  },
+  {
+    value: "NV",
+    label: "Nevada (NV)",
+  },
+  {
+    value: "NH",
+    label: "New Hampshire (NH)",
+  },
+  {
+    value: "NJ",
+    label: "New Jersey (NJ)",
+  },
+  {
+    value: "NM",
+    label: "New Mexico (NM)",
+  },
+  {
+    value: "NY",
+    label: "New York (NY)",
+  },
+  {
+    value: "NC",
+    label: "North Carolina (NC)",
+  },
+  {
+    value: "ND",
+    label: "North Dakota (ND)",
+  },
+  {
+    value: "OH",
+    label: "Ohio (OH)",
+  },
+  {
+    value: "OK",
+    label: "Oklahoma (OK)",
+  },
+  {
+    value: "OR",
+    label: "Oregon (OR)",
+  },
+  {
+    value: "PA",
+    label: "Pennsylvania (PA)",
+  },
+  {
+    value: "RI",
+    label: "RhodeIsland (RI)",
+  },
+  {
+    value: "SC",
+    label: "South Carolina (SC)",
+  },
+  {
+    value: "SD",
+    label: "South Dakota (SD)",
+  },
+  {
+    value: "TN",
+    label: "Tennessee (TN)",
+  },
+  {
+    value: "TX",
+    label: "Texas (TX)",
+  },
+  {
+    value: "UT",
+    label: "Utah (UT)",
+  },
+  {
+    value: "VT",
+    label: "Vermont (VT)",
+  },
+  {
+    value: "VA",
+    label: "Virginia (VA)",
+  },
+  {
+    value: "WA",
+    label: "Washington (WA)",
+  },
+  {
+    value: "WV",
+    label: "West Virginia (WV)",
+  },
+  {
+    value: "WI",
+    label: "Wisconsin (WI)",
+  },
+  {
+    value: "WY",
+    label: "Wyoming (WY)",
+  },
+];

package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js

@@ -1 +1,67 @@
-import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import"react";import a from"classnames";import c from"../SwitcherHide/SwitcherHide";import n from"../TextSwitcher/TextSwitcher";import r from"../Textarea/Textarea";import"./SwitcherTextarea.scss";var s="switcher-textarea";export default function(o){var d=o.label,l=o.isLabelBold,m=o.hint,h=o.className,v=o.isActive,u=o.setIsActive,x=o.isIncluded,f=void 0===x||x,p=o.setIsIncluded,T=void 0===p?function(){}:p,_=o.text,w=o.setText,b=void 0===w?function(){}:w,I=o.activeText,N=o.inactiveText,C=o.placeholder,S=o.disabled,g=o.testId;return e(c,{testId:g,isActive:void 0===v||v,onChange:void 0===u?function(){}:u,label:d,isLabelBold:l,className:a(s,h),hint:m,disabled:S,children:t(i,{children:[t("div",{className:"".concat(s,"__wrap switcher-hide__content"),children:[e(n,{testId:g,activeText:void 0===I?"is":I,inactiveText:void 0===N?"is not":N,isActive:null==f||f,onChange:function(e){return T(e)},className:"".concat(s,"__text-switcher")}),e("button",{onClick:function(){return b("")},className:"".concat(s,"__btn"),children:"Clear"})]}),e(r,{testId:g,value:void 0===_?"":_,placeholder:C,onChange:function(e){return b(e)},className:"".concat(s,"__textarea")})]})})}
+import React from "react";
+
+import cn from "classnames";
+
+import SwitcherHide from "../SwitcherHide/SwitcherHide";
+import TextSwitcher from "../TextSwitcher/TextSwitcher";
+import Textarea from "../Textarea/Textarea";
+
+import "./SwitcherTextarea.scss";
+
+const RC = "switcher-textarea";
+
+const SwitcherTextarea = ({
+  label,
+  isLabelBold,
+  hint,
+  className,
+  isActive = true,
+  setIsActive = () => {},
+  isIncluded = true,
+  setIsIncluded = () => {},
+  text = "",
+  setText = () => {},
+  activeText = "is",
+  inactiveText = "is not",
+  placeholder,
+  disabled,
+  testId,
+}) => {
+  return (
+    <SwitcherHide
+      testId={testId}
+      isActive={isActive}
+      onChange={setIsActive}
+      label={label}
+      isLabelBold={isLabelBold}
+      className={cn(RC, className)}
+      hint={hint}
+      disabled={disabled}
+    >
+      <>
+        <div className={`${RC}__wrap switcher-hide__content`}>
+          <TextSwitcher
+            testId={testId}
+            activeText={activeText}
+            inactiveText={inactiveText}
+            isActive={isIncluded ?? true}
+            onChange={(value) => setIsIncluded(value)}
+            className={`${RC}__text-switcher`}
+          />
+          <button onClick={() => setText("")} className={`${RC}__btn`}>
+            Clear
+          </button>
+        </div>
+        <Textarea
+          testId={testId}
+          value={text}
+          placeholder={placeholder}
+          onChange={(value) => setText(value)}
+          className={`${RC}__textarea`}
+        />
+      </>
+    </SwitcherHide>
+  );
+};
+
+export default SwitcherTextarea;

package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js

@@ -1 +1,115 @@
-function t(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,r=Array(n);e<n;e++)r[e]=t[e];return r}function n(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{},r=Object.keys(e);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(e).filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.forEach(function(n){var r;r=e[n],n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r})}return t}function e(t,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):(function(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e})(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}),t}function r(n,e){return function(t){if(Array.isArray(t))return t}(n)||function(t,n){var e,r,o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i=[],u=!0,c=!1;try{for(o=o.call(t);!(u=(e=o.next()).done)&&(i.push(e.value),!n||i.length!==n);u=!0);}catch(t){c=!0,r=t}finally{try{u||null==o.return||o.return()}finally{if(c)throw r}}return i}}(n,e)||function(n,e){if(n){if("string"==typeof n)return t(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);if("Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return t(n,e)}}(n,e)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{jsx as o}from"react/jsx-runtime";import{useEffect as i,useRef as u,useState as c}from"react";import l from"../../UI/TagList/TagList";import a from"../TagsDropdown/TagsDropdown";export default function(t){var f=t.options,s=t.value,p=void 0===s?[]:s,y=t.dropdownProps,d=void 0===y?{}:y,m=t.listProps,b=void 0===m?{}:m,O=t.onChange,g=t.useDropdownCompactMode,v=p.map(function(t){return t.value}),h=r(c(!1),2),w=h[0],j=h[1],C=r(c(!1),2),P=C[0],S=C[1],A=r(c(v),2),D=A[0],T=A[1],I=r(c(!1),2),E=I[0],L=I[1],k=r(c(!1),2),x=k[0],R=k[1],U=u(null),M=function(){if(E){var t;R(!0),L(!1),t=new Promise(function(t){var n,e=O(f.filter(function(t){var n=t.value;return D.includes(n)}));(null!=(n=Promise)&&"undefined"!=typeof Symbol&&n[Symbol.hasInstance]?!!n[Symbol.hasInstance](e):e instanceof n)?e.then(function(n){return t(n)}):t()}),t.finally(function(){j(!1),R(!1)})}else j(!1)};i(function(){T(v)},[w]);var $=function(t){return o(a,e(n(e(n({},d),{disabled:x,options:f,chosenOptions:D,renderOptionsAsTags:!0,withCreateLogic:!0,isUseLocalOptionsStore:!1,onOptionEdit:null==d?void 0:d.onOptionEdit,onOptionDelete:null==d?void 0:d.onOptionDelete,onOptionCreate:null==d?void 0:d.onOptionCreate,onActionConfirmClick:M,onActionCancelClick:function(){return j(function(t){return!t})},onChange:function(t){T(t),L(!0)}}),t),{isDefaultOpened:w}))},q=function(t){return o(l,n(e(n({disabled:x,refProp:U},b),{items:p,onEditClick:function(){return j(function(t){return!t})}}),t))};return g?$({withActions:!1,withSearchInputInList:!0,customTriggerRef:U,recalculateListContainerStylesTrigger:P,onDropdownListClose:M,renderCustomTrigger:function(t){t.isOpen;var n=t.setIsOpen;return t.inputRef,q({onToggleRenderAll:function(t){return setTimeout(function(){return S(t)},1)},onEditClick:function(){n(!w),w?M():j(!0)}})}}):w?$({withActions:!0}):q()}
+import React, { useEffect, useRef, useState } from "react";
+
+import TagList from "../../UI/TagList/TagList";
+import TagsDropdown from "../TagsDropdown/TagsDropdown";
+
+const TagListToDropdown = ({
+  options,
+  value = [],
+  dropdownProps = {},
+  listProps = {},
+  onChange,
+  useDropdownCompactMode,
+}) => {
+  const preparedValue = value.map(({ value }) => value);
+  const [isEditMode, setIsEditMode] = useState(false);
+  const [isRenderAllTags, setIsRenderAllTags] = useState(false);
+  const [newValue, setNewValue] = useState(preparedValue);
+  const [isValueChanged, setIsValueChanged] = useState(false);
+
+  const [isLoading, setIsLoading] = useState(false);
+
+  const tagListRef = useRef(null);
+
+  const onConfirmChangesClick = () => {
+    if (isValueChanged) {
+      setIsLoading(true);
+      setIsValueChanged(false);
+      new Promise((r) => {
+        const onChangeResult = onChange(
+          options.filter(({ value }) => newValue.includes(value)),
+        );
+        if (onChangeResult instanceof Promise) {
+          onChangeResult.then((data) => r(data));
+        } else {
+          r();
+        }
+      })?.finally(() => {
+        setIsEditMode(false);
+        setIsLoading(false);
+      });
+    } else {
+      setIsEditMode(false);
+    }
+  };
+
+  useEffect(() => {
+    setNewValue(preparedValue);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isEditMode]);
+
+  const renderTagsDropdown = (props) => {
+    return (
+      <TagsDropdown
+        {...dropdownProps}
+        disabled={isLoading}
+        options={options}
+        chosenOptions={newValue}
+        renderOptionsAsTags
+        withCreateLogic
+        isUseLocalOptionsStore={false}
+        onOptionEdit={dropdownProps?.onOptionEdit}
+        onOptionDelete={dropdownProps?.onOptionDelete}
+        onOptionCreate={dropdownProps?.onOptionCreate}
+        onActionConfirmClick={onConfirmChangesClick}
+        onActionCancelClick={() => setIsEditMode((v) => !v)}
+        onChange={(data) => {
+          setNewValue(data);
+          setIsValueChanged(true);
+        }}
+        {...props}
+        isDefaultOpened={isEditMode}
+      />
+    );
+  };
+
+  const renderTagsList = (props) => {
+    return (
+      <TagList
+        disabled={isLoading}
+        refProp={tagListRef}
+        {...listProps}
+        items={value}
+        onEditClick={() => setIsEditMode((v) => !v)}
+        {...props}
+      />
+    );
+  };
+
+  const renderCompactMode = () => {
+    return renderTagsDropdown({
+      withActions: false,
+      withSearchInputInList: true,
+      customTriggerRef: tagListRef,
+      recalculateListContainerStylesTrigger: isRenderAllTags,
+      onDropdownListClose: onConfirmChangesClick,
+      renderCustomTrigger: ({ isOpen, setIsOpen, inputRef }) =>
+        renderTagsList({
+          onToggleRenderAll: (v) => setTimeout(() => setIsRenderAllTags(v), 1),
+          onEditClick: () => {
+            setIsOpen(!isEditMode);
+            if (isEditMode) onConfirmChangesClick();
+            else setIsEditMode(true);
+          },
+        }),
+    });
+  };
+
+  return useDropdownCompactMode
+    ? renderCompactMode()
+    : isEditMode
+      ? renderTagsDropdown({ withActions: true })
+      : renderTagsList();
+};
+
+export default TagListToDropdown;

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.interface.ts

@@ -29,8 +29,8 @@ export interface ITagsDropdownOption extends IUniProps {
 
 export interface ITagsDropdownProps extends IUniProps {
   options: ITagsDropdownOption[];
-  chosenOptions: string[];
-  onChange?: (value: string[], key: string) => void;
+  chosenOptions: (string | number)[];
+  onChange?: (value: (string | number)[], key: string) => void;
   tagClassname?: string;
   listClassName?: string;
   onKeyPress?: (e?: KeyboardEventInit, searchValue?: string) => void;