@popsure/dirty-swan 0.36.0 → 0.37.0-alpha.2

package/dist/esm/components/icon/icons.stories.js

@@ -0,0 +1,412 @@
+import { _ as __assign } from '../../tslib.es6-5bc94358.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Input } from '../input/index.js';
+import { i as icons } from '../../index-8a6ace50.js';
+import Button from '../button/index.js';
+import { c as classnames } from '../../index-e9e37a34.js';
+import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
+import '../../index-fb46adf9.js';
+import './icons/1.js';
+import './IconWrapper/IconWrapper.js';
+import './icons/2.js';
+import './icons/3.js';
+import './icons/4.js';
+import './icons/5.js';
+import './icons/6.js';
+import './icons/7.js';
+import './icons/8.js';
+import './icons/Activity.js';
+import './icons/Adhd.js';
+import './icons/AdviceRecommendation.js';
+import './icons/AlertCircle.js';
+import './icons/AlertOctagon.js';
+import './icons/AlertTriangleFilled.js';
+import './icons/AlertTriangle.js';
+import './icons/AlignCenter.js';
+import './icons/AlignJustify.js';
+import './icons/AlignLeft.js';
+import './icons/AlignRight.js';
+import './icons/Anchor.js';
+import './icons/Aperture.js';
+import './icons/Archive.js';
+import './icons/ArrowDownCircle.js';
+import './icons/ArrowDownLeft.js';
+import './icons/ArrowDownRight.js';
+import './icons/ArrowDown.js';
+import './icons/ArrowLeftCircle.js';
+import './icons/ArrowLeft.js';
+import './icons/ArrowRightCircle.js';
+import './icons/ArrowRight.js';
+import './icons/ArrowUpCircle.js';
+import './icons/ArrowUpLeft.js';
+import './icons/ArrowUpRight.js';
+import './icons/ArrowUp.js';
+import './icons/Arthritis.js';
+import './icons/AssistantFilled.js';
+import './icons/Asthma.js';
+import './icons/AtSign.js';
+import './icons/AwardMedal.js';
+import './icons/Bank.js';
+import './icons/BarChart2.js';
+import './icons/BarChart.js';
+import './icons/BasketballSports.js';
+import './icons/BatteryCharging.js';
+import './icons/Battery.js';
+import './icons/BellOff.js';
+import './icons/Bell.js';
+import './icons/Bluetooth.js';
+import './icons/Bold.js';
+import './icons/BookOpen.js';
+import './icons/Book.js';
+import './icons/Bookmark.js';
+import './icons/Box.js';
+import './icons/BoxesAddFilled.js';
+import './icons/BoxesAdd.js';
+import './icons/BoxesAdd2.js';
+import './icons/BoxesMultipleFilled.js';
+import './icons/BoxesMultiple.js';
+import './icons/Briefcase.js';
+import './icons/Calculator.js';
+import './icons/Calendar.js';
+import './icons/CameraOff.js';
+import './icons/Camera.js';
+import './icons/Cancer.js';
+import './icons/Cast.js';
+import './icons/CheckCircle.js';
+import './icons/CheckInCircleFilled.js';
+import './icons/CheckInCircle.js';
+import './icons/CheckSquare.js';
+import './icons/CheckThick.js';
+import './icons/Check.js';
+import './icons/CheckboxChecked.js';
+import './icons/CheckboxUnchecked.js';
+import './icons/ChevronDown.js';
+import './icons/ChevronLeft.js';
+import './icons/ChevronRight.js';
+import './icons/ChevronUp.js';
+import './icons/ChevronsDown.js';
+import './icons/ChevronsLeft.js';
+import './icons/ChevronsRight.js';
+import './icons/ChevronsUp.js';
+import './icons/Chrome.js';
+import './icons/CircleSelected.js';
+import './icons/CircleSmall.js';
+import './icons/CircleUnselected.js';
+import './icons/Circle.js';
+import './icons/Clipboard.js';
+import './icons/ClockTime.js';
+import './icons/CloudDrizzle.js';
+import './icons/CloudLightning.js';
+import './icons/CloudOff.js';
+import './icons/CloudRain.js';
+import './icons/CloudSnow.js';
+import './icons/Cloud.js';
+import './icons/Code.js';
+import './icons/Codepen.js';
+import './icons/Codesandbox.js';
+import './icons/Coffee.js';
+import './icons/Columns.js';
+import './icons/Command.js';
+import './icons/Compass.js';
+import './icons/Concierge.js';
+import './icons/Copy.js';
+import './icons/CornerDownLeft.js';
+import './icons/CornerDownRight.js';
+import './icons/CornerLeftDown.js';
+import './icons/CornerLeftUp.js';
+import './icons/CornerRightDown.js';
+import './icons/CornerRightUp.js';
+import './icons/CornerUpLeft.js';
+import './icons/CornerUpRight.js';
+import './icons/Cpu.js';
+import './icons/CreditCard.js';
+import './icons/Crop.js';
+import './icons/Crosshair.js';
+import './icons/Database.js';
+import './icons/Delete.js';
+import './icons/DentalPlus.js';
+import './icons/DentalToothTeeth.js';
+import './icons/DependentsFamilyAdd.js';
+import './icons/DependentsFamily.js';
+import './icons/Diabetes.js';
+import './icons/Disc.js';
+import './icons/DoctorStethoscope.js';
+import './icons/Doctor.js';
+import './icons/DollarSign.js';
+import './icons/DownloadCloud.js';
+import './icons/Download.js';
+import './icons/DragCorner.js';
+import './icons/Droplet.js';
+import './icons/Edit2.js';
+import './icons/Edit3.js';
+import './icons/Edit.js';
+import './icons/Equal.js';
+import './icons/EuroClaimFilled.js';
+import './icons/EuroClaim.js';
+import './icons/Euro.js';
+import './icons/ExternalLink.js';
+import './icons/EyeOff.js';
+import './icons/EyeVision.js';
+import './icons/Facebook.js';
+import './icons/FastEasy.js';
+import './icons/FastForward.js';
+import './icons/Feather.js';
+import './icons/Female.js';
+import './icons/FileMinus.js';
+import './icons/FilePlus.js';
+import './icons/FileText.js';
+import './icons/File.js';
+import './icons/Film.js';
+import './icons/Filter.js';
+import './icons/Flag.js';
+import './icons/FolderMinus.js';
+import './icons/FolderPlus.js';
+import './icons/Folder.js';
+import './icons/Framer.js';
+import './icons/Frown.js';
+import './icons/Gift.js';
+import './icons/GitBranch.js';
+import './icons/GitCommit.js';
+import './icons/GitMerge.js';
+import './icons/GitPullRequest.js';
+import './icons/GlobeNetworkEarth.js';
+import './icons/Hallesche.js';
+import './icons/HandsMassageTherapeutic.js';
+import './icons/HardDrive.js';
+import './icons/Hash.js';
+import './icons/Headphones.js';
+import './icons/HeartHand.js';
+import './icons/HeartPlus.js';
+import './icons/Heart.js';
+import './icons/Hexagon.js';
+import './icons/Home.js';
+import './icons/HospitalBuilding.js';
+import './icons/ImagePicture.js';
+import './icons/Inbox.js';
+import './icons/InfoFilled.js';
+import './icons/Info.js';
+import './icons/Instagram.js';
+import './icons/Italic.js';
+import './icons/Key.js';
+import './icons/LawyerLegal.js';
+import './icons/Layers.js';
+import './icons/Layout.js';
+import './icons/LifeBuoy.js';
+import './icons/Link2.js';
+import './icons/Link.js';
+import './icons/Linkedin.js';
+import './icons/List.js';
+import './icons/Loader.js';
+import './icons/Lock.js';
+import './icons/LogIn.js';
+import './icons/LogOut.js';
+import './icons/Mail.js';
+import './icons/Male.js';
+import './icons/MapPin.js';
+import './icons/Map.js';
+import './icons/Maximize2.js';
+import './icons/Maximize.js';
+import './icons/MedicationPills.js';
+import './icons/Meh.js';
+import './icons/MentalHealth.js';
+import './icons/MenuDotsMoreHorizontal.js';
+import './icons/MenuDotsMoreVertical.js';
+import './icons/Menu.js';
+import './icons/MessageCircle.js';
+import './icons/MessageSquare.js';
+import './icons/MicOff.js';
+import './icons/Mic.js';
+import './icons/Minimize2.js';
+import './icons/Minimize.js';
+import './icons/MinusCircle.js';
+import './icons/MinusSquare.js';
+import './icons/Minus.js';
+import './icons/MonitorScreen.js';
+import './icons/MoonNight.js';
+import './icons/MousePointer.js';
+import './icons/Move.js';
+import './icons/Music.js';
+import './icons/Natural.js';
+import './icons/Navigation2.js';
+import './icons/Navigation.js';
+import './icons/NoDocument.js';
+import './icons/Octagon.js';
+import './icons/Package.js';
+import './icons/Paperclip.js';
+import './icons/PauseCircle.js';
+import './icons/Pause.js';
+import './icons/PenTool.js';
+import './icons/Percent.js';
+import './icons/PhoneCall.js';
+import './icons/PhoneForwarded.js';
+import './icons/PhoneHealth.js';
+import './icons/PhoneIncoming.js';
+import './icons/PhoneMissed.js';
+import './icons/PhoneOff.js';
+import './icons/PhoneOutgoing.js';
+import './icons/Phone.js';
+import './icons/PieChart.js';
+import './icons/PlaneFilled.js';
+import './icons/Plane.js';
+import './icons/PlayCircle.js';
+import './icons/Play.js';
+import './icons/PlusCircle.js';
+import './icons/PlusSquare.js';
+import './icons/Plus.js';
+import './icons/Pocket.js';
+import './icons/PoliciesShieldFilled.js';
+import './icons/PoliciesShield.js';
+import './icons/Power.js';
+import './icons/Pregnacy.js';
+import './icons/Printer.js';
+import './icons/Progress.js';
+import './icons/QrCode.js';
+import './icons/QuestionmarkHelpCircle.js';
+import './icons/QuotationMarks.js';
+import './icons/Radio.js';
+import './icons/RefreshCcw.js';
+import './icons/RefreshCw.js';
+import './icons/Repeat.js';
+import './icons/Restart.js';
+import './icons/Rewind.js';
+import './icons/RotateCcw.js';
+import './icons/RotateCw.js';
+import './icons/Rss.js';
+import './icons/Save.js';
+import './icons/Scissors.js';
+import './icons/Search.js';
+import './icons/Send.js';
+import './icons/Server.js';
+import './icons/Settings.js';
+import './icons/Share2.js';
+import './icons/Share.js';
+import './icons/ShieldCover5Years.js';
+import './icons/ShieldOff.js';
+import './icons/ShieldPlus.js';
+import './icons/Shield.js';
+import './icons/ShoppingBag2.js';
+import './icons/ShoppingBag.js';
+import './icons/ShoppingCart.js';
+import './icons/Shuffle.js';
+import './icons/Sidebar.js';
+import './icons/SkipBack.js';
+import './icons/SkipForward.js';
+import './icons/Slack.js';
+import './icons/Slash.js';
+import './icons/Sliders.js';
+import './icons/Smartphone.js';
+import './icons/Smile.js';
+import './icons/Sofa.js';
+import './icons/Speaker.js';
+import './icons/Square.js';
+import './icons/StarFilled.js';
+import './icons/StarHalf.js';
+import './icons/Star.js';
+import './icons/StopCircle.js';
+import './icons/Subtract.js';
+import './icons/SunDay.js';
+import './icons/Sunrise.js';
+import './icons/Sunset.js';
+import './icons/SyringeVaccination.js';
+import './icons/Tablet.js';
+import './icons/Tag.js';
+import './icons/Target.js';
+import './icons/Terminal.js';
+import './icons/Thermometer.js';
+import './icons/ThumbsDown.js';
+import './icons/ThumbsUp.js';
+import './icons/ToggleLeft.js';
+import './icons/ToggleRight.js';
+import './icons/Tool.js';
+import './icons/Trash2.js';
+import './icons/Trash.js';
+import './icons/Trello.js';
+import './icons/TrendingDown.js';
+import './icons/TrendingUp.js';
+import './icons/Triangle.js';
+import './icons/Truck.js';
+import './icons/Tv.js';
+import './icons/Twitch.js';
+import './icons/Twitter.js';
+import './icons/Type.js';
+import './icons/UltrasoundScan.js';
+import './icons/Umbrella.js';
+import './icons/Underline.js';
+import './icons/Unlock.js';
+import './icons/UploadCloud.js';
+import './icons/Upload.js';
+import './icons/UserCheck.js';
+import './icons/UserFilled.js';
+import './icons/UserMinus.js';
+import './icons/UserPlus.js';
+import './icons/UserX.js';
+import './icons/User.js';
+import './icons/Users.js';
+import './icons/VideoDoctor.js';
+import './icons/VideoOff.js';
+import './icons/Video.js';
+import './icons/VisaPassportFiled.js';
+import './icons/VisaPassport.js';
+import './icons/Voicemail.js';
+import './icons/Volume1.js';
+import './icons/Volume2.js';
+import './icons/VolumeX.js';
+import './icons/Volume.js';
+import './icons/Watch.js';
+import './icons/Whatsapp.js';
+import './icons/WifiOff.js';
+import './icons/Wifi.js';
+import './icons/Wind.js';
+import './icons/WorldGlobeEarth.js';
+import './icons/XCircleFilled.js';
+import './icons/XCircle.js';
+import './icons/XOctagon.js';
+import './icons/XSquare.js';
+import './icons/X.js';
+import './icons/Youtube.js';
+import './icons/ZapOff.js';
+import './icons/Zap.js';
+import './icons/ZoomIn.js';
+import './icons/ZoomOut.js';
+
+var css_248z = ".style-module_searchBar__2IN5T {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  border-bottom: 1px solid #ededf2;\n  padding: 4px 20px;\n  z-index: 9;\n}";
+var styles = {"searchBar":"style-module_searchBar__2IN5T"};
+styleInject(css_248z);
+
+var story = {
+    title: 'JSX/Icon/IconsList',
+};
+var iconsList = Object.entries(icons);
+var IconsList = function () {
+    var _a = useState(''), value = _a[0], setValue = _a[1];
+    var _b = useState(iconsList), options = _b[0], setOptions = _b[1];
+    var clearSearch = function () {
+        setValue('');
+        setOptions(iconsList);
+    };
+    var handleOnSearch = function (event) {
+        var searchValue = event.target.value;
+        setValue(event.target.value);
+        if (searchValue === '') {
+            setOptions(iconsList);
+            return;
+        }
+        setOptions(iconsList.filter(function (_a) {
+            var key = _a[0];
+            return key.toLowerCase()
+                .includes(searchValue.toLowerCase());
+        }));
+    };
+    return (jsxs("div", { children: [jsx("div", __assign({ className: classnames(styles.searchBar, 'bg-white') }, { children: jsxs("div", __assign({ className: 'd-flex gap8 wmx12 m-auto' }, { children: [jsx(Input, { className: 'w70', onChange: handleOnSearch, placeholder: 'Search icon', value: value }, void 0),
+                        jsx(Button, { className: 'w30', disabled: !value, buttonTitle: 'Clear search', onClick: clearSearch }, void 0)] }), void 0) }), void 0),
+            jsx("div", __assign({ className: 'd-flex f-wrap' }, { children: options.map(function (_a) {
+                    var iconKey = _a[0], Icon = _a[1];
+                    return (jsx("div", __assign({ className: "w20 p8" }, { children: jsxs("div", __assign({ className: 'br4 p24 pt16 pb16 bg-grey-100 w100 d-flex fd-column ai-center' }, { children: [jsx(Icon, { size: 32 }, void 0),
+                                jsx("span", __assign({ className: 'p-p--small' }, { children: iconKey }), void 0)] }), void 0) }), iconKey));
+                }) }), void 0)] }, void 0));
+};
+
+export default story;
+export { IconsList };
+//# sourceMappingURL=icons.stories.js.map

