@wishket/design-system 1.1.7 → 1.1.8

package/dist/Components/Atoms/SystemIcon/index.d.ts

@@ -1,3 +1,3 @@
 import SystemIcon from './SystemIcon';
 export default SystemIcon;
-export type { SystemIconName } from './SystemIcon.types';
+export type { SystemIconName, SmallSystemIconName, MediumSystemIconName, LargeSystemIconName, SocialSystemIconName, } from './SystemIcon.types';

package/dist/Components/Molecules/Modal/Modal.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("tailwind-merge"),o=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),r=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("../../Atoms/BackDrop/BackDrop.js")),s=require("../../Atoms/ModalContainer/ModalContainer.js"),a=require("../../Atoms/FullModalContainer/FullModalContainer.js"),n=require("../../Atoms/BottomModalContainer/BottomModalContainer.js"),l="duration-300";module.exports=function(u){var d=u.isOpen,c=u.variant,c=void 0===c?"default":c,m=u.size,m=void 0===m?"md":m,j=u.overflow,j=void 0===j?"auto":j,x=u.isBackgroundBlack,x=void 0===x||x,q=u.isFixedHeight,C=u.isPreventScroll,C=void 0===C||C,f=u.onClose,u=u.children,h=i.useState(!1),p=h[0],v=h[1],h=i.useState(!1),A=h[0],M=h[1],h="bottom"===c,y="full"===c,c="default"===c;return i.useEffect(function(){d?(M(!0),requestAnimationFrame(function(){return v(!0)})):v(!1)},[d]),A||d?e.jsxs(o,{"data-testid":"design-system--modal",className:t.twJoin("fixed inset-0 z-30 flex justify-center transition-opacity",l,h?"items-end":"items-center",p?"opacity-100":"opacity-0"),children:[e.jsx(r,{onClick:f,isBlack:x,preventScroll:C}),e.jsxs(o,{className:t.twMerge("z-10 transition-all duration-1000 ease-in",l,h&&"w-full",p?"translate-y-0 opacity-100":"translate-y-full opacity-0"),onTransitionEnd:function(){d||M(!1)},children:[c&&e.jsx(s,{size:m,overflow:j,children:u}),y&&e.jsx(a,{children:u}),h&&f&&e.jsx(n,{onClose:f,isFixedHeight:q,children:u})]})]}):null};
+"use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("tailwind-merge"),o=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),r=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("../../Atoms/BackDrop/BackDrop.js")),s=require("../../Atoms/ModalContainer/ModalContainer.js"),a=require("../../Atoms/FullModalContainer/FullModalContainer.js"),n=require("../../Atoms/BottomModalContainer/BottomModalContainer.js"),l="duration-300";module.exports=function(u){var d=u.isOpen,c=u.variant,c=void 0===c?"default":c,m=u.size,m=void 0===m?"md":m,j=u.overflow,j=void 0===j?"auto":j,x=u.isBackgroundBlack,x=void 0===x||x,q=u.isFixedHeight,C=u.isPreventScroll,C=void 0===C||C,f=u.onClose,u=u.children,h=i.useState(!1),p=h[0],v=h[1],h=i.useState(!1),A=h[0],M=h[1],h="bottom"===c,y="full"===c,c="default"===c;return i.useEffect(function(){d?(M(!0),requestAnimationFrame(function(){return v(!0)})):v(!1)},[d]),A||d?e.jsxs(o,{"data-testid":"design-system--modal",className:t.twJoin("fixed inset-0 z-30 flex justify-center transition-opacity",l,h?"items-end":"items-center",p?"opacity-100":"opacity-0"),children:[e.jsx(r,{onClick:f,isBlack:x,preventScroll:C}),e.jsxs(o,{className:t.twMerge("z-30 transition-all duration-1000 ease-in",l,h&&"w-full",p?"translate-y-0 opacity-100":"translate-y-full opacity-0"),onTransitionEnd:function(){d||M(!1)},children:[c&&e.jsx(s,{size:m,overflow:j,children:u}),y&&e.jsx(a,{children:u}),h&&f&&e.jsx(n,{onClose:f,isFixedHeight:q,children:u})]})]}):null};

package/dist/Components/Organisms/Autocomplete/Autocomplete.d.ts

@@ -1,3 +1,3 @@
 import { AutocompleteProps } from './Autocomplete.types';
