@apple-pie/slice 0.1.1 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +110 -5
- package/dist/cjs/chunks/{Avatar-zAhrTMO4.js → Avatar-YNcGDUzr.js} +27 -14
- package/dist/cjs/chunks/{AvatarGroup-qI2wNIKO.js → AvatarGroup-Dn5R1XIU.js} +2 -2
- package/dist/cjs/chunks/{Badge-Bv6c2YVC.js → Badge-CY_DG6cD.js} +2 -2
- package/dist/cjs/chunks/{Button-CNrcvIUu.js → Button-hg5kGC1P.js} +9 -9
- package/dist/cjs/chunks/{ButtonBar-CcL0wFXX.js → ButtonBar-C9Nm9faU.js} +2 -2
- package/dist/cjs/chunks/Camera-Dx_PT3pS.js +364 -0
- package/dist/cjs/chunks/{Card-pxbzaSWm.js → Card-AgEMKJ4O.js} +2 -2
- package/dist/cjs/chunks/{CheckBox-tcFDVDGG.js → CheckBox-CLMxlUff.js} +2 -2
- package/dist/cjs/chunks/{Chip-DfMVpYjg.js → Chip-CIy_Xe3i.js} +7 -7
- package/dist/cjs/chunks/{DivInput-hHsbuscc.js → DivInput-C73sqUF3.js} +10 -10
- package/dist/cjs/chunks/{Dot-BSSClfHQ.js → Dot-_HCJ3qxd.js} +2 -2
- package/dist/cjs/chunks/{DrggablePanel-BbDhV-a9.js → DrggablePanel-BzvBBhS7.js} +4 -4
- package/dist/cjs/chunks/{DropDown-C0vV24pv.js → DropDown-FZb52YxR.js} +9 -9
- package/dist/cjs/chunks/{ErrorSummary-CIUqlSLC.js → ErrorSummary-By4CjJ9a.js} +2 -2
- package/dist/cjs/chunks/{FileIcon-DTQaXxfC.js → FileIcon-hYwcre20.js} +2 -2
- package/dist/cjs/chunks/{FileList-C8Aq-iCW.js → FileList-BQgcnKPP.js} +21 -21
- package/dist/cjs/chunks/{FlexDiv-CW5gSa4V.js → FlexDiv-B3q6j3W9.js} +2 -2
- package/dist/cjs/chunks/{Grouper-B16IH2YM.js → Grouper-Bgc1wrQM.js} +2 -2
- package/dist/cjs/chunks/{IconButton-BDKARPkc.js → IconButton-CBWmUZxR.js} +2 -2
- package/dist/cjs/chunks/{Label-ZlQVpETS.js → Label-D15cIroT.js} +22 -20
- package/dist/cjs/chunks/{Overlay-Bb2YoSKr.js → Overlay-DL0EJDyk.js} +2 -2
- package/dist/cjs/chunks/{Pager-Bp1rPImK.js → Pager-TUxcWbmn.js} +3 -3
- package/dist/cjs/chunks/{ProgressIndicator-Qx3jfv8r.js → ProgressIndicator-qjya_Yb5.js} +4 -4
- package/dist/cjs/chunks/{PromptInput-7rftpDc1.js → PromptInput-ZqHQUfXw.js} +13 -13
- package/dist/cjs/chunks/{RadioButton-D5EJdMlL.js → RadioButton-Ce9uf54a.js} +3 -3
- package/dist/cjs/chunks/{RadioButtonList-DqsaDvEr.js → RadioButtonList-dhPr-Uhs.js} +2 -2
- package/dist/cjs/chunks/{Slider-CZvCAodl.js → Slider-CrjpZooG.js} +4 -4
- package/dist/cjs/chunks/{Switch-C9UtaIAt.js → Switch-Xqf0vwul.js} +2 -2
- package/dist/cjs/chunks/{TabBar-DlhY_3G4.js → TabBar-DuwypMB6.js} +2 -2
- package/dist/cjs/chunks/{TextArea-D0i83Jjq.js → TextArea-BhzVGfKA.js} +2 -2
- package/dist/cjs/chunks/{TextField-DRhQUqYA.js → TextField-hIjxrOG9.js} +10 -10
- package/dist/cjs/chunks/{Tip-CjMHa-fD.js → Tip-ik8-p4_4.js} +7 -7
- package/dist/cjs/chunks/{Toast-BdrI0h64.js → Toast-DMUM1wuL.js} +11 -11
- package/dist/cjs/chunks/{UploadArea-DBsMosuN.js → UploadArea-B4GA06LW.js} +15 -15
- package/dist/cjs/chunks/{_types-BMRxxH7h.js → _types-C_zOsCbB.js} +79 -11
- package/dist/cjs/chunks/colors-uej0anrN.js +27 -0
- package/dist/cjs/chunks/{utils-BsBHecUI.js → misc-C-M6KKsH.js} +27 -9
- package/dist/cjs/chunks/sseStore-Dg0WuXsI.js +59 -0
- package/dist/cjs/components/Avatar/index.js +7 -0
- package/dist/cjs/components/AvatarGroup/index.js +7 -0
- package/dist/cjs/{uikit → components}/Badge/index.js +1 -1
- package/dist/cjs/{uikit → components}/Button/index.js +4 -4
- package/dist/cjs/{uikit → components}/ButtonBar/index.js +4 -4
- package/dist/cjs/components/Camera/index.js +11 -0
- package/dist/cjs/{uikit → components}/Card/index.js +3 -3
- package/dist/cjs/{uikit → components}/CheckBox/index.js +3 -3
- package/dist/cjs/{uikit → components}/Chip/index.js +2 -2
- package/dist/cjs/components/DivInput/index.js +7 -0
- package/dist/cjs/{uikit → components}/Dot/index.js +1 -1
- package/dist/cjs/{uikit → components}/DraggablePanel/index.js +2 -2
- package/dist/cjs/{uikit → components}/DropDown/index.js +2 -2
- package/dist/cjs/{uikit → components}/ErrorSummary/index.js +1 -1
- package/dist/cjs/{uikit → components}/FileIcon/index.js +2 -2
- package/dist/cjs/{uikit → components}/FileList/index.js +4 -4
- package/dist/cjs/{uikit → components}/FlexDiv/index.js +1 -1
- package/dist/cjs/{uikit → components}/Grouper/index.js +4 -4
- package/dist/cjs/{uikit → components}/Icon/index.js +2 -2
- package/dist/cjs/{uikit → components}/IconButton/index.js +4 -4
- package/dist/cjs/{uikit → components}/Label/index.js +2 -2
- package/dist/cjs/{uikit → components}/Overlay/index.js +1 -1
- package/dist/cjs/components/Pager/index.js +7 -0
- package/dist/cjs/{uikit → components}/Progress/index.js +3 -3
- package/dist/cjs/{uikit → components}/PromptInput/index.js +7 -7
- package/dist/cjs/{uikit → components}/RadioButton/index.js +2 -2
- package/dist/cjs/{uikit → components}/RadioButtonList/index.js +3 -3
- package/dist/cjs/{uikit → components}/Slider/index.js +2 -2
- package/dist/cjs/{uikit → components}/Switch/index.js +1 -1
- package/dist/cjs/{uikit → components}/TabBar/index.js +4 -4
- package/dist/cjs/{uikit → components}/TextArea/index.js +5 -5
- package/dist/cjs/{uikit → components}/Textfield/index.js +6 -6
- package/dist/cjs/components/Tip/index.js +7 -0
- package/dist/cjs/{uikit → components}/Toast/index.js +4 -4
- package/dist/cjs/{uikit → components}/UploadArea/index.js +6 -6
- package/dist/cjs/hooks/useTrackRenders.js +3 -3
- package/dist/cjs/index.js +6 -6
- package/dist/cjs/stores/SSE.js +9 -0
- package/dist/cjs/stores.js +7 -3
- package/dist/cjs/utils/index.js +7 -0
- package/dist/cjs/utils/objects/index.js +140 -0
- package/dist/esm/chunks/{Avatar-D5mMmaIi.mjs → Avatar-CDMV6f9w.mjs} +30 -15
- package/dist/esm/chunks/{AvatarGroup-B3_zWk_-.mjs → AvatarGroup-BZ18GwhK.mjs} +3 -3
- package/dist/esm/chunks/{Badge-BISGWj5-.mjs → Badge-DyICxZP2.mjs} +2 -2
- package/dist/esm/chunks/{Button-qeCEnTFJ.mjs → Button-DJDS7Yad.mjs} +12 -12
- package/dist/esm/chunks/{ButtonBar-jMNpQysA.mjs → ButtonBar-DIsqJmrS.mjs} +3 -3
- package/dist/esm/chunks/Camera-BvJJ5cd-.mjs +380 -0
- package/dist/esm/chunks/{Card-4u4hpBAM.mjs → Card-DjHdCav5.mjs} +3 -3
- package/dist/esm/chunks/{CheckBox-D2jWAviD.mjs → CheckBox-C1LPehvl.mjs} +3 -3
- package/dist/esm/chunks/{Chip-DnsTVVmp.mjs → Chip-ByaaWpFx.mjs} +7 -7
- package/dist/esm/chunks/{DivInput-B4ohgnLJ.mjs → DivInput-B7BliU1p.mjs} +3 -3
- package/dist/esm/chunks/{Dot-C-Xu24wF.mjs → Dot-CLGwQu-i.mjs} +2 -2
- package/dist/esm/chunks/{DrggablePanel-CEg9sHHt.mjs → DrggablePanel-DvactFf5.mjs} +3 -3
- package/dist/esm/chunks/{DropDown-CCePGFHd.mjs → DropDown-CM01mO_W.mjs} +9 -9
- package/dist/esm/chunks/{ErrorSummary-CZw06dSh.mjs → ErrorSummary-S0shes-m.mjs} +2 -2
- package/dist/esm/chunks/{FileIcon-BcIJzIwA.mjs → FileIcon-CC_k5dUW.mjs} +1 -1
- package/dist/esm/chunks/{FileList-db86wx1X.mjs → FileList-CmlXqPXl.mjs} +18 -18
- package/dist/esm/chunks/{FlexDiv-BLYDgWu2.mjs → FlexDiv-LGEGGrT0.mjs} +2 -2
- package/dist/esm/chunks/{Grouper-D8mQt9_Q.mjs → Grouper-DNmAYWdR.mjs} +4 -4
- package/dist/esm/chunks/{IconButton-DlgZO9hb.mjs → IconButton-C8RBNFzh.mjs} +5 -5
- package/dist/esm/chunks/{Label-Cj_LkQLx.mjs → Label-DOvquc82.mjs} +21 -19
- package/dist/esm/chunks/{Overlay-Bh0enFIe.mjs → Overlay-Cw9o1fHb.mjs} +2 -2
- package/dist/esm/chunks/{Pager-6mBRDV3D.mjs → Pager-BX4TMwD_.mjs} +3 -3
- package/dist/esm/chunks/{ProgressIndicator-DsN3c0J5.mjs → ProgressIndicator-h11R3FG1.mjs} +5 -5
- package/dist/esm/chunks/{PromptInput-BGt0FgwF.mjs → PromptInput-DSHVUuEf.mjs} +14 -14
- package/dist/esm/chunks/{RadioButton-D9qz4XDZ.mjs → RadioButton-_lo_FJ8g.mjs} +4 -4
- package/dist/esm/chunks/{RadioButtonList-DCaC7MnI.mjs → RadioButtonList-CLHJxrI_.mjs} +3 -3
- package/dist/esm/chunks/{Slider-C3A8GCfH.mjs → Slider-Bih21QiT.mjs} +3 -3
- package/dist/esm/chunks/{Switch-Dt4ynf5r.mjs → Switch-nWg2Ykea.mjs} +2 -2
- package/dist/esm/chunks/{TabBar-CYGdcsab.mjs → TabBar-CDDzA_m1.mjs} +5 -5
- package/dist/esm/chunks/{TextArea-BWnMMBN0.mjs → TextArea-CyVBzMoN.mjs} +3 -3
- package/dist/esm/chunks/{TextField-D8j5hLhv.mjs → TextField-CYI2vbvO.mjs} +12 -12
- package/dist/esm/chunks/{Tip-CHQh-Yq0.mjs → Tip-B-cDOFvV.mjs} +6 -6
- package/dist/esm/chunks/{Toast-MzHPO4x3.mjs → Toast-ovxR12_-.mjs} +8 -8
- package/dist/esm/chunks/{UploadArea-DwGsYUhY.mjs → UploadArea-Kez3VD4d.mjs} +14 -14
- package/dist/esm/chunks/{_types-B0zIFpYY.mjs → _types-CTmvSEX0.mjs} +100 -32
- package/dist/esm/chunks/colors-DR9fLI5X.mjs +30 -0
- package/dist/esm/chunks/{utils-BQ1v7VE4.mjs → misc-cg9I7drO.mjs} +21 -2
- package/dist/esm/chunks/sseStore-m3IPyLwJ.mjs +56 -0
- package/dist/esm/components/Avatar/index.mjs +11 -0
- package/dist/esm/components/AvatarGroup/index.mjs +13 -0
- package/dist/esm/{uikit → components}/Badge/index.mjs +1 -1
- package/dist/esm/{uikit → components}/Button/index.mjs +6 -6
- package/dist/esm/{uikit → components}/ButtonBar/index.mjs +6 -6
- package/dist/esm/components/Camera/index.mjs +35 -0
- package/dist/esm/{uikit → components}/Card/index.mjs +3 -3
- package/dist/esm/{uikit → components}/CheckBox/index.mjs +3 -3
- package/dist/esm/{uikit → components}/Chip/index.mjs +3 -3
- package/dist/esm/{uikit → components}/DivInput/index.mjs +2 -2
- package/dist/esm/{uikit → components}/Dot/index.mjs +1 -1
- package/dist/esm/{uikit → components}/DraggablePanel/index.mjs +2 -2
- package/dist/esm/{uikit → components}/DropDown/index.mjs +3 -3
- package/dist/esm/{uikit → components}/ErrorSummary/index.mjs +1 -1
- package/dist/esm/{uikit → components}/FileIcon/index.mjs +2 -2
- package/dist/esm/{uikit → components}/FileList/index.mjs +5 -5
- package/dist/esm/{uikit → components}/FlexDiv/index.mjs +1 -1
- package/dist/esm/{uikit → components}/Grouper/index.mjs +4 -4
- package/dist/esm/{uikit → components}/Icon/index.mjs +2 -2
- package/dist/esm/{uikit → components}/IconButton/index.mjs +5 -5
- package/dist/esm/{uikit → components}/Label/index.mjs +2 -2
- package/dist/esm/{uikit → components}/Overlay/index.mjs +1 -1
- package/dist/esm/components/Pager/index.mjs +11 -0
- package/dist/esm/{uikit → components}/Progress/index.mjs +3 -3
- package/dist/esm/{uikit → components}/PromptInput/index.mjs +9 -9
- package/dist/esm/{uikit → components}/RadioButton/index.mjs +3 -3
- package/dist/esm/{uikit → components}/RadioButtonList/index.mjs +4 -4
- package/dist/esm/{uikit → components}/Slider/index.mjs +2 -2
- package/dist/esm/{uikit → components}/Switch/index.mjs +1 -1
- package/dist/esm/{uikit → components}/TabBar/index.mjs +6 -6
- package/dist/esm/{uikit → components}/TextArea/index.mjs +7 -7
- package/dist/esm/{uikit → components}/Textfield/index.mjs +8 -8
- package/dist/esm/{uikit → components}/Tip/index.mjs +2 -2
- package/dist/esm/{uikit → components}/Toast/index.mjs +3 -3
- package/dist/esm/{uikit → components}/UploadArea/index.mjs +6 -6
- package/dist/esm/hooks/useTrackRenders.mjs +1 -1
- package/dist/esm/index.mjs +39 -37
- package/dist/esm/stores/SSE.mjs +7 -0
- package/dist/esm/stores.mjs +4 -0
- package/dist/esm/utils/index.mjs +7 -0
- package/dist/esm/utils/objects/index.mjs +140 -0
- package/dist/types/{uikit → components}/Avatar/_types.d.ts +3 -3
- package/dist/types/components/Camera/Camera.d.ts +11 -0
- package/dist/types/components/Camera/_types.d.ts +78 -0
- package/dist/types/components/Camera/index.d.ts +2 -0
- package/dist/types/{uikit → components}/Icon/_types.d.ts +5 -0
- package/dist/types/{uikit → components}/Switch/Switch.stories.d.ts +1 -1
- package/dist/types/hooks/useToolTip/useToolTip.d.ts +1 -1
- package/dist/types/index.d.ts +74 -74
- package/dist/types/stores/SSE/_types.d.ts +17 -0
- package/dist/types/stores/SSE/index.d.ts +2 -0
- package/dist/types/stores/SSE/sseStore.d.ts +28 -0
- package/dist/types/stores/index.d.ts +1 -0
- package/dist/types/stores/tip/_types.d.ts +1 -1
- package/dist/types/stores/toast/_types.d.ts +1 -1
- package/dist/types/utils/functions/colors.d.ts +8 -0
- package/dist/types/{util → utils/functions}/files.d.ts +1 -1
- package/dist/types/{util/utils.d.ts → utils/functions/misc.d.ts} +2 -2
- package/dist/types/utils/index.d.ts +4 -0
- package/dist/types/utils/objects/SSEConnection/SSEConnection.d.ts +166 -0
- package/dist/types/utils/objects/WSConnection/WSConnection.d.ts +0 -0
- package/dist/types/utils/objects/index.d.ts +2 -0
- package/package.json +15 -5
- package/dist/cjs/chunks/Logos-CAHU-eIP.js +0 -483
- package/dist/cjs/uikit/Avatar/index.js +0 -6
- package/dist/cjs/uikit/AvatarGroup/index.js +0 -7
- package/dist/cjs/uikit/DivInput/index.js +0 -7
- package/dist/cjs/uikit/Logos/index.js +0 -9
- package/dist/cjs/uikit/Pager/index.js +0 -7
- package/dist/cjs/uikit/Tip/index.js +0 -7
- package/dist/esm/chunks/Logos-CpcaarOG.mjs +0 -493
- package/dist/esm/uikit/Avatar/index.mjs +0 -9
- package/dist/esm/uikit/AvatarGroup/index.mjs +0 -11
- package/dist/esm/uikit/Logos/index.mjs +0 -25
- package/dist/esm/uikit/Pager/index.mjs +0 -11
- package/dist/types/uikit/Logos/Logos.d.ts +0 -2
- package/dist/types/uikit/Logos/_types.d.ts +0 -9
- package/dist/types/uikit/Logos/index.d.ts +0 -2
- package/dist/types/util/flexBox.d.ts +0 -11
- package/dist/types/workers/uploads/uploads.runtime.d.ts +0 -1
- /package/dist/cjs/{uikit → components}/DocIcon/index.js +0 -0
- /package/dist/cjs/{uikit → components}/Spacer/index.js +0 -0
- /package/dist/esm/{uikit → components}/DocIcon/index.mjs +0 -0
- /package/dist/esm/{uikit → components}/Spacer/index.mjs +0 -0
- /package/dist/types/{uikit → components}/Avatar/Avatar.d.ts +0 -0
- /package/dist/types/{uikit → components}/Avatar/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/AvatarGroup/AvatarGroup.d.ts +0 -0
- /package/dist/types/{uikit → components}/AvatarGroup/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/AvatarGroup/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Badge/Badge.d.ts +0 -0
- /package/dist/types/{uikit → components}/Badge/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Badge/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Button/Button.d.ts +0 -0
- /package/dist/types/{uikit → components}/Button/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Button/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/ButtonBar/ButtonBar.d.ts +0 -0
- /package/dist/types/{uikit → components}/ButtonBar/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/ButtonBar/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Card/Card.d.ts +0 -0
- /package/dist/types/{uikit → components}/Card/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Card/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/CheckBox/CheckBox.d.ts +0 -0
- /package/dist/types/{uikit → components}/CheckBox/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/CheckBox/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Chip/Chip.d.ts +0 -0
- /package/dist/types/{uikit → components}/Chip/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Chip/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/DivInput/DivInput.d.ts +0 -0
- /package/dist/types/{uikit → components}/DivInput/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/DivInput/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/DocIcon/DocIcons.d.ts +0 -0
- /package/dist/types/{uikit → components}/DocIcon/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/DocIcon/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Dot/Dot.d.ts +0 -0
- /package/dist/types/{uikit → components}/Dot/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Dot/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/DraggablePanel/DrggablePanel.d.ts +0 -0
- /package/dist/types/{uikit → components}/DraggablePanel/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/DraggablePanel/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/DropDown/DropDown.d.ts +0 -0
- /package/dist/types/{uikit → components}/DropDown/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/DropDown/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/ErrorSummary/ErrorSummary.d.ts +0 -0
- /package/dist/types/{uikit → components}/ErrorSummary/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/ErrorSummary/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileIcon/FileIcon.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileIcon/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileIcon/fileIconRegistry.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileIcon/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileList/FileList.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileList/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/FileList/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/FlexDiv/FlexDiv.d.ts +0 -0
- /package/dist/types/{uikit → components}/FlexDiv/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/FlexDiv/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Grouper/Grouper.d.ts +0 -0
- /package/dist/types/{uikit → components}/Grouper/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Grouper/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Icon/Icon.d.ts +0 -0
- /package/dist/types/{uikit → components}/Icon/iconRegistry.d.ts +0 -0
- /package/dist/types/{uikit → components}/Icon/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/IconButton/IconButton.d.ts +0 -0
- /package/dist/types/{uikit → components}/IconButton/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/IconButton/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Label/Label.d.ts +0 -0
- /package/dist/types/{uikit → components}/Label/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Label/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Overlay/Overlay.d.ts +0 -0
- /package/dist/types/{uikit → components}/Overlay/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Overlay/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Pager/Pager.d.ts +0 -0
- /package/dist/types/{uikit → components}/Pager/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Pager/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Progress/DoneCheck/DoneCheck.d.ts +0 -0
- /package/dist/types/{uikit → components}/Progress/DoneCheck/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Progress/ProgressIndicator/ProgressIndicator.d.ts +0 -0
- /package/dist/types/{uikit → components}/Progress/ProgressIndicator/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Progress/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/PromptInput/PromptInput.d.ts +0 -0
- /package/dist/types/{uikit → components}/PromptInput/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/PromptInput/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/RadioButton/RadioButton.d.ts +0 -0
- /package/dist/types/{uikit → components}/RadioButton/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/RadioButton/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/RadioButtonList/RadioButtonList.d.ts +0 -0
- /package/dist/types/{uikit → components}/RadioButtonList/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/RadioButtonList/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Slider/Slider.d.ts +0 -0
- /package/dist/types/{uikit → components}/Slider/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Slider/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Spacer/Spacer.d.ts +0 -0
- /package/dist/types/{uikit → components}/Spacer/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Spacer/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Switch/Switch.d.ts +0 -0
- /package/dist/types/{uikit → components}/Switch/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Switch/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/TabBar/TabBar.d.ts +0 -0
- /package/dist/types/{uikit → components}/TabBar/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/TabBar/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/TextArea/TextArea.d.ts +0 -0
- /package/dist/types/{uikit → components}/TextArea/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/TextArea/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Textfield/TextField.d.ts +0 -0
- /package/dist/types/{uikit → components}/Textfield/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Textfield/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Tip/Tip.d.ts +0 -0
- /package/dist/types/{uikit → components}/Tip/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Tip/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/Toast/Toast.d.ts +0 -0
- /package/dist/types/{uikit → components}/Toast/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/Toast/index.d.ts +0 -0
- /package/dist/types/{uikit → components}/UploadArea/UploadArea.d.ts +0 -0
- /package/dist/types/{uikit → components}/UploadArea/_types.d.ts +0 -0
- /package/dist/types/{uikit → components}/UploadArea/index.d.ts +0 -0
- /package/dist/types/{stories → components}/playHelpers.d.ts +0 -0
- /package/dist/types/{uikit → components}/sharedTypes.d.ts +0 -0
- /package/dist/types/{util → utils/functions}/debounce.d.ts +0 -0
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"),
|
|
3
|
+
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-C-M6KKsH.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_wrapper = "DivInput-module_wrapper__ZQxY-", css_input = "DivInput-module_input__J34-l type-module_body-m-regular__LuQBA";
|
|
4
4
|
|
|
5
|
-
styleInject_es.styleInject(".type-module_body-xs-
|
|
5
|
+
styleInject_es.styleInject(".type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.DivInput-module_wrapper__ZQxY- {\n\tpadding: var(--div-input-padding);\n\twidth: var(--div-input-width);\n\tborder-radius: var(--div-input-border-radius);\n\tbackground: var(--div-input-wrapper-bg);\n\t&:hover {\n\t\tbackground: var(--div-input-bg);\n\t}\n}\n\n.DivInput-module_input__J34-l {\n\tcolor: var(--div-input-color);\n\tuser-select: var(--div-input-user-select);\n\t-webkit-user-select: var(--div-input-user-select);\n\ttext-align: var(--div-input-text-align);\n\tpointer-events: all;\n\tbackground: transparent;\n\tborder-radius: 4px;\n\tborder: 0;\n\toutline: none;\n\ttext-overflow: ellipsis;\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\twhite-space: var(--div-input-white-space);\n\t-webkit-line-clamp: var(--div-input-line-clamp);\n\t-webkit-box-orient: vertical;\n\tcursor: var(--div-input-cursor);\n\ttransition: background var(--motion-water-duration) var(--motion-water) 0s;\n}\n");
|
|
6
6
|
|
|
7
7
|
const DivInput = React.memo(props => {
|
|
8
|
-
const {value: value = "", name: name = "Input Field", placeholder: placeholder = "Placeholder", isEditable: isEditable = !0, wrap: wrap = !1, focus: focus = !1, width: width = "auto", textAlign: textAlign = "left", clamp: clamp = 3, padding: padding = "0px", onChange: onChange = () => null, onSubmit: onSubmit = () => null, onFocus: onFocus = () => null, onBlur: onBlur = () => null, onDblClick: onDblClick = () => null, onClick: onClick = () => null, radius: radius = 4, bgColor: bgColor = "var(--core-surface-secondary)"} = props, divAttributes = tslib_es6.__rest(props, [ "value", "name", "placeholder", "isEditable", "wrap", "focus", "width", "textAlign", "clamp", "padding", "onChange", "onSubmit", "onFocus", "onBlur", "onDblClick", "onClick", "radius", "bgColor" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = React.useRef(null), innerText = React.useRef("" === value ?
|
|
8
|
+
const {value: value = "", name: name = "Input Field", placeholder: placeholder = "Placeholder", isEditable: isEditable = !0, wrap: wrap = !1, focus: focus = !1, width: width = "auto", textAlign: textAlign = "left", clamp: clamp = 3, padding: padding = "0px", onChange: onChange = () => null, onSubmit: onSubmit = () => null, onFocus: onFocus = () => null, onBlur: onBlur = () => null, onDblClick: onDblClick = () => null, onClick: onClick = () => null, radius: radius = 4, bgColor: bgColor = "var(--core-surface-secondary)"} = props, divAttributes = tslib_es6.__rest(props, [ "value", "name", "placeholder", "isEditable", "wrap", "focus", "width", "textAlign", "clamp", "padding", "onChange", "onSubmit", "onFocus", "onBlur", "onDblClick", "onClick", "radius", "bgColor" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = React.useRef(null), innerText = React.useRef("" === value ? misc.cleanString(placeholder) : misc.cleanString(value)), [isFocused, setIsFocused] = React.useState(focus), [text, setText] = React.useState(innerText.current), [isPlaceholder, setIsPlaceholder] = React.useState(!1), setCursor = React.useCallback((to, length = 1) => {
|
|
9
9
|
if (ref.current) {
|
|
10
10
|
const range = document.createRange();
|
|
11
11
|
range.setStart(ref.current, "start" === to ? 0 : length), range.setEnd(ref.current, "start" === to ? 0 : 1);
|
|
@@ -23,7 +23,7 @@ const DivInput = React.memo(props => {
|
|
|
23
23
|
if (!ref.current) return;
|
|
24
24
|
ref.current.contentEditable = isEditable ? "true" : "false", focus && (handleSelectAll(),
|
|
25
25
|
ref.current.focus()), setIsFocused(focus);
|
|
26
|
-
const newText = "" === value ?
|
|
26
|
+
const newText = "" === value ? misc.cleanString(placeholder) : misc.cleanString(value);
|
|
27
27
|
innerText.current = newText, ref.current.innerText = newText, setText(newText);
|
|
28
28
|
}, [ value, placeholder, focus, isEditable, handleSelectAll ]), React.useEffect(() => {
|
|
29
29
|
placeholder && setIsPlaceholder(text === placeholder);
|
|
@@ -33,30 +33,30 @@ const DivInput = React.memo(props => {
|
|
|
33
33
|
if (0 === e.currentTarget.innerText.replaceAll(/\s+/g, "").length && placeholder && ref.current) ref.current.innerText = placeholder,
|
|
34
34
|
setIsPlaceholder(!0), setCursor("start"); else if (isPlaceholder) {
|
|
35
35
|
const textString = e.currentTarget.innerText.replace(placeholder, "");
|
|
36
|
-
innerText.current =
|
|
36
|
+
innerText.current = misc.cleanString(textString), ref.current && (ref.current.innerText = misc.cleanString(textString),
|
|
37
37
|
setCursor("end"));
|
|
38
|
-
} else textString = e.currentTarget.innerText, innerText.current =
|
|
38
|
+
} else textString = e.currentTarget.innerText, innerText.current = misc.cleanString(textString || "");
|
|
39
39
|
onChange(innerText.current), setText(innerText.current);
|
|
40
40
|
}, [ placeholder, isPlaceholder, onChange, setCursor ]), handleKeyDown = React.useCallback(e => (e.stopPropagation(),
|
|
41
|
-
"Enter" === e.key && ref.current ? (e.preventDefault(), ref.current.innerHTML =
|
|
41
|
+
"Enter" === e.key && ref.current ? (e.preventDefault(), ref.current.innerHTML = misc.cleanString(innerText.current),
|
|
42
42
|
onChange(null), onSubmit(innerText.current), null == ref || ref.current.blur(),
|
|
43
43
|
!0) : "<" === e.key || ">" === e.key ? (e.preventDefault(), !1) : void 0), [ onChange, onSubmit ]), handlePaste = React.useCallback(e => {
|
|
44
44
|
var _a;
|
|
45
45
|
if (e.preventDefault(), !e.clipboardData) return;
|
|
46
46
|
const textData = e.clipboardData.getData("text/plain");
|
|
47
47
|
if (!textData) return;
|
|
48
|
-
const pasteText =
|
|
48
|
+
const pasteText = misc.cleanString(textData), selection = globalThis.getSelection();
|
|
49
49
|
if (!(null == selection ? void 0 : selection.rangeCount)) return;
|
|
50
50
|
null == selection || selection.deleteFromDocument(), null == selection || selection.getRangeAt(0).insertNode(document.createTextNode(pasteText)),
|
|
51
51
|
null == selection || selection.collapseToEnd();
|
|
52
52
|
const newText = (null === (_a = ref.current) || void 0 === _a ? void 0 : _a.innerText) || "";
|
|
53
|
-
return onChange(
|
|
53
|
+
return onChange(misc.cleanString(newText)), innerText.current = misc.cleanString(newText),
|
|
54
54
|
!0;
|
|
55
55
|
}, [ onChange ]), handleFocus = React.useCallback(e => {
|
|
56
56
|
setIsFocused(!0), onFocus(e);
|
|
57
57
|
}, [ onFocus ]), handleBlur = React.useCallback(_e => {
|
|
58
58
|
if (!ref.current) return;
|
|
59
|
-
const blurText =
|
|
59
|
+
const blurText = misc.cleanString(innerText.current);
|
|
60
60
|
"" === blurText && (ref.current.innerText = placeholder, innerText.current = placeholder),
|
|
61
61
|
onChange(null), onSubmit(innerText.current), setIsFocused(!1), onBlur(blurText);
|
|
62
62
|
}, [ placeholder, onChange, onSubmit, onBlur ]), handleClick = React.useCallback(e => {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_dot = "Dot-
|
|
3
|
+
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_dot = "Dot-module_dot__RNz87 flexBox-module_row__z24tF";
|
|
4
4
|
|
|
5
|
-
styleInject_es.styleInject(".flexBox-
|
|
5
|
+
styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.Dot-module_dot__RNz87 {\n\tdisplay: var(--dot-display);\n\tbox-sizing: content-box;\n\tposition: var(--dot-position);\n\ttop: var(--dot-top);\n\tright: var(--dot-right);\n\tvertical-align: var(--dot-vertical-align);\n\tmin-height: var(--dot-size);\n\tmin-width: var(--dot-size);\n\theight: var(--dot-size);\n\twidth: var(--dot-size);\n\tborder: var(--dot-border) solid var(--core-surface-primary);\n\tbackground: var(--dot-bg);\n\tborder-radius: 100%;\n\tz-index: var(--elevation-status);\n}\n");
|
|
6
6
|
|
|
7
7
|
const DEFAULT_VARIANTS = {
|
|
8
8
|
initial: {
|
|
@@ -4,9 +4,9 @@ var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/
|
|
|
4
4
|
|
|
5
5
|
require("../theme/colors.js"), require("../hooks/useWindow.js");
|
|
6
6
|
|
|
7
|
-
var hooks_useObserveResize = require("../hooks/useObserveResize.js"),
|
|
7
|
+
var hooks_useObserveResize = require("../hooks/useObserveResize.js"), misc = require("./misc-C-M6KKsH.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_panel = "DraggablePanel-module_panel__vuq2R flexBox-module_columnStart__C7P44", css_content = "DraggablePanel-module_content__SBL0T flexBox-module_columnStart__C7P44", css_handle = "DraggablePanel-module_handle__LPZw8";
|
|
8
8
|
|
|
9
|
-
styleInject_es.styleInject(".flexBox-
|
|
9
|
+
styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.DraggablePanel-module_panel__vuq2R {\n\tposition: relative;\n\tbackground-color: var(--panel-bg);\n}\n\n.DraggablePanel-module_content__SBL0T {\n\twidth: 100%;\n\theight: 100%;\n\toverflow: hidden;\n}\n\n.DraggablePanel-module_handle__LPZw8 {\n\twidth: var(--drag-handle-width);\n\theight: var(--drag-handle-height);\n\tmin-width: var(--drag-handle-width);\n\tmin-height: var(--drag-handle-height);\n\tborder-radius: var(--drag-handle-radius);\n\tborder: var(--drag-handle-border) solid var(--drag-handle-border-color);\n\tbackground: var(--drag-handle-bg);\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translateX(-50%) translateY(-50%);\n\tz-index: 15000;\n}\n");
|
|
10
10
|
|
|
11
11
|
const DraggablePanel = React.memo(props => {
|
|
12
12
|
const theme = hooks_useTheme.useTheme(), {children: children, sizeConstraints: sizeConstraints = {
|
|
@@ -62,7 +62,7 @@ const DraggablePanel = React.memo(props => {
|
|
|
62
62
|
timer.current && clearTimeout(timer.current), state ? timer.current = setTimeout(() => {
|
|
63
63
|
setHandleHighlight(state);
|
|
64
64
|
}, isTouchDevice ? 0 : 350) : setHandleHighlight(!1);
|
|
65
|
-
}, [ isTouchDevice ]), getClientX = React.useCallback(e =>
|
|
65
|
+
}, [ isTouchDevice ]), getClientX = React.useCallback(e => misc.pointerPosition(e), []), getNewWidth = React.useCallback(clientX => dragsRight ? startWidth.current + clientX - startX.current : startWidth.current - clientX + startX.current, [ dragsRight ]), canDrag = React.useCallback((newWidth, clientX) => {
|
|
66
66
|
if (null == constraints ? void 0 : constraints.min) {
|
|
67
67
|
if (newWidth <= constraints.min) return !1;
|
|
68
68
|
if (newWidth < constraints.min) return !1;
|
|
@@ -103,7 +103,7 @@ const DraggablePanel = React.memo(props => {
|
|
|
103
103
|
setIsDragging(!0);
|
|
104
104
|
const el = div.current;
|
|
105
105
|
divWidth.current = div.current.offsetWidth, divHeight.current = div.current.offsetHeight,
|
|
106
|
-
deltaWidth.current = 0, startX.current =
|
|
106
|
+
deltaWidth.current = 0, startX.current = misc.pointerPosition(e), startWidth.current = Number.parseInt(document.defaultView.getComputedStyle(el).width, 10),
|
|
107
107
|
document.documentElement.addEventListener("mousemove", doDrag, !1), document.documentElement.addEventListener("mouseup", stopDrag, !1),
|
|
108
108
|
document.documentElement.addEventListener("touchmove", doDrag, !1), document.documentElement.addEventListener("touchend", stopDrag, !1),
|
|
109
109
|
document.documentElement.style.userSelect = "none", document.documentElement.style.webkitUserSelect = "none";
|
|
@@ -4,17 +4,17 @@ var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/
|
|
|
4
4
|
|
|
5
5
|
require("../theme/colors.js"), require("../hooks/useWindow.js");
|
|
6
6
|
|
|
7
|
-
var _types = require("./_types-
|
|
8
|
-
wrapper: "DropDown-
|
|
9
|
-
face: "DropDown-
|
|
10
|
-
small: "DropDown-
|
|
11
|
-
medium: "DropDown-
|
|
12
|
-
large: "DropDown-
|
|
13
|
-
chevron: "DropDown-
|
|
14
|
-
select: "DropDown-
|
|
7
|
+
var _types = require("./_types-C_zOsCbB.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
|
|
8
|
+
wrapper: "DropDown-module_wrapper__CyX0u flexBox-module_rowStart__4tcxS",
|
|
9
|
+
face: "DropDown-module_face__6gyF3 flexBox-module_rowStart__4tcxS",
|
|
10
|
+
small: "DropDown-module_small__5R9bM type-module_body-s-regular__vRHSP",
|
|
11
|
+
medium: "DropDown-module_medium__MnvHF type-module_body-m-regular__LuQBA",
|
|
12
|
+
large: "DropDown-module_large__jMjDO type-module_body-l-regular__lOYbg",
|
|
13
|
+
chevron: "DropDown-module_chevron__LkYsE flexBox-module_rowStart__4tcxS",
|
|
14
|
+
select: "DropDown-module_select__mzNnv"
|
|
15
15
|
};
|
|
16
16
|
|
|
17
|
-
styleInject_es.styleInject(".flexBox-
|
|
17
|
+
styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.DropDown-module_wrapper__CyX0u {\n\tposition: relative;\n\tgap: var(--dd-gap);\n\tmin-width: var(--dd-width);\n\twidth: var(--dd-width);\n\tborder-radius: var(--dd-border-radius);\n\tbackground-color: var(--dd-bg-color);\n\tbox-shadow: 0 0 0 var(--dd-box-shadow-size) var(--dd-border-color);\n\tpadding: var(--dd-padding-tops) var(--dd-padding-left) var(--dd-padding-tops)\n\t\tvar(--dd-padding-right) !important;\n\ttransition: all var(--motion-water-duration) var(--motion-water) 0s;\n}\n\n.DropDown-module_face__6gyF3 {\n\tflex: 1;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\ttext-overflow: ellipsis;\n\tword-break: break-all;\n\tcolor: var(--dd-color);\n}\n\n.DropDown-module_small__5R9bM {\n}\n\n.DropDown-module_medium__MnvHF {\n}\n\n.DropDown-module_large__jMjDO {\n}\n\n.DropDown-module_chevron__LkYsE {\n\tmin-height: var(--dd-icon-size);\n\tmax-height: var(--dd-icon-size);\n\tmin-width: var(--dd-icon-size);\n\tmax-width: var(--dd-icon-size);\n}\n\n.DropDown-module_select__mzNnv {\n\tposition: absolute;\n\topacity: 0;\n\twidth: 100%;\n\theight: 100%;\n\tfont-size: 14px;\n\tbackground-color: #1f99cd;\n\tbackground-position: right 10px center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: auto 50%;\n\tborder: none;\n\toutline: none;\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\t&::-ms-expand {\n\t\tdisplay: none;\n\t}\n}\n");
|
|
18
18
|
|
|
19
19
|
const DropDown = React.memo(props => {
|
|
20
20
|
const theme = hooks_useTheme.useTheme(), {name: name = "Select", width: width = "100%", height: height = "auto", selectedIndex: selectedIndex = 0, selectedValue: selectedValue = "", options: options = [], placeholder: placeholder = !0, validate: validate = !0, borderRadius: borderRadius = 4, bgColor: bgColor = "transparent", iconColor: iconColor = theme.current.colors["core-icon-primary"], paddingLeft: paddingLeft = "8px", paddingRight: paddingRight = "12px", paddingTops: paddingTops = "8px", iconSize: iconSize = 20, disabled: disabled = !1, unframed: unframed = !1, focused: focused = !1, gap: gap = 0, size: size = "medium", onChange: onChange = () => null, onValidate: onValidate = () => null, onFocus: onFocus = () => null, onBlur: onBlur = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "name", "width", "height", "selectedIndex", "selectedValue", "options", "placeholder", "validate", "borderRadius", "bgColor", "iconColor", "paddingLeft", "paddingRight", "paddingTops", "iconSize", "disabled", "unframed", "focused", "gap", "size", "onChange", "onValidate", "onFocus", "onBlur" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [index, setIndex] = React.useState(selectedIndex), [selectedText, setSelectedText] = React.useState("Select an option"), [initiated, setInitiated] = React.useState(!1), [color, setColor] = React.useState(iconColor), ref = React.useRef(null);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_errorBox = "ErrorSummary-
|
|
3
|
+
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_errorBox = "ErrorSummary-module_errorBox__hjY50 flexBox-module_columnStart__C7P44 type-module_body-m-regular__LuQBA", css_error = "ErrorSummary-module_error__QX1mr flexBox-module_columnStart__C7P44", css_p = "ErrorSummary-module_p__N-2Po type-module_body-m-regular__LuQBA", css_strong = "ErrorSummary-module_strong__UznWz type-module_body-m-bold__UBcvQ", css_ul = "ErrorSummary-module_ul__Xv0K7", css_li = "ErrorSummary-module_li__0ciEx type-module_body-m-regular__LuQBA";
|
|
4
4
|
|
|
5
|
-
styleInject_es.styleInject(".flexBox-
|
|
5
|
+
styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.ErrorSummary-module_errorBox__hjY50 {\n\twidth: 100%;\n\tbackground: var(--core-surface-secondary);\n\tcolor: var(--feedback-warning);\n\tborder: 1px solid var(--feedback-warning);\n\tborder-radius: 4px;\n\tpadding: 0 16px 16px 16px !important;\n\toverflow: hidden;\n\tmargin-bottom: 44px !important;\n}\n\n.ErrorSummary-module_error__QX1mr {\n\twidth: 100%;\n}\n\n.ErrorSummary-module_p__N-2Po {\n\tmargin: 0;\n\tpadding: 16px 0 0 0;\n}\n\n.ErrorSummary-module_strong__UznWz {\n}\n\n.ErrorSummary-module_ul__Xv0K7 {\n\tlist-style-type: none;\n\tlist-style-position: outside;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.ErrorSummary-module_li__0ciEx {\n\tmargin: 3px 0 3px 0;\n\tline-height: 1.2em;\n\tpadding: 0;\n}\n");
|
|
6
6
|
|
|
7
7
|
const ErrorSummary = React.memo(props => {
|
|
8
8
|
const {entries: entries, errors: errors = []} = props, divAttributes = tslib_es6.__rest(props, [ "entries", "errors" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", variants = React.useMemo(() => ({
|
|
@@ -4,7 +4,7 @@ var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/
|
|
|
4
4
|
|
|
5
5
|
require("../theme/colors.js"), require("../hooks/useWindow.js");
|
|
6
6
|
|
|
7
|
-
var FileIconNames,
|
|
7
|
+
var FileIconNames, misc = require("./misc-C-M6KKsH.js");
|
|
8
8
|
|
|
9
9
|
exports.FileIconNames = void 0, (FileIconNames = exports.FileIconNames || (exports.FileIconNames = {})).pdf = "pdf",
|
|
10
10
|
FileIconNames.text = "text", FileIconNames.sheet = "sheet", FileIconNames.preso = "preso",
|
|
@@ -210,7 +210,7 @@ const iconColorSchemes = {
|
|
|
210
210
|
"aria-disabled": pointer ? disabled : void 0,
|
|
211
211
|
tabIndex: pointer && !disabled ? 0 : -1,
|
|
212
212
|
onKeyDown: e => {
|
|
213
|
-
pointer && !disabled &&
|
|
213
|
+
pointer && !disabled && misc.accessibleKeyDown(e, () => handleClick(e));
|
|
214
214
|
},
|
|
215
215
|
opacity: disabled ? .5 : 1
|
|
216
216
|
}, rest, {
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"),
|
|
3
|
+
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-C-M6KKsH.js"), FileIcon = require("./FileIcon-hYwcre20.js"), _types = require("./_types-C_zOsCbB.js"), ProgressIndicator = require("./ProgressIndicator-qjya_Yb5.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js");
|
|
4
4
|
|
|
5
5
|
var css = {
|
|
6
|
-
wrapper: "FileList-
|
|
7
|
-
file: "FileList-
|
|
8
|
-
fileName: "FileList-
|
|
9
|
-
meta: "FileList-
|
|
10
|
-
status: "FileList-
|
|
11
|
-
error: "FileList-
|
|
12
|
-
fileIcon: "FileList-
|
|
13
|
-
icon: "FileList-
|
|
14
|
-
xs: "FileList-
|
|
15
|
-
s: "FileList-
|
|
16
|
-
m: "FileList-
|
|
17
|
-
l: "FileList-
|
|
18
|
-
xl: "FileList-
|
|
6
|
+
wrapper: "FileList-module_wrapper__9-rrl flexBox-module_rowStart__4tcxS",
|
|
7
|
+
file: "FileList-module_file__61dkh flexBox-module_rowStart__4tcxS",
|
|
8
|
+
fileName: "FileList-module_fileName__amame flexBox-module_row__z24tF",
|
|
9
|
+
meta: "FileList-module_meta__unbpG flexBox-module_columnStart__C7P44",
|
|
10
|
+
status: "FileList-module_status__H1s6f type-module_body-xs-regular__ZAFft",
|
|
11
|
+
error: "FileList-module_error__UZ4-T",
|
|
12
|
+
fileIcon: "FileList-module_fileIcon__xDWW8 flexBox-module_row__z24tF",
|
|
13
|
+
icon: "FileList-module_icon__JR0HE flexBox-module_row__z24tF",
|
|
14
|
+
xs: "FileList-module_xs__i2S-5 type-module_body-xs-regular__ZAFft",
|
|
15
|
+
s: "FileList-module_s__4q0ae type-module_body-s-regular__vRHSP",
|
|
16
|
+
m: "FileList-module_m__hWqBx type-module_body-m-regular__LuQBA",
|
|
17
|
+
l: "FileList-module_l__tHDNp type-module_body-l-regular__lOYbg",
|
|
18
|
+
xl: "FileList-module_xl__fxW11 type-module_body-xl-regular__pF2kC"
|
|
19
19
|
};
|
|
20
20
|
|
|
21
21
|
/**
|
|
@@ -29,7 +29,7 @@ function displayClose(uploading) {
|
|
|
29
29
|
};
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
styleInject_es.styleInject('.flexBox-
|
|
32
|
+
styleInject_es.styleInject('.flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.FileList-module_wrapper__9-rrl {\n\twidth: 100%;\n\toverflow: hidden;\n\tflex-wrap: var(--file-wrap);\n\tflex-direction: var(--file-direction) !important;\n\talign-items: flex-start !important;\n\tgap: var(--file-gap);\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.FileList-module_file__61dkh {\n\tposition: relative;\n\tpadding: var(--file-padding) !important;\n\tborder: 1px solid var(--file-border-color);\n\tborder-radius: 4px;\n\toverflow: hidden;\n\tmin-height: max-content;\n\tmax-width: var(--file-max-width);\n\tmin-width: var(--file-min-width);\n\tcolor: var(--core-text-primary);\n\tbackground: transparent;\n\tgap: 4px;\n}\n\n/* file progress bar */\n.FileList-module_file__61dkh::before {\n\tcontent: "";\n\tposition: absolute;\n\tbackground: var(--file-bg-color);\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\twidth: var(--file-progress);\n\ttransition: width var(--motion-water-duration) var(--motion-water) 0s;\n\tz-index: 1;\n}\n\n.FileList-module_fileName__amame {\n\twidth: 100%;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tword-break: break-all;\n\tdisplay: -webkit-box !important;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\tz-index: 2;\n}\n\n.FileList-module_meta__unbpG {\n\tflex: 1;\n\tmin-width: 0;\n\tgap: 2px;\n\tz-index: 2;\n}\n\n.FileList-module_status__H1s6f {\n\tcolor: var(--core-text-secondary);\n\tline-height: 1.2;\n}\n\n.FileList-module_error__UZ4-T {\n\tcolor: var(--feedback-warning);\n}\n\n.FileList-module_fileIcon__xDWW8 {\n\tmin-width: var(--file-icon-size);\n\tmin-height: var(--file-icon-size);\n\tmax-width: var(--file-icon-size);\n\tmax-height: var(--file-icon-size);\n\tz-index: 2;\n}\n\n.FileList-module_icon__JR0HE {\n\tmargin-left: 4px !important;\n\tmin-width: 20px;\n\tmin-height: 20px;\n\tmax-width: 20px;\n\tmax-height: 20px;\n\tcursor: pointer;\n\tz-index: 2;\n}\n\n.FileList-module_xs__i2S-5 {\n}\n\n.FileList-module_s__4q0ae {\n}\n\n.FileList-module_m__hWqBx {\n}\n\n.FileList-module_l__tHDNp {\n}\n\n.FileList-module_xl__fxW11 {\n}\n');
|
|
33
33
|
|
|
34
34
|
const FileList = React.memo(props => {
|
|
35
35
|
const {files: files = [], onChange: onChange, onToolTip: onToolTip, maxWidth: maxWidth, minWidth: minWidth, direction: direction = "row", padding: padding, gap: gap = 10, size: size = "s", iconSize: iconSize = 24, bgColor: bgColor, canRemove: canRemove = !0} = props, divAttributes = tslib_es6.__rest(props, [ "files", "onChange", "onToolTip", "maxWidth", "minWidth", "direction", "padding", "gap", "size", "iconSize", "bgColor", "canRemove" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", fileNameToFileItem = React.useCallback(fileName => {
|
|
@@ -140,13 +140,13 @@ const FileList = React.memo(props => {
|
|
|
140
140
|
}, [ onToolTip ]), handleMouseOut = React.useCallback(() => {
|
|
141
141
|
null == onToolTip || onToolTip(null);
|
|
142
142
|
}, [ onToolTip ]), cssVars = React.useMemo(() => ({
|
|
143
|
-
"--file-max-width": "column" === direction ? "100%" :
|
|
144
|
-
"--file-min-width": "column" !== direction || minWidth ?
|
|
145
|
-
"--file-gap":
|
|
143
|
+
"--file-max-width": "column" === direction ? "100%" : misc.setStyle(maxWidth),
|
|
144
|
+
"--file-min-width": "column" !== direction || minWidth ? misc.setStyle(minWidth) : "100%",
|
|
145
|
+
"--file-gap": misc.setStyle(gap),
|
|
146
146
|
"--file-direction": direction,
|
|
147
147
|
"--file-wrap": "column" === direction ? "nowrap" : "wrap",
|
|
148
|
-
"--file-padding": padding ?
|
|
149
|
-
"--file-icon-size":
|
|
148
|
+
"--file-padding": padding ? misc.setStyle(padding) : "4px 4px 4px 2px",
|
|
149
|
+
"--file-icon-size": misc.setStyle(iconSize),
|
|
150
150
|
"--file-overflow": "column" === direction ? "unset" : "hidden",
|
|
151
151
|
"--file-bg-color": null != bgColor ? bgColor : "var(--core-surface-secondary)"
|
|
152
152
|
}), [ maxWidth, gap, direction, minWidth, padding, iconSize, bgColor ]), fileCSSVars = React.useCallback((progress, error) => ({
|
|
@@ -199,7 +199,7 @@ const FileList = React.memo(props => {
|
|
|
199
199
|
onFocus: handleMouseOver,
|
|
200
200
|
onBlur: handleMouseOut,
|
|
201
201
|
onClick: () => handleRemove(i.index),
|
|
202
|
-
onKeyDown: e =>
|
|
202
|
+
onKeyDown: e => misc.accessibleKeyDown(e, () => handleRemove(i.index)),
|
|
203
203
|
tabIndex: 0,
|
|
204
204
|
children: jsxRuntime.jsx(_types.Icon, {
|
|
205
205
|
name: "x",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_flexDiv = "FlexDiv-
|
|
3
|
+
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_flexDiv = "FlexDiv-module_flexDiv__EY5A- type-module_body-m-regular__LuQBA";
|
|
4
4
|
|
|
5
5
|
function setSize(style, isHeight) {
|
|
6
6
|
return "number" == typeof style ? `${style}px` : "grow" === style ? "unset" : "fill" === style ? "100%" : "fit" === style ? "auto" : "viewport" === style ? isHeight ? "100vh" : "100vw" : style;
|
|
@@ -14,7 +14,7 @@ function setFlex(style) {
|
|
|
14
14
|
return "start" === style || "top" === style ? "flex-start" : "end" === style || "bottom" === style ? "flex-end" : "between" === style ? "space-between" : style;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
styleInject_es.styleInject(".type-module_body-xs-
|
|
17
|
+
styleInject_es.styleInject(".type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.FlexDiv-module_flexDiv__EY5A- {\n\t&::-webkit-scrollbar {\n\t\tbackground-color: var(--flex-div-bg);\n\t\twidth: 14px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: var(--flex-div-scroll-border);\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--flex-div-scroll-handle);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--flex-div-scroll-border);\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground-color: var(--flex-div-scroll-handle-hover);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--flex-div-scroll-border);\n\t\tcursor: default;\n\t}\n}\n");
|
|
18
18
|
|
|
19
19
|
const FlexDiv = React.memo(React.forwardRef((props, ref) => {
|
|
20
20
|
const {children: children, scrollY: scrollY = !1, scrollX: scrollX = !1, background: background = "var(--core-surface-primary)", direction: direction = "column", alignItems: alignItems = "start", justify: justify = "start", height: height = "fit", width: width = "fill", maxWidth: maxWidth, centerSelf: centerSelf, wrap: wrap = !1, reverse: reverse = !1, padding: padding = 0, margin: margin = 0, absolute: absolute = !1, flex: flex, gap: gap, variants: variants, transition: transition, animate: animate, enter: enter, exit: exit, border: border, borderRadius: borderRadius, className: className, scrollHandle: scrollHandle, scrollHandleHover: scrollHandleHover} = props, divAttributes = tslib_es6.__rest(props, [ "children", "scrollY", "scrollX", "background", "direction", "alignItems", "justify", "height", "width", "maxWidth", "centerSelf", "wrap", "reverse", "padding", "margin", "absolute", "flex", "gap", "variants", "transition", "animate", "enter", "exit", "border", "borderRadius", "className", "scrollHandle", "scrollHandleHover" ]), {id: divId, style: userStyle} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "style" ]), wrapperStyle = null != userStyle ? userStyle : {}, style = React.useMemo(() => ({
|
|
@@ -4,9 +4,9 @@ var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/
|
|
|
4
4
|
|
|
5
5
|
require("../theme/colors.js"), require("../hooks/useWindow.js");
|
|
6
6
|
|
|
7
|
-
var Badge = require("./Badge-
|
|
7
|
+
var Badge = require("./Badge-CY_DG6cD.js"), _types = require("./_types-C_zOsCbB.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_header = "Grouper-module_header__D5fV0 flexBox-module_rowBetween__5FEvi", css_title = "Grouper-module_title__ZKqTP flexBox-module_rowBetween__5FEvi type-module_body-m-regular__LuQBA", css_content = "Grouper-module_content__Mof50 flexBox-module_rowBetween__5FEvi", css_icon = "Grouper-module_icon__14Jis flexBox-module_row__z24tF";
|
|
8
8
|
|
|
9
|
-
styleInject_es.styleInject(".flexBox-
|
|
9
|
+
styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Grouper-module_header__D5fV0 {\n\twidth: 100%;\n\tcursor: pointer;\n}\n\n.Grouper-module_title__ZKqTP {\n\tcolor: var(--core-text-primary);\n\tflex: 1;\n}\n\n.Grouper-module_content__Mof50 {\n\tuser-select: none;\n\t-webkit-user-select: none;\n\tpadding: 0 24px !important;\n\twidth: 100%;\n\tgap: 6px;\n\theight: var(--grouper-height);\n\tborder-top: var(--grouper-border) solid var(--core-outline-primary);\n}\n\n.Grouper-module_icon__14Jis {\n\tmin-height: var(--grouper-icon-size);\n\theight: var(--grouper-icon-size);\n\tmin-width: var(--grouper-icon-size);\n\twidth: var(--grouper-icon-size);\n}\n");
|
|
10
10
|
|
|
11
11
|
const Grouper = React.memo(props => {
|
|
12
12
|
const {title: title = "Group Title", toggle: toggle = !0, open: open = !0, hasIcon: hasIcon = !0, iconName: iconName = "chevron down", iconSize: iconSize = 18, frameSize: frameSize = 64, border: border = 0, count: count = 0, unframed: unframed = !1, hideNull: hideNull = !0, showFilterBadge: showFilterBadge = !1, onChange: onChange = () => null, onClick: onClick = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "title", "toggle", "open", "hasIcon", "iconName", "iconSize", "frameSize", "border", "count", "unframed", "hideNull", "showFilterBadge", "onChange", "onClick" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", theme = hooks_useTheme.useTheme(), [state, setState] = React.useState(open), [icon, animateIcon] = react.useAnimate();
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-
|
|
3
|
+
var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-CY_DG6cD.js"), Dot = require("./Dot-_HCJ3qxd.js"), _types = require("./_types-C_zOsCbB.js"), sharedTypes = require("./sharedTypes-gCECyn2N.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_button = "IconButton-module_button__rziqa flexBox-module_row__z24tF", css_label = "IconButton-module_label__qWGFD flexBox-module_row__z24tF type-module_body-l-regular__lOYbg", css_icon = "IconButton-module_icon__2DDWy flexBox-module_row__z24tF", css_count = "IconButton-module_count__6r373 flexBox-module_row__z24tF";
|
|
4
4
|
|
|
5
|
-
styleInject_es.styleInject(".flexBox-
|
|
5
|
+
styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.IconButton-module_button__rziqa {\n\tposition: relative;\n\tbackground: var(--ib-bg);\n\tborder-radius: var(--ib-border-radius);\n\tborder: var(--ib-border) solid var(--core-outline-primary);\n\tgap: 6px;\n\tcursor: pointer;\n\t&:hover {\n\t\tbackground: var(--ib-bg-hover);\n\t}\n}\n\n.IconButton-module_label__qWGFD {\n\tcolor: var(--ib-color);\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tword-break: break-all;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n}\n\n.IconButton-module_icon__2DDWy {\n\tmin-height: var(--ib-icon-size);\n\theight: var(--ib-icon-size);\n\tmin-width: var(--ib-icon-size);\n\twidth: var(--ib-icon-size);\n}\n\n.IconButton-module_count__6r373 {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\ttransform: translateX(5px) translateY(-2px);\n}\n");
|
|
6
6
|
|
|
7
7
|
const IconButton = React.memo(props => {
|
|
8
8
|
const {frameSize: frameSize = 36, iconSize: iconSize = 20, icon: icon = "more", borderRadius: borderRadius = 4, tooltip: tooltip, color: color, colorOn: colorOn, bgColor: bgColor = "var(--core-surface-secondary)", bgColorHover: bgColorHover = "var(--core-outline-primary)", bgColorOn: bgColorOn = "var(--core-outline-primary)", transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, fillColor: fillColor, label: label, hover: hover, count: count = 0, toggle: toggle = !0, toggleIcon: toggleIcon = !1, isToggled: isToggled = !1, disabled: disabled = !1, showDot: showDot = !1, border: border = !1, onClick: onClick = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "frameSize", "iconSize", "icon", "borderRadius", "tooltip", "color", "colorOn", "bgColor", "bgColorHover", "bgColorOn", "transition", "variants", "initial", "animate", "exit", "fillColor", "label", "hover", "count", "toggle", "toggleIcon", "isToggled", "disabled", "showDot", "border", "onClick", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [on, setOn] = React.useState(isToggled), ref = React.useRef(null);
|