package/dist/esm/components/icon/icons.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.stories.js","sources":["../../../../../src/lib/components/icon/icons.stories.tsx"],"sourcesContent":["import { ChangeEvent, useState } from 'react';\nimport { Input } from '../input';\nimport * as icons from './icons';\nimport Button from '../button';\nimport classNames from 'classnames';\nimport styles from './style.module.scss';\n\nconst story = {\n  title: 'JSX/Icon/IconsList',\n};\n\nconst iconsList = Object.entries(icons);\n\nexport const IconsList = () => {\n  const [value, setValue] = useState('');\n  const [options, setOptions] = useState(iconsList);\n\n  const clearSearch = () => {\n    setValue('');\n    setOptions(iconsList);\n  };\n\n  const handleOnSearch = (event: ChangeEvent<HTMLInputElement>) => {\n    const searchValue = event.target.value;\n    setValue(event.target.value);\n\n    if (searchValue === '') {\n      setOptions(iconsList);\n      return;\n    }\n\n    setOptions(iconsList.filter(([key]) => \n      key.toLowerCase()\n        .includes(searchValue.toLowerCase())\n    ));\n  };\n\n  return (\n    <div>\n      <div className={classNames(styles.searchBar, 'bg-white')}>\n        <div className='d-flex gap8 wmx12 m-auto'>\n        <Input\n          className='w70'\n          onChange={handleOnSearch}\n          placeholder='Search icon'\n          value={value} \n        />\n        <Button className='w30' disabled={!value} buttonTitle='Clear search' onClick={clearSearch} />\n        </div>\n      </div>\n\n      <div className='d-flex f-wrap'>\n        {options.map(([iconKey, Icon]) => (\n          <div key={iconKey} className=\"w20 p8\">\n            <div className='br4 p24 pt16 pb16 bg-grey-100 w100 d-flex fd-column ai-center'>\n              <Icon size={32} />\n              <span className='p-p--small'>{iconKey}</span>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport default story;\n"],"names":["_jsxs","_jsx","classNames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOM,KAAK,GAAG;IACZ,KAAK,EAAE,oBAAoB;EAC3B;AAEF,IAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAE3B,SAAS,GAAG;IACjB,IAAA,KAAoB,QAAQ,CAAC,EAAE,CAAC,EAA/B,KAAK,QAAA,EAAE,QAAQ,QAAgB,CAAC;IACjC,IAAA,KAAwB,QAAQ,CAAC,SAAS,CAAC,EAA1C,OAAO,QAAA,EAAE,UAAU,QAAuB,CAAC;IAElD,IAAM,WAAW,GAAG;QAClB,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,UAAU,CAAC,SAAS,CAAC,CAAC;KACvB,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,KAAoC;QAC1D,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACvC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAE7B,IAAI,WAAW,KAAK,EAAE,EAAE;YACtB,UAAU,CAAC,SAAS,CAAC,CAAC;YACtB,OAAO;SACR;QAED,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,UAAC,EAAK;gBAAJ,GAAG,QAAA;YAC/B,OAAA,GAAG,CAAC,WAAW,EAAE;iBACd,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;SAAA,CACvC,CAAC,CAAC;KACJ,CAAC;IAEF,QACEA,yBACEC,sBAAK,SAAS,EAAEC,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,gBACtDF,uBAAK,SAAS,EAAC,0BAA0B,iBACzCC,IAAC,KAAK,IACJ,SAAS,EAAC,KAAK,EACf,QAAQ,EAAE,cAAc,EACxB,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,KAAK,WACZ;wBACFA,IAAC,MAAM,IAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,EAAC,cAAc,EAAC,OAAO,EAAE,WAAW,WAAI,aACvF,YACF;YAENA,sBAAK,SAAS,EAAC,eAAe,gBAC3B,OAAO,CAAC,GAAG,CAAC,UAAC,EAAe;wBAAd,OAAO,QAAA,EAAE,IAAI,QAAA;oBAAM,QAChCA,sBAAmB,SAAS,EAAC,QAAQ,gBACnCD,uBAAK,SAAS,EAAC,+DAA+D,iBAC5EC,IAAC,IAAI,IAAC,IAAI,EAAE,EAAE,WAAI;gCAClBA,uBAAM,SAAS,EAAC,YAAY,gBAAE,OAAO,YAAQ,aACzC,KAJE,OAAO,CAKX;iBACP,CAAC,YACE,YACF,EACN;AACJ;;;;;"}