-declare const Autocomplete: ({ skillItems, legacySkillItems, selectedItems, onChipDelete, value, onValueChange, placeholder, onSkillItemClick, onLegacySkillItemClick, onInputItemClick, supportingText, hasIndexBar, error, }: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
+declare const Autocomplete: ({ skillItems, legacySkillItems, selectedItems, onChipDelete, value, onValueChange, placeholder, onSkillItemClick, onLegacySkillItemClick, onInputItemClick, supportingText, hasIndexBar, error, leadingIcon, }: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
 export default Autocomplete;

package/dist/Components/Organisms/Autocomplete/Autocomplete.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("tailwind-merge"),l=require("@wishket/yogokit"),o=require("../../Atoms/Typography/Typography.js"),s=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),a=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("next/link"),require("../../Molecules/InputChip/InputChip.js")),n=require("../../Molecules/AutoCompleteList/AutoCompleteList.js"),u=require("./Autocomplete.utils.js"),c=require("./Autocomplete.parts.js");module.exports=function(d){function m(){b(!1)}var p=d.skillItems,x=d.legacySkillItems,h=d.selectedItems,g=d.onChipDelete,f=d.value,j=d.onValueChange,y=d.placeholder,C=d.onSkillItemClick,v=d.onLegacySkillItemClick,I=d.onInputItemClick,k=d.supportingText,q=d.hasIndexBar,q=void 0!==q&&q,d=d.error,A=r.useState(!1),_=A[0],b=A[1],A=r.useRef(null),w=r.useRef(null),S=r.useState([]),M=S[0],L=S[1],N=u.getSortedSkillItems(p),S=u.getSortedSkillItems(x);return l.useClickOutside(A,m),t.jsxs("div",{"data-testid":"design-system-autocomplete-root",className:"flex w-full flex-col gap-3",ref:A,children:[t.jsxs(s,{className:"relative",children:[t.jsxs(s,{"data-testid":"design-system-autocomplete-chip-input-box",className:i.twMerge("flex w-full flex-wrap gap-3 rounded-xl border border-gray-200 px-4 py-2.5 transition-all duration-300 hover:border-primary-500",_&&"border-primary-500",d&&"border-w-red-500"),children:[h.map(function(e){return t.jsx(a,{onDelete:function(){return g(e)},children:e},e)}),t.jsx("input",{"data-testid":"design-system-autocomplete-input",className:"flex-auto text-w-gray-600 outline-none placeholder:text-w-gray-300",value:f,onChange:function(e){j(e.target.value)},placeholder:y,onClick:function(e){_||b(!_)}})]}),_&&t.jsx(s,{"data-testid":"design-system-autocomplete-list",ref:w,className:"absolute -bottom-1 z-40 w-full translate-y-full transform transition-all",onMouseLeave:function(){0<M.length&&(m(),L([]))},children:t.jsx(n.Root,{hasIndexBar:q,onIndexClick:function(t){var e=N.find(function(e){return e.value.toUpperCase().startsWith(t)});e&&w.current&&(e=w.current.querySelector('[id="item-'.concat(e.value.replace(/ /g,"_"),'"]')))&&e.scrollIntoView()},children:t.jsxs(c.WithDivider,{children:[0<p.length&&t.jsx(s,{children:N.map(function(r){var i=r.iconUrl,l=r.value;return t.jsx(n.Item,{id:"item-".concat(l.replace(/ /g,"_")),leadingIcon:"medium_plus",iconUrl:i,text:l,onClick:function(t){var r;C(r={iconUrl:i,value:l}),L(e.__spreadArray(e.__spreadArray([],M,!0),[r],!1))}},l)})}),0<x.length&&t.jsx(s,{children:S.map(function(r){var i=r.value,l=r.count;return t.jsx(n.Item,{text:i,count:l,onClick:function(t){var r;v(r={value:i,count:l}),L(e.__spreadArray(e.__spreadArray([],M,!0),[r],!1))}},i)})}),f&&t.jsx(n.Item,{text:f,isInputItem:!0,onClick:function(t){I(f),j(""),L(e.__spreadArray(e.__spreadArray([],M,!0),[f],!1))}})]})})})]}),k&&t.jsx(o,{variant:"body2",className:i.twMerge("ml-4 text-w-gray-400",d&&"text-w-red-500"),children:k})]})};
+"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("tailwind-merge"),o=require("@wishket/yogokit"),l=require("../../Atoms/Typography/Typography.js"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),n=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("next/link"),require("../../Molecules/InputChip/InputChip.js")),s=require("../../Molecules/AutoCompleteList/AutoCompleteList.js"),u=require("./Autocomplete.utils.js"),c=require("./Autocomplete.parts.js");module.exports=function(d){function m(){w(!1)}var p=d.skillItems,x=d.legacySkillItems,h=d.selectedItems,g=d.onChipDelete,f=d.value,j=d.onValueChange,y=d.placeholder,v=d.onSkillItemClick,C=d.onLegacySkillItemClick,I=d.onInputItemClick,k=d.supportingText,q=d.hasIndexBar,q=void 0!==q&&q,A=d.error,d=d.leadingIcon,_=void 0===d?"medium_plus":d,d=r.useState(!1),b=d[0],w=d[1],d=r.useRef(null),S=r.useRef(null),M=r.useState([]),L=M[0],N=M[1],B=u.getSortedSkillItems(p),M=u.getSortedSkillItems(x);return o.useClickOutside(d,m),t.jsxs("div",{"data-testid":"design-system-autocomplete-root",className:"flex w-full flex-col gap-3",ref:d,children:[t.jsxs(a,{className:"relative",children:[t.jsxs(a,{"data-testid":"design-system-autocomplete-chip-input-box",className:i.twMerge("flex w-full flex-wrap gap-3 rounded-xl border border-gray-200 px-4 py-2.5 transition-all duration-300 hover:border-primary-500",b&&"border-primary-500",A&&"border-w-red-500"),children:[h.map(function(e){return t.jsx(n,{onDelete:function(){return g(e)},children:e},e)}),t.jsx("input",{"data-testid":"design-system-autocomplete-input",className:"flex-auto text-w-gray-600 outline-none placeholder:text-w-gray-300",value:f,onChange:function(e){j(e.target.value)},placeholder:y,onClick:function(e){b||w(!b)}})]}),b&&t.jsx(a,{"data-testid":"design-system-autocomplete-list",ref:S,className:"absolute -bottom-1 z-40 w-full translate-y-full transform transition-all",onMouseLeave:function(){0<L.length&&(m(),N([]))},children:t.jsx(s.Root,{hasIndexBar:q,onIndexClick:function(t){var e=B.find(function(e){return e.value.toUpperCase().startsWith(t)});e&&S.current&&(e=S.current.querySelector('[id="item-'.concat(e.value.replace(/ /g,"_"),'"]')))&&e.scrollIntoView()},children:t.jsxs(c.WithDivider,{children:[0<p.length&&t.jsx(a,{children:B.map(function(r,i){var l=r.iconUrl,o=r.value;return t.jsx(s.Item,{id:"item-".concat(o.replace(/ /g,"_"),"-").concat(i),leadingIcon:_,iconUrl:l,text:o,onClick:function(t){var r;v(r={iconUrl:l,value:o}),N(e.__spreadArray(e.__spreadArray([],L,!0),[r],!1))}},o)})}),0<x.length&&t.jsx(a,{children:M.map(function(r,i){var l=r.value,o=r.count;return t.jsx(s.Item,{text:l,count:o,onClick:function(t){var r;C(r={value:l,count:o}),N(e.__spreadArray(e.__spreadArray([],L,!0),[r],!1))}},"".concat(l,"-").concat(i))})}),f&&t.jsx(s.Item,{text:f,isInputItem:!0,onClick:function(t){I(f),j(""),N(e.__spreadArray(e.__spreadArray([],L,!0),[f],!1))}})]})})})]}),k&&t.jsx(l,{variant:"body2",className:i.twMerge("ml-4 text-w-gray-400",A&&"text-w-red-500"),children:k})]})};

package/dist/Components/Organisms/Autocomplete/Autocomplete.types.d.ts

@@ -1,3 +1,4 @@
+import { MediumSystemIconName } from '../../Atoms/SystemIcon';
 export type SkillItem = {
     iconUrl: string;
     value: string;
@@ -20,4 +21,5 @@ export interface AutocompleteProps {
     supportingText?: string;
     hasIndexBar?: boolean;
     error?: boolean;
+    leadingIcon?: MediumSystemIconName;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishket/design-system",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": "Wishket Design System",
   "main": "dist/index.js",
   "module": "dist/index.es.js",