From 6cbe084d8bcc0f10413ba0bc7f4c736182027a07 Mon Sep 17 00:00:00 2001 From: sriramveeraghanta Date: Wed, 3 Sep 2025 16:03:32 +0530 Subject: [PATCH 1/2] fix: export prople package dist --- .../overview/priority-distribution.tsx | 2 +- apps/web/core/components/project/form.tsx | 16 +++------- apps/web/core/components/views/form.tsx | 3 +- packages/propel/package.json | 32 +++++++++---------- .../propel/src/emoji-icon-picker/helper.tsx | 14 ++++---- packages/propel/tsdown.config.ts | 15 +++++---- 6 files changed, 39 insertions(+), 43 deletions(-) diff --git a/apps/web/core/components/profile/overview/priority-distribution.tsx b/apps/web/core/components/profile/overview/priority-distribution.tsx index b61018ef355..bf75c91eb0f 100644 --- a/apps/web/core/components/profile/overview/priority-distribution.tsx +++ b/apps/web/core/components/profile/overview/priority-distribution.tsx @@ -44,7 +44,7 @@ export const ProfilePriorityDistribution: React.FC = ({ userProfile }) => key: "count", label: "Count", stackId: "bar-one", - fill: (payload) => priorityColors[payload.key as keyof typeof priorityColors], + fill: (payload: any) => priorityColors[payload.key as keyof typeof priorityColors], // TODO: fix types textClassName: "", showPercentage: false, showTopBorderRadius: () => true, diff --git a/apps/web/core/components/project/form.tsx b/apps/web/core/components/project/form.tsx index e8cdd54c3ed..1e35f65dd3c 100644 --- a/apps/web/core/components/project/form.tsx +++ b/apps/web/core/components/project/form.tsx @@ -9,17 +9,8 @@ import { useTranslation } from "@plane/i18n"; import { EmojiPicker } from "@plane/propel/emoji-icon-picker"; import { Tooltip } from "@plane/propel/tooltip"; import { IProject, IWorkspace } from "@plane/types"; -import { - Button, - CustomSelect, - Input, - TextArea, - TOAST_TYPE, - setToast, - CustomEmojiIconPicker, - EmojiIconPickerTypes, -} from "@plane/ui"; -import { renderFormattedDate, convertHexEmojiToDecimal, getFileURL } from "@plane/utils"; +import { Button, CustomSelect, Input, TextArea, TOAST_TYPE, setToast, EmojiIconPickerTypes } from "@plane/ui"; +import { renderFormattedDate, getFileURL } from "@plane/utils"; // components import { Logo } from "@/components/common/logo"; import { ImagePickerPopover } from "@/components/core/image-picker-popover"; @@ -212,7 +203,8 @@ export const ProjectDetailsForm: FC = (props) => { className="flex items-center justify-center" buttonClassName="flex h-[52px] w-[52px] flex-shrink-0 items-center justify-center rounded-lg bg-white/10" label={} - onChange={(val) => { + // TODO: fix types + onChange={(val: any) => { let logoValue = {}; if (val?.type === "emoji") diff --git a/apps/web/core/components/views/form.tsx b/apps/web/core/components/views/form.tsx index a5070796e6e..278181079ee 100644 --- a/apps/web/core/components/views/form.tsx +++ b/apps/web/core/components/views/form.tsx @@ -176,7 +176,8 @@ export const ProjectViewForm: React.FC = observer((props) => { } - onChange={(val) => { + // TODO: fix types + onChange={(val: any) => { let logoValue = {}; if (val?.type === "emoji") diff --git a/packages/propel/package.json b/packages/propel/package.json index 3e7e9796694..afd628b5e44 100644 --- a/packages/propel/package.json +++ b/packages/propel/package.json @@ -16,22 +16,22 @@ "build-storybook": "storybook build" }, "exports": { - "./avatar": "./src/avatar/index.ts", - "./charts/*": "./src/charts/*/index.ts", - "./dialog": "./src/dialog/index.ts", - "./menu": "./src/menu/index.ts", - "./table": "./src/table/index.ts", - "./tabs": "./src/tabs/index.ts", - "./popover": "./src/popover/index.ts", - "./command": "./src/command/index.ts", - "./combobox": "./src/combobox/index.ts", - "./tooltip": "./src/tooltip/index.ts", - "./styles/fonts": "./src/styles/fonts/index.css", - "./switch": "./src/switch/index.ts", - "./emoji-icon-picker": "./src/emoji-icon-picker/index.ts", - "./utils": "./src/utils/index.ts", - "./accordion": "./src/accordion/index.ts", - "./card": "./src/card/index.ts" + "./accordion": "./dist/accordion/index.ts", + "./avatar": "./dist/avatar/index.ts", + "./card": "./dist/card/index.ts", + "./charts/*": "./dist/charts/*/index.ts", + "./combobox": "./dist/combobox/index.ts", + "./command": "./dist/command/index.ts", + "./dialog": "./dist/dialog/index.ts", + "./emoji-icon-picker": "./dist/emoji-icon-picker/index.ts", + "./menu": "./dist/menu/index.ts", + "./popover": "./dist/popover/index.ts", + "./styles/fonts": "./dist/styles/fonts/index.css", + "./switch": "./dist/switch/index.ts", + "./table": "./dist/table/index.ts", + "./tabs": "./dist/tabs/index.ts", + "./tooltip": "./dist/tooltip/index.ts", + "./utils": "./dist/utils/index.ts" }, "dependencies": { "@base-ui-components/react": "^1.0.0-beta.2", diff --git a/packages/propel/src/emoji-icon-picker/helper.tsx b/packages/propel/src/emoji-icon-picker/helper.tsx index a613a1b0831..e5b77d9d98e 100644 --- a/packages/propel/src/emoji-icon-picker/helper.tsx +++ b/packages/propel/src/emoji-icon-picker/helper.tsx @@ -1,17 +1,17 @@ import { TPlacement, TSide, TAlign } from "../utils/placement"; -export enum EmojiIconPickerTypes { - EMOJI = "emoji", - ICON = "icon", -} +export const EmojiIconPickerTypes = { + EMOJI: "emoji", + ICON: "icon", +}; export type TChangeHandlerProps = | { - type: EmojiIconPickerTypes.EMOJI; + type: typeof EmojiIconPickerTypes.EMOJI; value: string; } | { - type: EmojiIconPickerTypes.ICON; + type: typeof EmojiIconPickerTypes.ICON; value: { name: string; color: string; @@ -25,7 +25,7 @@ export type TCustomEmojiPicker = { className?: string; closeOnSelect?: boolean; defaultIconColor?: string; - defaultOpen?: EmojiIconPickerTypes; + defaultOpen?: typeof EmojiIconPickerTypes.EMOJI | typeof EmojiIconPickerTypes.ICON; disabled?: boolean; dropdownClassName?: string; label: React.ReactNode; diff --git a/packages/propel/tsdown.config.ts b/packages/propel/tsdown.config.ts index 83abd28d74e..421139daa73 100644 --- a/packages/propel/tsdown.config.ts +++ b/packages/propel/tsdown.config.ts @@ -2,18 +2,21 @@ import { defineConfig } from "tsdown"; export default defineConfig({ entry: [ + "src/accordion/index.ts", "src/avatar/index.ts", - "src/charts/index.ts", + "src/card/index.ts", + "src/charts/**/index.ts", + "src/combobox/index.ts", + "src/command/index.ts", "src/dialog/index.ts", + "src/emoji-icon-picker/index.ts", "src/menu/index.ts", + "src/popover/index.ts", + "src/switch/index.ts", "src/table/index.ts", "src/tabs/index.ts", - "src/popover/index.ts", - "src/command/index.ts", - "src/combobox/index.ts", "src/tooltip/index.ts", - "src/card/index.ts", - "src/switch/index.ts", + "src/utils/index.ts", ], outDir: "dist", format: ["esm", "cjs"], From f76f97d8fbb1c844bd3dc85db708bcde231b64f0 Mon Sep 17 00:00:00 2001 From: sriramveeraghanta Date: Wed, 3 Sep 2025 17:19:40 +0530 Subject: [PATCH 2/2] fix: code refactor --- packages/propel/src/emoji-icon-picker/helper.tsx | 6 ++++-- packages/propel/tsdown.config.ts | 3 ++- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/packages/propel/src/emoji-icon-picker/helper.tsx b/packages/propel/src/emoji-icon-picker/helper.tsx index e5b77d9d98e..dfe2da2ff9d 100644 --- a/packages/propel/src/emoji-icon-picker/helper.tsx +++ b/packages/propel/src/emoji-icon-picker/helper.tsx @@ -3,7 +3,7 @@ import { TPlacement, TSide, TAlign } from "../utils/placement"; export const EmojiIconPickerTypes = { EMOJI: "emoji", ICON: "icon", -}; +} as const; export type TChangeHandlerProps = | { @@ -18,6 +18,8 @@ export type TChangeHandlerProps = }; }; +export type TEmojiIconPickerTypes = typeof EmojiIconPickerTypes.EMOJI | typeof EmojiIconPickerTypes.ICON; + export type TCustomEmojiPicker = { isOpen: boolean; handleToggle: (value: boolean) => void; @@ -25,7 +27,7 @@ export type TCustomEmojiPicker = { className?: string; closeOnSelect?: boolean; defaultIconColor?: string; - defaultOpen?: typeof EmojiIconPickerTypes.EMOJI | typeof EmojiIconPickerTypes.ICON; + defaultOpen?: TEmojiIconPickerTypes; disabled?: boolean; dropdownClassName?: string; label: React.ReactNode; diff --git a/packages/propel/tsdown.config.ts b/packages/propel/tsdown.config.ts index 421139daa73..29ecdf81ae0 100644 --- a/packages/propel/tsdown.config.ts +++ b/packages/propel/tsdown.config.ts @@ -5,7 +5,7 @@ export default defineConfig({ "src/accordion/index.ts", "src/avatar/index.ts", "src/card/index.ts", - "src/charts/**/index.ts", + "src/charts/*/index.ts", "src/combobox/index.ts", "src/command/index.ts", "src/dialog/index.ts", @@ -21,4 +21,5 @@ export default defineConfig({ outDir: "dist", format: ["esm", "cjs"], dts: true, + copy: ["src/styles"], });