@plasmicpkgs/plasmic-rich-components 1.0.169 → 1.0.171
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/dist/.tsbuildinfo +1 -1
- package/dist/index.js +9 -8
- package/dist/index.js.map +1 -1
- package/dist/plasmic-rich-components.esm.js +9 -8
- package/dist/plasmic-rich-components.esm.js.map +1 -1
- package/dist/rich-calendar/index.d.ts +1 -1
- package/package.json +18 -4
- package/skinny/common-8cca2977.esm.js +22 -0
- package/skinny/common-8cca2977.esm.js.map +1 -0
- package/skinny/common-e1d76791.cjs.js +30 -0
- package/skinny/common-e1d76791.cjs.js.map +1 -0
- package/skinny/common-prop-types-5f1fd4b0.cjs.js +139 -0
- package/skinny/common-prop-types-5f1fd4b0.cjs.js.map +1 -0
- package/skinny/common-prop-types-686c49fe.esm.js +133 -0
- package/skinny/common-prop-types-686c49fe.esm.js.map +1 -0
- package/skinny/common-prop-types.d.ts +12 -0
- package/skinny/common.d.ts +5 -0
- package/skinny/field-mappings.d.ts +100 -0
- package/skinny/field-react-utils-26fba31e.esm.js +142 -0
- package/skinny/field-react-utils-26fba31e.esm.js.map +1 -0
- package/skinny/field-react-utils-c717ec94.cjs.js +153 -0
- package/skinny/field-react-utils-c717ec94.cjs.js.map +1 -0
- package/skinny/field-react-utils.d.ts +34 -0
- package/skinny/formatting-327e0658.cjs.js +645 -0
- package/skinny/formatting-327e0658.cjs.js.map +1 -0
- package/skinny/formatting-aff39488.esm.js +633 -0
- package/skinny/formatting-aff39488.esm.js.map +1 -0
- package/skinny/formatting.d.ts +7 -0
- package/skinny/rich-calendar/RichCalendar.d.ts +31 -0
- package/skinny/rich-calendar/index.cjs.js +502 -0
- package/skinny/rich-calendar/index.cjs.js.map +1 -0
- package/skinny/rich-calendar/index.d.ts +15 -0
- package/skinny/rich-calendar/index.esm.js +489 -0
- package/skinny/rich-calendar/index.esm.js.map +1 -0
- package/skinny/rich-details/RichDetails.d.ts +12 -0
- package/skinny/rich-details/index.cjs.js +169 -0
- package/skinny/rich-details/index.cjs.js.map +1 -0
- package/skinny/rich-details/index.d.ts +3 -0
- package/skinny/rich-details/index.esm.js +162 -0
- package/skinny/rich-details/index.esm.js.map +1 -0
- package/skinny/rich-layout/RichLayout.d.ts +22 -0
- package/skinny/rich-layout/index.cjs.js +486 -0
- package/skinny/rich-layout/index.cjs.js.map +1 -0
- package/skinny/rich-layout/index.d.ts +5 -0
- package/skinny/rich-layout/index.esm.js +476 -0
- package/skinny/rich-layout/index.esm.js.map +1 -0
- package/skinny/rich-list/RichList.d.ts +59 -0
- package/skinny/rich-list/index.cjs.js +583 -0
- package/skinny/rich-list/index.cjs.js.map +1 -0
- package/skinny/rich-list/index.d.ts +5 -0
- package/skinny/rich-list/index.esm.js +571 -0
- package/skinny/rich-list/index.esm.js.map +1 -0
- package/skinny/rich-table/RichTable.d.ts +46 -0
- package/skinny/rich-table/index.cjs.js +598 -0
- package/skinny/rich-table/index.cjs.js.map +1 -0
- package/skinny/rich-table/index.d.ts +21 -0
- package/skinny/rich-table/index.esm.js +586 -0
- package/skinny/rich-table/index.esm.js.map +1 -0
- package/skinny/utils-65c486f0.cjs.js +139 -0
- package/skinny/utils-65c486f0.cjs.js.map +1 -0
- package/skinny/utils-c32bd7ed.esm.js +118 -0
- package/skinny/utils-c32bd7ed.esm.js.map +1 -0
- package/skinny/utils.d.ts +72 -0
- package/skinny/widgets.d.ts +2 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../src/rich-calendar/RichCalendar.tsx","../../src/rich-calendar/index.tsx"],"sourcesContent":["import {\n deriveFieldConfigs,\n NormalizedData,\n useNormalizedData,\n} from \"@plasmicapp/data-sources\";\nimport { parseDate } from \"@plasmicpkgs/luxon-parser\";\nimport { Badge, Calendar } from \"antd\";\nimport dayjs, { Dayjs } from \"dayjs\";\nimport groupBy from \"lodash/groupBy\";\nimport React, { useMemo } from \"react\";\nimport { BaseColumnConfig, FieldfulProps, RowFunc } from \"../field-mappings\";\nimport { getFieldAggregateValue } from \"../formatting\";\nimport {\n ensure,\n ensureArray,\n isLikeColor,\n isLikeDate,\n isValidIsoDate,\n maybe,\n mkShortId,\n} from \"../utils\";\n\nimport localeData from \"dayjs/plugin/localeData\";\nimport weekday from \"dayjs/plugin/weekday\";\n\ndayjs.extend(weekday);\ndayjs.extend(localeData);\n\ntype RichCalendarPropsBase = Omit<\n React.ComponentProps<typeof Calendar>,\n \"value\" | \"defaultValue\" | \"validRange\"\n>;\n\nexport interface RichCalendarProps\n extends FieldfulProps<EventsConfig>,\n RichCalendarPropsBase {\n color: EventsConfig[];\n date: EventsConfig[];\n title: EventsConfig[];\n value: string;\n defaultValue: string;\n validRange: [string | undefined, string | undefined] | undefined;\n}\n\ninterface Event {\n date: string;\n title: string;\n color?: string;\n}\n\nfunction getEventFullDate(date?: string): string | undefined {\n const parsed = parseDate(date);\n if (!parsed) return undefined;\n const yyyy = parsed.getFullYear();\n const mm = (parsed.getMonth() + 1).toString().padStart(2, \"0\");\n const dd = parsed.getDate().toString().padStart(2, \"0\");\n return `${yyyy}-${mm}-${dd}`;\n}\n\nfunction getEventMonthYear(date?: string): string | undefined {\n return getEventFullDate(date)?.substring(0, 7);\n}\n\nfunction EventCell({ events }: { events: Event[] }) {\n if (!events || !events.length) return null;\n return (\n <ul style={{ all: \"unset\" }}>\n {events.map((e) => (\n <li key={JSON.stringify(e)} style={{ all: \"unset\", display: \"block\" }}>\n <Badge color={e.color || \"green\"} text={e.title} />\n </li>\n ))}\n </ul>\n );\n}\n\nexport function RichCalendar(props: RichCalendarProps) {\n const {\n data: rawData = {\n data: [],\n schema: {\n id: \"inferred\",\n fields: [\n {\n id: \"id\",\n type: \"string\",\n readOnly: false,\n },\n ],\n },\n },\n value: isoValue,\n defaultValue: isoDefaultValue,\n validRange: isoValidRange,\n dateCellRender,\n dateFullCellRender,\n monthCellRender,\n monthFullCellRender,\n ...rest\n } = props;\n const data = useNormalizedData(rawData);\n\n const { normalized, finalRoles: roleConfigs } = useRoleDefinitions(\n data,\n props\n );\n const {\n eventsByDate,\n eventsByMonth,\n }: {\n eventsByDate: Record<string, Event[]>;\n eventsByMonth: Record<string, Event[]>;\n } = useMemo(() => {\n if (!data) return { eventsByDate: {}, eventsByMonth: {} };\n return data?.data.reduce(\n (acc: any, item: any) => {\n const date = getFieldAggregateValue(item, roleConfigs.date);\n const title = getFieldAggregateValue(item, roleConfigs.title);\n const color = getFieldAggregateValue(item, roleConfigs.color);\n\n const event = {\n date,\n title,\n color,\n };\n\n const keyDate = getEventFullDate(date); // extract the date-only part\n const keyMonth = getEventMonthYear(date); // extract the month-year part\n if (keyDate && keyMonth) {\n acc.eventsByDate[keyDate] = [\n ...(acc.eventsByDate[keyDate] || []),\n event,\n ];\n acc.eventsByMonth[keyMonth] = [\n ...(acc.eventsByMonth[keyMonth] || []),\n event,\n ];\n }\n\n return acc;\n },\n { eventsByDate: {}, eventsByMonth: {} }\n );\n }, [data, roleConfigs.color, roleConfigs.date, roleConfigs.title]);\n\n const value = useMemo(\n () => (isValidIsoDate(isoValue) ? dayjs(isoValue) : dayjs()),\n [isoValue]\n ); // https://day.js.org/docs/en/parse/now`\n const defaultValue = useMemo(\n () => (isValidIsoDate(isoDefaultValue) ? dayjs(isoDefaultValue) : dayjs()),\n [isoDefaultValue]\n ); // https://day.js.org/docs/en/parse/now\n\n const validRange: [Dayjs, Dayjs] | undefined = useMemo(() => {\n if (!isoValidRange) return undefined;\n\n const range = isoValidRange\n .filter((dateIso: string | undefined) => isValidIsoDate(dateIso))\n .map((d: any) => dayjs(d));\n\n if (range.length !== 2) return undefined;\n return [range[0], range[1]];\n }, [isoValidRange]);\n\n const key = useMemo(() => JSON.stringify(roleConfigs), [roleConfigs]);\n\n return (\n <Calendar\n {...rest}\n key={key}\n validRange={validRange}\n // for interactive / preview mode\n defaultValue={defaultValue}\n // for design mode\n value={value}\n dateCellRender={\n dateCellRender\n ? dateCellRender\n : (date: Dayjs) => (\n <EventCell\n events={eventsByDate[getEventFullDate(date.toISOString())!]}\n />\n )\n }\n monthCellRender={\n monthCellRender\n ? monthCellRender\n : (date: Dayjs) => (\n <EventCell\n events={eventsByMonth[getEventMonthYear(date.toISOString())!]}\n />\n )\n }\n dateFullCellRender={dateFullCellRender}\n monthFullCellRender={monthFullCellRender}\n />\n );\n}\n\ninterface StyleConfig {\n styles: Record<string, any>;\n align: \"left\" | \"center\" | \"right\";\n freeze: \"off\" | \"left\" | \"right\";\n}\n\nconst defaultColumnConfig = (): EventsConfig =>\n ({\n key: mkShortId(),\n isEditableExpr: () => false,\n disableSorting: false,\n sortByExpr: undefined,\n isHidden: false,\n formatting: {\n styles: {},\n align: \"left\",\n freeze: \"off\",\n },\n dataType: \"auto\" as const,\n role: undefined,\n } as const);\n\nconst roles = [\"date\", \"title\", \"color\", \"unset\"] as const;\n\nexport type Role = (typeof roles)[number];\n\nexport type EventsConfig = BaseColumnConfig & {\n isEditableExpr: RowFunc<boolean>;\n disableSorting: boolean;\n sortByExpr?: RowFunc<any>;\n formatting: StyleConfig;\n\n /**\n * The default inferred role, not the actual user-set role.\n */\n role: undefined | Role | \"unset\";\n};\n\n// This component is different from Table/Details since it has various different roles, so the UX is one of setting the choices for each role rather than a single list of fields.\n//\n// We first infer the defaults for each role.\n// This we always need to do because we want the choices to be 'stable'.\n// If the user sets one of the roles, without setting the others, we don't want to shift things around on the other roles as a result.\n// So the defaults need to always be there (they would only be irrelevant if all roles that would have had defaults were set/overridden by the user).\n//\n// Then, we layer on the user role choices.\n//\n// One UX wart is that unsetting a role will restore the default selection instead of clearing it.\n// User must know to actually set fieldId to none or (for arrays) remove the item.\n// Just another reason to fill in few roles by default.\nfunction useRoleDefinitions(\n data: NormalizedData | undefined,\n props: React.ComponentProps<typeof RichCalendar>\n) {\n const { fields, setControlContextData } = props;\n\n return React.useMemo(() => {\n const schema = data?.schema;\n if (!data || !schema) {\n return { normalized: [], finalRoles: {} };\n }\n\n function tagFieldConfigs(role: Role) {\n if (role !== \"unset\") {\n return ensureArray(props[role] ?? []).map((field) => {\n return {\n ...field,\n role,\n };\n });\n } else {\n return [];\n }\n }\n\n // This is only being computed to get the default role choices.\n const specifiedFieldsPartial = [\n ...tagFieldConfigs(\"date\"),\n ...tagFieldConfigs(\"color\"),\n ...tagFieldConfigs(\"title\"),\n ];\n\n function doDeriveFieldConfigs(mode: \"existing\" | \"defaults\") {\n return deriveFieldConfigs<EventsConfig>(\n mode === \"defaults\" ? [] : specifiedFieldsPartial,\n schema,\n (field) => ({\n ...defaultColumnConfig(),\n ...(field && {\n key: field.id,\n fieldId: field.id,\n title: field.label || field.id,\n // undefined means not yet determined in this routine, not 'unset'\n role: undefined,\n expr: (currentItem) => currentItem[field.id],\n }),\n })\n );\n }\n\n // Now we derive the defaults.\n //\n // We always start from a blank slate for this. We want stability - we don't want a situation where we are constantly shifting around the defaults based on what else the user has set.\n //\n // For instance,\n // (1) we derive `city` to be content,\n // (2) user sets `city` as title,\n // (3) we now derive a different content because `city` is used.\n const {\n mergedFields: defaultMergedFields,\n minimalFullLengthFields: defaultMinimalFullLengthFields,\n } = doDeriveFieldConfigs(\"defaults\");\n\n // Find a good default date field.\n // Filter mergedFields where there are mostly values (in the sampleRows) that are a string that looks like a date in ISO date-only or date-time format, or a timestamp\n // Of these, prefer the one with a name like date, timestamp.\n // Otherwise, prefer the one with a name with that substring.\n // Otherwise, pick any remaining one.\n if (\n data.data.length > 0 &&\n !defaultMergedFields.some((field) => field.role === \"date\")\n ) {\n const sampleRows = Array.from(\n new Set(\n [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((i) =>\n Math.round((i / 9) * (data.data.length - 1))\n )\n )\n ).map((i) => data.data[i]);\n const dateFieldCandidates = defaultMergedFields.filter(\n (field) =>\n !field.role &&\n sampleRows.filter(\n (row) => field.fieldId && isLikeDate(row[field.fieldId])\n ).length >=\n sampleRows.length / 2\n );\n const dateField =\n dateFieldCandidates.find((f) =>\n f.fieldId?.match(/^(date|datetime|timestamp|eventdate)$/i)\n ) ??\n dateFieldCandidates.find((f) =>\n f.fieldId?.match(/.*(date|time|event).*/i)\n ) ??\n dateFieldCandidates[0];\n if (dateField) {\n dateField.role = \"date\";\n }\n }\n\n // Find a good default color field.\n // Filter mergedFields where there are mostly values (in the sampleRows) that are a string that looks like a color code.\n // Of these, prefer the one with a name like color.\n // Otherwise, prefer the one with a name with that substring.\n // Otherwise, pick any remaining one.\n if (\n data.data.length > 0 &&\n !defaultMergedFields.some((field) => field.role === \"color\")\n ) {\n const sampleRows = Array.from(\n new Set(\n [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((i) =>\n Math.round((i / 9) * (data.data.length - 1))\n )\n )\n ).map((i) => data.data[i]);\n const colorFieldCandidates = defaultMergedFields.filter(\n (field) =>\n !field.role &&\n sampleRows.filter(\n (row) => field.fieldId && isLikeColor(row[field.fieldId])\n ).length >=\n sampleRows.length / 2\n );\n const colorField =\n colorFieldCandidates.find((f) =>\n f.fieldId?.match(/^(color|hex|rgb|hsl|rgba|cmyk|hsv|hsb)$/i)\n ) ??\n colorFieldCandidates.find((f) =>\n f.fieldId?.match(/.*(color|hex|rgb|hsl|rgba|cmyk|hsv|hsb).*/i)\n ) ??\n colorFieldCandidates[0];\n if (colorField) {\n colorField.role = \"color\";\n }\n }\n\n // Find a good default title field, just based on the field name.\n if (!defaultMergedFields.some((field) => field.role === \"title\")) {\n const titleField = defaultMergedFields.find(\n (field) =>\n !field.role &&\n field.fieldId?.toLowerCase().match(/^(title|name||event[ _-]?name)$/)\n );\n if (titleField) {\n titleField.role = \"title\";\n }\n }\n\n const fieldIdToDefaultRole = new Map(\n defaultMergedFields.map((f) => [f.fieldId, f.role])\n );\n for (const f of defaultMinimalFullLengthFields) {\n f.role = fieldIdToDefaultRole.get(f.fieldId);\n }\n\n // Now we have the defaults!\n //\n // We once again derive field configs, this time using existing props.\n // Then we add on the derived defaults for the \"real merged\" fields.\n //\n // Note this is kind of an awkward/wasteful use of deriveFieldConfigs since it was more for table columns originally, and this by-role usage is a different shape of problem. We're mainly using it to fill in / \"inflate\" the additional settings on these FieldConfigs. Haven't yet bothered finding a better utility interface.\n const { mergedFields, minimalFullLengthFields } =\n doDeriveFieldConfigs(\"existing\");\n\n const minimalFullLengthFieldsWithDefaults = [\n ...minimalFullLengthFields.filter((f) => f.role && f.role !== \"unset\"),\n ...defaultMinimalFullLengthFields.filter(\n (f) => f.role && f.role !== \"unset\" && !props[f.role]\n ),\n ];\n const mergedFieldsWithDefaults = [\n ...mergedFields.filter((f) => f.role && f.role !== \"unset\"),\n ...defaultMergedFields.filter(\n (f) => f.role && f.role !== \"unset\" && !props[f.role]\n ),\n ];\n\n // We now get by-role grouping which is needed by the component.\n const roleConfigs = ensure(\n groupBy(mergedFieldsWithDefaults, (f) => f.role)\n );\n\n const finalRoles: Partial<Record<Role, EventsConfig[]>> = {};\n for (const role of roles) {\n if (role !== \"unset\") {\n finalRoles[role] = maybe(props[role], ensureArray) ?? roleConfigs[role];\n }\n }\n\n setControlContextData?.({\n ...data,\n mergedFields: mergedFieldsWithDefaults,\n minimalFullLengthFields: minimalFullLengthFieldsWithDefaults,\n });\n\n const normalized = mergedFieldsWithDefaults;\n return { normalized, finalRoles };\n }, [data, setControlContextData, props]);\n}\n","import dayjs, { Dayjs } from \"dayjs\";\nimport { roleProp } from \"../common-prop-types\";\nimport {\n isValidIsoDate,\n Registerable,\n registerComponentHelper,\n} from \"../utils\";\nimport { RichCalendar } from \"./RichCalendar\";\n\nexport * from \"./RichCalendar\";\n\nexport const calendarHelpers = {\n states: {\n mode: {\n onChangeArgsToValue: (_date: Dayjs, mode: string) => mode,\n },\n selectedDate: {\n onChangeArgsToValue: (date: Dayjs) => dayjs(date).toISOString(),\n },\n },\n};\n\nexport const calendarComponentName = \"hostless-rich-calendar\";\n\nexport function registerRichCalendar(loader?: Registerable) {\n registerComponentHelper(loader, RichCalendar, {\n name: calendarComponentName,\n displayName: \"Calendar\",\n props: {\n data: {\n type: \"dataSourceOpData\" as any,\n displayName: \"Events\",\n description:\n \"The events data should be a list of records with some date field.\",\n },\n title: roleProp({ role: \"title\" }),\n date: roleProp({ role: \"date\", singular: true }),\n color: roleProp({ role: \"color\", singular: true }),\n value: {\n // Must have a corresponding state and eventhandler for any prop that I want to be able to change in interactive mode.\n editOnly: true,\n uncontrolledProp: \"defaultValue\",\n type: \"dateString\",\n description: `The date selected by default as an ISO string`,\n validator: (value, ps) => {\n if (!ps.value) return true;\n if (!ps.validRange) return true;\n if (!isValidIsoDate(value)) return \"Not a valid ISO string.\";\n if (\n dayjs(value).isBefore(ps.validRange[0]) ||\n dayjs(value).isAfter(ps.validRange[1])\n )\n return \"Not within the valid range\";\n return true;\n },\n },\n mode: {\n type: \"choice\",\n options: [\"month\", \"year\"],\n description: \"The default display mode of the calendar.\",\n defaultValueHint: \"month\",\n },\n validRange: {\n type: \"dateRangeStrings\",\n description: \"Only allow selection of dates that lie within this range\",\n advanced: true,\n validator: (value, ps) => {\n if (!value) return true;\n if (!Array.isArray(value) || value.length !== 2)\n return \"Not an array with 2 items\";\n if (!isValidIsoDate(value[0]) || !isValidIsoDate(value[1]))\n return \"Min or max range is not in valid ISO date format.\";\n return true;\n },\n },\n headerRender: {\n type: \"slot\",\n renderPropParams: [\"headerProps\"],\n hidePlaceholder: true,\n displayName: \"Custom Header\",\n },\n dateCellRender: {\n type: \"slot\",\n renderPropParams: [\"dateProps\"],\n hidePlaceholder: true,\n displayName: \"Append Date Cell\",\n },\n dateFullCellRender: {\n type: \"slot\",\n renderPropParams: [\"dateProps\"],\n hidePlaceholder: true,\n displayName: \"Custom Date Cell\",\n },\n monthCellRender: {\n type: \"slot\",\n renderPropParams: [\"dateProps\"],\n hidePlaceholder: true,\n displayName: \"Append Month Cell\",\n },\n monthFullCellRender: {\n type: \"slot\",\n renderPropParams: [\"dateProps\"],\n hidePlaceholder: true,\n displayName: \"Custom Month Cell\",\n },\n onPanelChange: {\n type: \"eventHandler\",\n description:\n \"Triggers when the calendar mode changes (e.g. from month to year mode)\",\n argTypes: [\n { name: \"date\", type: \"object\" },\n { name: \"mode\", type: \"string\" },\n ],\n },\n onChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"date\", type: \"object\" }],\n },\n },\n states: {\n mode: {\n type: \"writable\",\n valueProp: \"mode\",\n onChangeProp: \"onPanelChange\",\n variableType: \"text\",\n ...calendarHelpers.states.mode,\n },\n selectedDate: {\n type: \"writable\",\n valueProp: \"value\",\n onChangeProp: \"onChange\",\n variableType: \"text\",\n ...calendarHelpers.states.selectedDate,\n },\n },\n componentHelpers: {\n helpers: calendarHelpers,\n importName: \"calendarHelpers\",\n importPath: \"@plasmicpkgs/plasmic-rich-components/skinny/rich-calendar\",\n },\n importPath: \"@plasmicpkgs/plasmic-rich-components/skinny/rich-calendar\",\n importName: \"RichCalendar\",\n });\n}\n"],"names":["dayjs","weekday","localeData","parseDate","React","Badge","useNormalizedData","useMemo","getFieldAggregateValue","isValidIsoDate","Calendar","__spreadValues","mkShortId","_a","ensureArray","deriveFieldConfigs","isLikeDate","isLikeColor","ensure","groupBy","maybe","registerComponentHelper","roleProp"],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Dayjs } from "dayjs";
|
|
2
|
+
import { Registerable } from "../utils";
|
|
3
|
+
export * from "./RichCalendar";
|
|
4
|
+
export declare const calendarHelpers: {
|
|
5
|
+
states: {
|
|
6
|
+
mode: {
|
|
7
|
+
onChangeArgsToValue: (_date: Dayjs, mode: string) => string;
|
|
8
|
+
};
|
|
9
|
+
selectedDate: {
|
|
10
|
+
onChangeArgsToValue: (date: Dayjs) => string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export declare const calendarComponentName = "hostless-rich-calendar";
|
|
15
|
+
export declare function registerRichCalendar(loader?: Registerable): void;
|
|
@@ -0,0 +1,489 @@
|
|
|
1
|
+
import dayjs from 'dayjs';
|
|
2
|
+
import { r as roleProp } from '../common-prop-types-686c49fe.esm.js';
|
|
3
|
+
import { i as isValidIsoDate, a as isLikeDate, b as isLikeColor, e as ensure, m as maybe, c as ensureArray, d as mkShortId, r as registerComponentHelper } from '../utils-c32bd7ed.esm.js';
|
|
4
|
+
import { useNormalizedData, deriveFieldConfigs } from '@plasmicapp/data-sources';
|
|
5
|
+
import { parseDate } from '@plasmicpkgs/luxon-parser';
|
|
6
|
+
import { Calendar, Badge } from 'antd';
|
|
7
|
+
import groupBy from 'lodash/groupBy';
|
|
8
|
+
import React, { useMemo } from 'react';
|
|
9
|
+
import { g as getFieldAggregateValue } from '../formatting-aff39488.esm.js';
|
|
10
|
+
import localeData from 'dayjs/plugin/localeData';
|
|
11
|
+
import weekday from 'dayjs/plugin/weekday';
|
|
12
|
+
import '../common-8cca2977.esm.js';
|
|
13
|
+
import '@ctrl/tinycolor';
|
|
14
|
+
import '@plasmicapp/host/registerComponent';
|
|
15
|
+
import '@plasmicapp/host/registerGlobalContext';
|
|
16
|
+
import 'dayjs/plugin/customParseFormat';
|
|
17
|
+
import 'lodash/get';
|
|
18
|
+
|
|
19
|
+
var __defProp$1 = Object.defineProperty;
|
|
20
|
+
var __defProps = Object.defineProperties;
|
|
21
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
22
|
+
var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
|
|
23
|
+
var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
|
|
24
|
+
var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
|
|
25
|
+
var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
26
|
+
var __spreadValues$1 = (a, b) => {
|
|
27
|
+
for (var prop in b || (b = {}))
|
|
28
|
+
if (__hasOwnProp$1.call(b, prop))
|
|
29
|
+
__defNormalProp$1(a, prop, b[prop]);
|
|
30
|
+
if (__getOwnPropSymbols$1)
|
|
31
|
+
for (var prop of __getOwnPropSymbols$1(b)) {
|
|
32
|
+
if (__propIsEnum$1.call(b, prop))
|
|
33
|
+
__defNormalProp$1(a, prop, b[prop]);
|
|
34
|
+
}
|
|
35
|
+
return a;
|
|
36
|
+
};
|
|
37
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
38
|
+
var __objRest = (source, exclude) => {
|
|
39
|
+
var target = {};
|
|
40
|
+
for (var prop in source)
|
|
41
|
+
if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
42
|
+
target[prop] = source[prop];
|
|
43
|
+
if (source != null && __getOwnPropSymbols$1)
|
|
44
|
+
for (var prop of __getOwnPropSymbols$1(source)) {
|
|
45
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
|
|
46
|
+
target[prop] = source[prop];
|
|
47
|
+
}
|
|
48
|
+
return target;
|
|
49
|
+
};
|
|
50
|
+
dayjs.extend(weekday);
|
|
51
|
+
dayjs.extend(localeData);
|
|
52
|
+
function getEventFullDate(date) {
|
|
53
|
+
const parsed = parseDate(date);
|
|
54
|
+
if (!parsed)
|
|
55
|
+
return void 0;
|
|
56
|
+
const yyyy = parsed.getFullYear();
|
|
57
|
+
const mm = (parsed.getMonth() + 1).toString().padStart(2, "0");
|
|
58
|
+
const dd = parsed.getDate().toString().padStart(2, "0");
|
|
59
|
+
return `${yyyy}-${mm}-${dd}`;
|
|
60
|
+
}
|
|
61
|
+
function getEventMonthYear(date) {
|
|
62
|
+
var _a;
|
|
63
|
+
return (_a = getEventFullDate(date)) == null ? void 0 : _a.substring(0, 7);
|
|
64
|
+
}
|
|
65
|
+
function EventCell({ events }) {
|
|
66
|
+
if (!events || !events.length)
|
|
67
|
+
return null;
|
|
68
|
+
return /* @__PURE__ */ React.createElement("ul", { style: { all: "unset" } }, events.map((e) => /* @__PURE__ */ React.createElement("li", { key: JSON.stringify(e), style: { all: "unset", display: "block" } }, /* @__PURE__ */ React.createElement(Badge, { color: e.color || "green", text: e.title }))));
|
|
69
|
+
}
|
|
70
|
+
function RichCalendar(props) {
|
|
71
|
+
const _a = props, {
|
|
72
|
+
data: rawData = {
|
|
73
|
+
data: [],
|
|
74
|
+
schema: {
|
|
75
|
+
id: "inferred",
|
|
76
|
+
fields: [
|
|
77
|
+
{
|
|
78
|
+
id: "id",
|
|
79
|
+
type: "string",
|
|
80
|
+
readOnly: false
|
|
81
|
+
}
|
|
82
|
+
]
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
value: isoValue,
|
|
86
|
+
defaultValue: isoDefaultValue,
|
|
87
|
+
validRange: isoValidRange,
|
|
88
|
+
dateCellRender,
|
|
89
|
+
dateFullCellRender,
|
|
90
|
+
monthCellRender,
|
|
91
|
+
monthFullCellRender
|
|
92
|
+
} = _a, rest = __objRest(_a, [
|
|
93
|
+
"data",
|
|
94
|
+
"value",
|
|
95
|
+
"defaultValue",
|
|
96
|
+
"validRange",
|
|
97
|
+
"dateCellRender",
|
|
98
|
+
"dateFullCellRender",
|
|
99
|
+
"monthCellRender",
|
|
100
|
+
"monthFullCellRender"
|
|
101
|
+
]);
|
|
102
|
+
const data = useNormalizedData(rawData);
|
|
103
|
+
const { normalized, finalRoles: roleConfigs } = useRoleDefinitions(
|
|
104
|
+
data,
|
|
105
|
+
props
|
|
106
|
+
);
|
|
107
|
+
const {
|
|
108
|
+
eventsByDate,
|
|
109
|
+
eventsByMonth
|
|
110
|
+
} = useMemo(() => {
|
|
111
|
+
if (!data)
|
|
112
|
+
return { eventsByDate: {}, eventsByMonth: {} };
|
|
113
|
+
return data == null ? void 0 : data.data.reduce(
|
|
114
|
+
(acc, item) => {
|
|
115
|
+
const date = getFieldAggregateValue(item, roleConfigs.date);
|
|
116
|
+
const title = getFieldAggregateValue(item, roleConfigs.title);
|
|
117
|
+
const color = getFieldAggregateValue(item, roleConfigs.color);
|
|
118
|
+
const event = {
|
|
119
|
+
date,
|
|
120
|
+
title,
|
|
121
|
+
color
|
|
122
|
+
};
|
|
123
|
+
const keyDate = getEventFullDate(date);
|
|
124
|
+
const keyMonth = getEventMonthYear(date);
|
|
125
|
+
if (keyDate && keyMonth) {
|
|
126
|
+
acc.eventsByDate[keyDate] = [
|
|
127
|
+
...acc.eventsByDate[keyDate] || [],
|
|
128
|
+
event
|
|
129
|
+
];
|
|
130
|
+
acc.eventsByMonth[keyMonth] = [
|
|
131
|
+
...acc.eventsByMonth[keyMonth] || [],
|
|
132
|
+
event
|
|
133
|
+
];
|
|
134
|
+
}
|
|
135
|
+
return acc;
|
|
136
|
+
},
|
|
137
|
+
{ eventsByDate: {}, eventsByMonth: {} }
|
|
138
|
+
);
|
|
139
|
+
}, [data, roleConfigs.color, roleConfigs.date, roleConfigs.title]);
|
|
140
|
+
const value = useMemo(
|
|
141
|
+
() => isValidIsoDate(isoValue) ? dayjs(isoValue) : dayjs(),
|
|
142
|
+
[isoValue]
|
|
143
|
+
);
|
|
144
|
+
const defaultValue = useMemo(
|
|
145
|
+
() => isValidIsoDate(isoDefaultValue) ? dayjs(isoDefaultValue) : dayjs(),
|
|
146
|
+
[isoDefaultValue]
|
|
147
|
+
);
|
|
148
|
+
const validRange = useMemo(() => {
|
|
149
|
+
if (!isoValidRange)
|
|
150
|
+
return void 0;
|
|
151
|
+
const range = isoValidRange.filter((dateIso) => isValidIsoDate(dateIso)).map((d) => dayjs(d));
|
|
152
|
+
if (range.length !== 2)
|
|
153
|
+
return void 0;
|
|
154
|
+
return [range[0], range[1]];
|
|
155
|
+
}, [isoValidRange]);
|
|
156
|
+
const key = useMemo(() => JSON.stringify(roleConfigs), [roleConfigs]);
|
|
157
|
+
return /* @__PURE__ */ React.createElement(
|
|
158
|
+
Calendar,
|
|
159
|
+
__spreadProps(__spreadValues$1({}, rest), {
|
|
160
|
+
key,
|
|
161
|
+
validRange,
|
|
162
|
+
defaultValue,
|
|
163
|
+
value,
|
|
164
|
+
dateCellRender: dateCellRender ? dateCellRender : (date) => /* @__PURE__ */ React.createElement(
|
|
165
|
+
EventCell,
|
|
166
|
+
{
|
|
167
|
+
events: eventsByDate[getEventFullDate(date.toISOString())]
|
|
168
|
+
}
|
|
169
|
+
),
|
|
170
|
+
monthCellRender: monthCellRender ? monthCellRender : (date) => /* @__PURE__ */ React.createElement(
|
|
171
|
+
EventCell,
|
|
172
|
+
{
|
|
173
|
+
events: eventsByMonth[getEventMonthYear(date.toISOString())]
|
|
174
|
+
}
|
|
175
|
+
),
|
|
176
|
+
dateFullCellRender,
|
|
177
|
+
monthFullCellRender
|
|
178
|
+
})
|
|
179
|
+
);
|
|
180
|
+
}
|
|
181
|
+
const defaultColumnConfig = () => ({
|
|
182
|
+
key: mkShortId(),
|
|
183
|
+
isEditableExpr: () => false,
|
|
184
|
+
disableSorting: false,
|
|
185
|
+
sortByExpr: void 0,
|
|
186
|
+
isHidden: false,
|
|
187
|
+
formatting: {
|
|
188
|
+
styles: {},
|
|
189
|
+
align: "left",
|
|
190
|
+
freeze: "off"
|
|
191
|
+
},
|
|
192
|
+
dataType: "auto",
|
|
193
|
+
role: void 0
|
|
194
|
+
});
|
|
195
|
+
const roles = ["date", "title", "color", "unset"];
|
|
196
|
+
function useRoleDefinitions(data, props) {
|
|
197
|
+
const { fields, setControlContextData } = props;
|
|
198
|
+
return React.useMemo(() => {
|
|
199
|
+
var _a, _b, _c, _d, _e;
|
|
200
|
+
const schema = data == null ? void 0 : data.schema;
|
|
201
|
+
if (!data || !schema) {
|
|
202
|
+
return { normalized: [], finalRoles: {} };
|
|
203
|
+
}
|
|
204
|
+
function tagFieldConfigs(role) {
|
|
205
|
+
var _a2;
|
|
206
|
+
if (role !== "unset") {
|
|
207
|
+
return ensureArray((_a2 = props[role]) != null ? _a2 : []).map((field) => {
|
|
208
|
+
return __spreadProps(__spreadValues$1({}, field), {
|
|
209
|
+
role
|
|
210
|
+
});
|
|
211
|
+
});
|
|
212
|
+
} else {
|
|
213
|
+
return [];
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
const specifiedFieldsPartial = [
|
|
217
|
+
...tagFieldConfigs("date"),
|
|
218
|
+
...tagFieldConfigs("color"),
|
|
219
|
+
...tagFieldConfigs("title")
|
|
220
|
+
];
|
|
221
|
+
function doDeriveFieldConfigs(mode) {
|
|
222
|
+
return deriveFieldConfigs(
|
|
223
|
+
mode === "defaults" ? [] : specifiedFieldsPartial,
|
|
224
|
+
schema,
|
|
225
|
+
(field) => __spreadValues$1(__spreadValues$1({}, defaultColumnConfig()), field && {
|
|
226
|
+
key: field.id,
|
|
227
|
+
fieldId: field.id,
|
|
228
|
+
title: field.label || field.id,
|
|
229
|
+
// undefined means not yet determined in this routine, not 'unset'
|
|
230
|
+
role: void 0,
|
|
231
|
+
expr: (currentItem) => currentItem[field.id]
|
|
232
|
+
})
|
|
233
|
+
);
|
|
234
|
+
}
|
|
235
|
+
const {
|
|
236
|
+
mergedFields: defaultMergedFields,
|
|
237
|
+
minimalFullLengthFields: defaultMinimalFullLengthFields
|
|
238
|
+
} = doDeriveFieldConfigs("defaults");
|
|
239
|
+
if (data.data.length > 0 && !defaultMergedFields.some((field) => field.role === "date")) {
|
|
240
|
+
const sampleRows = Array.from(
|
|
241
|
+
new Set(
|
|
242
|
+
[0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map(
|
|
243
|
+
(i) => Math.round(i / 9 * (data.data.length - 1))
|
|
244
|
+
)
|
|
245
|
+
)
|
|
246
|
+
).map((i) => data.data[i]);
|
|
247
|
+
const dateFieldCandidates = defaultMergedFields.filter(
|
|
248
|
+
(field) => !field.role && sampleRows.filter(
|
|
249
|
+
(row) => field.fieldId && isLikeDate(row[field.fieldId])
|
|
250
|
+
).length >= sampleRows.length / 2
|
|
251
|
+
);
|
|
252
|
+
const dateField = (_b = (_a = dateFieldCandidates.find(
|
|
253
|
+
(f) => {
|
|
254
|
+
var _a2;
|
|
255
|
+
return (_a2 = f.fieldId) == null ? void 0 : _a2.match(/^(date|datetime|timestamp|eventdate)$/i);
|
|
256
|
+
}
|
|
257
|
+
)) != null ? _a : dateFieldCandidates.find(
|
|
258
|
+
(f) => {
|
|
259
|
+
var _a2;
|
|
260
|
+
return (_a2 = f.fieldId) == null ? void 0 : _a2.match(/.*(date|time|event).*/i);
|
|
261
|
+
}
|
|
262
|
+
)) != null ? _b : dateFieldCandidates[0];
|
|
263
|
+
if (dateField) {
|
|
264
|
+
dateField.role = "date";
|
|
265
|
+
}
|
|
266
|
+
}
|
|
267
|
+
if (data.data.length > 0 && !defaultMergedFields.some((field) => field.role === "color")) {
|
|
268
|
+
const sampleRows = Array.from(
|
|
269
|
+
new Set(
|
|
270
|
+
[0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map(
|
|
271
|
+
(i) => Math.round(i / 9 * (data.data.length - 1))
|
|
272
|
+
)
|
|
273
|
+
)
|
|
274
|
+
).map((i) => data.data[i]);
|
|
275
|
+
const colorFieldCandidates = defaultMergedFields.filter(
|
|
276
|
+
(field) => !field.role && sampleRows.filter(
|
|
277
|
+
(row) => field.fieldId && isLikeColor(row[field.fieldId])
|
|
278
|
+
).length >= sampleRows.length / 2
|
|
279
|
+
);
|
|
280
|
+
const colorField = (_d = (_c = colorFieldCandidates.find(
|
|
281
|
+
(f) => {
|
|
282
|
+
var _a2;
|
|
283
|
+
return (_a2 = f.fieldId) == null ? void 0 : _a2.match(/^(color|hex|rgb|hsl|rgba|cmyk|hsv|hsb)$/i);
|
|
284
|
+
}
|
|
285
|
+
)) != null ? _c : colorFieldCandidates.find(
|
|
286
|
+
(f) => {
|
|
287
|
+
var _a2;
|
|
288
|
+
return (_a2 = f.fieldId) == null ? void 0 : _a2.match(/.*(color|hex|rgb|hsl|rgba|cmyk|hsv|hsb).*/i);
|
|
289
|
+
}
|
|
290
|
+
)) != null ? _d : colorFieldCandidates[0];
|
|
291
|
+
if (colorField) {
|
|
292
|
+
colorField.role = "color";
|
|
293
|
+
}
|
|
294
|
+
}
|
|
295
|
+
if (!defaultMergedFields.some((field) => field.role === "title")) {
|
|
296
|
+
const titleField = defaultMergedFields.find(
|
|
297
|
+
(field) => {
|
|
298
|
+
var _a2;
|
|
299
|
+
return !field.role && ((_a2 = field.fieldId) == null ? void 0 : _a2.toLowerCase().match(/^(title|name||event[ _-]?name)$/));
|
|
300
|
+
}
|
|
301
|
+
);
|
|
302
|
+
if (titleField) {
|
|
303
|
+
titleField.role = "title";
|
|
304
|
+
}
|
|
305
|
+
}
|
|
306
|
+
const fieldIdToDefaultRole = new Map(
|
|
307
|
+
defaultMergedFields.map((f) => [f.fieldId, f.role])
|
|
308
|
+
);
|
|
309
|
+
for (const f of defaultMinimalFullLengthFields) {
|
|
310
|
+
f.role = fieldIdToDefaultRole.get(f.fieldId);
|
|
311
|
+
}
|
|
312
|
+
const { mergedFields, minimalFullLengthFields } = doDeriveFieldConfigs("existing");
|
|
313
|
+
const minimalFullLengthFieldsWithDefaults = [
|
|
314
|
+
...minimalFullLengthFields.filter((f) => f.role && f.role !== "unset"),
|
|
315
|
+
...defaultMinimalFullLengthFields.filter(
|
|
316
|
+
(f) => f.role && f.role !== "unset" && !props[f.role]
|
|
317
|
+
)
|
|
318
|
+
];
|
|
319
|
+
const mergedFieldsWithDefaults = [
|
|
320
|
+
...mergedFields.filter((f) => f.role && f.role !== "unset"),
|
|
321
|
+
...defaultMergedFields.filter(
|
|
322
|
+
(f) => f.role && f.role !== "unset" && !props[f.role]
|
|
323
|
+
)
|
|
324
|
+
];
|
|
325
|
+
const roleConfigs = ensure(
|
|
326
|
+
groupBy(mergedFieldsWithDefaults, (f) => f.role)
|
|
327
|
+
);
|
|
328
|
+
const finalRoles = {};
|
|
329
|
+
for (const role of roles) {
|
|
330
|
+
if (role !== "unset") {
|
|
331
|
+
finalRoles[role] = (_e = maybe(props[role], ensureArray)) != null ? _e : roleConfigs[role];
|
|
332
|
+
}
|
|
333
|
+
}
|
|
334
|
+
setControlContextData == null ? void 0 : setControlContextData(__spreadProps(__spreadValues$1({}, data), {
|
|
335
|
+
mergedFields: mergedFieldsWithDefaults,
|
|
336
|
+
minimalFullLengthFields: minimalFullLengthFieldsWithDefaults
|
|
337
|
+
}));
|
|
338
|
+
const normalized = mergedFieldsWithDefaults;
|
|
339
|
+
return { normalized, finalRoles };
|
|
340
|
+
}, [data, setControlContextData, props]);
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
var __defProp = Object.defineProperty;
|
|
344
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
345
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
346
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
347
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
348
|
+
var __spreadValues = (a, b) => {
|
|
349
|
+
for (var prop in b || (b = {}))
|
|
350
|
+
if (__hasOwnProp.call(b, prop))
|
|
351
|
+
__defNormalProp(a, prop, b[prop]);
|
|
352
|
+
if (__getOwnPropSymbols)
|
|
353
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
354
|
+
if (__propIsEnum.call(b, prop))
|
|
355
|
+
__defNormalProp(a, prop, b[prop]);
|
|
356
|
+
}
|
|
357
|
+
return a;
|
|
358
|
+
};
|
|
359
|
+
const calendarHelpers = {
|
|
360
|
+
states: {
|
|
361
|
+
mode: {
|
|
362
|
+
onChangeArgsToValue: (_date, mode) => mode
|
|
363
|
+
},
|
|
364
|
+
selectedDate: {
|
|
365
|
+
onChangeArgsToValue: (date) => dayjs(date).toISOString()
|
|
366
|
+
}
|
|
367
|
+
}
|
|
368
|
+
};
|
|
369
|
+
const calendarComponentName = "hostless-rich-calendar";
|
|
370
|
+
function registerRichCalendar(loader) {
|
|
371
|
+
registerComponentHelper(loader, RichCalendar, {
|
|
372
|
+
name: calendarComponentName,
|
|
373
|
+
displayName: "Calendar",
|
|
374
|
+
props: {
|
|
375
|
+
data: {
|
|
376
|
+
type: "dataSourceOpData",
|
|
377
|
+
displayName: "Events",
|
|
378
|
+
description: "The events data should be a list of records with some date field."
|
|
379
|
+
},
|
|
380
|
+
title: roleProp({ role: "title" }),
|
|
381
|
+
date: roleProp({ role: "date", singular: true }),
|
|
382
|
+
color: roleProp({ role: "color", singular: true }),
|
|
383
|
+
value: {
|
|
384
|
+
// Must have a corresponding state and eventhandler for any prop that I want to be able to change in interactive mode.
|
|
385
|
+
editOnly: true,
|
|
386
|
+
uncontrolledProp: "defaultValue",
|
|
387
|
+
type: "dateString",
|
|
388
|
+
description: `The date selected by default as an ISO string`,
|
|
389
|
+
validator: (value, ps) => {
|
|
390
|
+
if (!ps.value)
|
|
391
|
+
return true;
|
|
392
|
+
if (!ps.validRange)
|
|
393
|
+
return true;
|
|
394
|
+
if (!isValidIsoDate(value))
|
|
395
|
+
return "Not a valid ISO string.";
|
|
396
|
+
if (dayjs(value).isBefore(ps.validRange[0]) || dayjs(value).isAfter(ps.validRange[1]))
|
|
397
|
+
return "Not within the valid range";
|
|
398
|
+
return true;
|
|
399
|
+
}
|
|
400
|
+
},
|
|
401
|
+
mode: {
|
|
402
|
+
type: "choice",
|
|
403
|
+
options: ["month", "year"],
|
|
404
|
+
description: "The default display mode of the calendar.",
|
|
405
|
+
defaultValueHint: "month"
|
|
406
|
+
},
|
|
407
|
+
validRange: {
|
|
408
|
+
type: "dateRangeStrings",
|
|
409
|
+
description: "Only allow selection of dates that lie within this range",
|
|
410
|
+
advanced: true,
|
|
411
|
+
validator: (value, ps) => {
|
|
412
|
+
if (!value)
|
|
413
|
+
return true;
|
|
414
|
+
if (!Array.isArray(value) || value.length !== 2)
|
|
415
|
+
return "Not an array with 2 items";
|
|
416
|
+
if (!isValidIsoDate(value[0]) || !isValidIsoDate(value[1]))
|
|
417
|
+
return "Min or max range is not in valid ISO date format.";
|
|
418
|
+
return true;
|
|
419
|
+
}
|
|
420
|
+
},
|
|
421
|
+
headerRender: {
|
|
422
|
+
type: "slot",
|
|
423
|
+
renderPropParams: ["headerProps"],
|
|
424
|
+
hidePlaceholder: true,
|
|
425
|
+
displayName: "Custom Header"
|
|
426
|
+
},
|
|
427
|
+
dateCellRender: {
|
|
428
|
+
type: "slot",
|
|
429
|
+
renderPropParams: ["dateProps"],
|
|
430
|
+
hidePlaceholder: true,
|
|
431
|
+
displayName: "Append Date Cell"
|
|
432
|
+
},
|
|
433
|
+
dateFullCellRender: {
|
|
434
|
+
type: "slot",
|
|
435
|
+
renderPropParams: ["dateProps"],
|
|
436
|
+
hidePlaceholder: true,
|
|
437
|
+
displayName: "Custom Date Cell"
|
|
438
|
+
},
|
|
439
|
+
monthCellRender: {
|
|
440
|
+
type: "slot",
|
|
441
|
+
renderPropParams: ["dateProps"],
|
|
442
|
+
hidePlaceholder: true,
|
|
443
|
+
displayName: "Append Month Cell"
|
|
444
|
+
},
|
|
445
|
+
monthFullCellRender: {
|
|
446
|
+
type: "slot",
|
|
447
|
+
renderPropParams: ["dateProps"],
|
|
448
|
+
hidePlaceholder: true,
|
|
449
|
+
displayName: "Custom Month Cell"
|
|
450
|
+
},
|
|
451
|
+
onPanelChange: {
|
|
452
|
+
type: "eventHandler",
|
|
453
|
+
description: "Triggers when the calendar mode changes (e.g. from month to year mode)",
|
|
454
|
+
argTypes: [
|
|
455
|
+
{ name: "date", type: "object" },
|
|
456
|
+
{ name: "mode", type: "string" }
|
|
457
|
+
]
|
|
458
|
+
},
|
|
459
|
+
onChange: {
|
|
460
|
+
type: "eventHandler",
|
|
461
|
+
argTypes: [{ name: "date", type: "object" }]
|
|
462
|
+
}
|
|
463
|
+
},
|
|
464
|
+
states: {
|
|
465
|
+
mode: __spreadValues({
|
|
466
|
+
type: "writable",
|
|
467
|
+
valueProp: "mode",
|
|
468
|
+
onChangeProp: "onPanelChange",
|
|
469
|
+
variableType: "text"
|
|
470
|
+
}, calendarHelpers.states.mode),
|
|
471
|
+
selectedDate: __spreadValues({
|
|
472
|
+
type: "writable",
|
|
473
|
+
valueProp: "value",
|
|
474
|
+
onChangeProp: "onChange",
|
|
475
|
+
variableType: "text"
|
|
476
|
+
}, calendarHelpers.states.selectedDate)
|
|
477
|
+
},
|
|
478
|
+
componentHelpers: {
|
|
479
|
+
helpers: calendarHelpers,
|
|
480
|
+
importName: "calendarHelpers",
|
|
481
|
+
importPath: "@plasmicpkgs/plasmic-rich-components/skinny/rich-calendar"
|
|
482
|
+
},
|
|
483
|
+
importPath: "@plasmicpkgs/plasmic-rich-components/skinny/rich-calendar",
|
|
484
|
+
importName: "RichCalendar"
|
|
485
|
+
});
|
|
486
|
+
}
|
|
487
|
+
|
|
488
|
+
export { RichCalendar, calendarComponentName, calendarHelpers, registerRichCalendar };
|
|
489
|
+
//# sourceMappingURL=index.esm.js.map
|