matsuri-ui 18.0.3-alpha-1765010108063-82a8cbf.0 → 18.0.3-alpha-1765249068881-c6f8403.0
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/Button/Button.js +8 -8
- package/Button/Button.js.map +1 -1
- package/Calendar/CalendarDay.js +3 -3
- package/Calendar/CalendarDay.js.map +1 -1
- package/Calendar/CalendarDayEvent.js +2 -2
- package/Calendar/CalendarDayEvent.js.map +1 -1
- package/Calendar/CalendarDaysInMonth.js +4 -4
- package/Calendar/CalendarDaysInMonth.js.map +1 -1
- package/Calendar/CalendarWeek.js +3 -3
- package/Calendar/CalendarWeek.js.map +1 -1
- package/CalendarLabel/CalendarLabel.js.map +1 -1
- package/Card/index.js +2 -2
- package/Card/index.js.map +1 -1
- package/Checkbox/Checkbox.js +8 -8
- package/Checkbox/Checkbox.js.map +1 -1
- package/Chip/Chip.js +3 -3
- package/Chip/Chip.js.map +1 -1
- package/DateField/DateField.js +1 -1
- package/DateField/DateField.js.map +1 -1
- package/DateTextField/DateTextField.js.map +1 -1
- package/DropArea/DropArea.js +1 -1
- package/DropArea/DropArea.js.map +1 -1
- package/FieldBase/FieldProps.js.map +1 -1
- package/FullHeight/FullHeight.js.map +1 -1
- package/Icon/SVGComponents.js +5 -5
- package/Icon/SVGComponents.js.map +1 -1
- package/Icon/index.js.map +1 -1
- package/InputBase/InputBase.js +5 -5
- package/InputBase/InputBase.js.map +1 -1
- package/InputLabel/InputLabel.js +2 -2
- package/InputLabel/InputLabel.js.map +1 -1
- package/Legend/Legend.js +3 -3
- package/Legend/Legend.js.map +1 -1
- package/List/ListItemIcon.js +1 -1
- package/List/ListItemIcon.js.map +1 -1
- package/Modal/Modal.js +7 -7
- package/Modal/Modal.js.map +1 -1
- package/MultipleTextField/index.js.map +1 -1
- package/NumberField/NumberField.js.map +1 -1
- package/Overlay/index.js +7 -7
- package/Overlay/index.js.map +1 -1
- package/Pagination/PaginationContainer.js +1 -1
- package/Pagination/PaginationContainer.js.map +1 -1
- package/Pagination/PaginationItem.js +1 -1
- package/Pagination/PaginationItem.js.map +1 -1
- package/Pagination/PaginationNext.js.map +1 -1
- package/Pagination/PaginationPrev.js.map +1 -1
- package/Popper/Popper.js +1 -1
- package/Popper/Popper.js.map +1 -1
- package/ProgressBar/ProgressBar.js +2 -2
- package/ProgressBar/ProgressBar.js.map +1 -1
- package/Radio/Radio.js +9 -9
- package/Radio/Radio.js.map +1 -1
- package/RadioButton/RadioButton.js +1 -1
- package/RadioButton/RadioButton.js.map +1 -1
- package/SelectField/SelectField.js +5 -5
- package/SelectField/SelectField.js.map +1 -1
- package/ShimmerEffect/ShimmerEffectText.js.map +1 -1
- package/Switch/index.js +4 -4
- package/Switch/index.js.map +1 -1
- package/Table/Table.js +8 -8
- package/Table/Table.js.map +1 -1
- package/Table/TableCheckbox.js +4 -4
- package/Table/TableCheckbox.js.map +1 -1
- package/Tabs/TabGroup.js +3 -3
- package/Tabs/TabGroup.js.map +1 -1
- package/Tabs/TabUI.js +10 -10
- package/Tabs/TabUI.js.map +1 -1
- package/TextField/index.js.map +1 -1
- package/TextareaBase/index.js +2 -2
- package/TextareaBase/index.js.map +1 -1
- package/Thumbnail/Thumbnail.js +2 -2
- package/Thumbnail/Thumbnail.js.map +1 -1
- package/Thumbnail/VideoThumbnail.js +1 -1
- package/Thumbnail/VideoThumbnail.js.map +1 -1
- package/Timeline/Timeline.js +2 -2
- package/Timeline/Timeline.js.map +1 -1
- package/Typography/index.js +1 -1
- package/Typography/index.js.map +1 -1
- package/WeeklyCalendarUI/WeeklyCalendarColumn.js +2 -2
- package/WeeklyCalendarUI/WeeklyCalendarColumn.js.map +1 -1
- package/WeeklyCalendarUI/WeeklyCalendarUI.js.map +1 -1
- package/cjs/Button/Button.js +8 -8
- package/cjs/Button/Button.js.map +1 -1
- package/cjs/Calendar/CalendarDay.js +3 -3
- package/cjs/Calendar/CalendarDay.js.map +1 -1
- package/cjs/Calendar/CalendarDayEvent.js +2 -2
- package/cjs/Calendar/CalendarDayEvent.js.map +1 -1
- package/cjs/Calendar/CalendarDaysInMonth.js +4 -4
- package/cjs/Calendar/CalendarDaysInMonth.js.map +1 -1
- package/cjs/Calendar/CalendarWeek.js +3 -3
- package/cjs/Calendar/CalendarWeek.js.map +1 -1
- package/cjs/CalendarLabel/CalendarLabel.js.map +1 -1
- package/cjs/Card/index.js +2 -2
- package/cjs/Card/index.js.map +1 -1
- package/cjs/Checkbox/Checkbox.js +8 -8
- package/cjs/Checkbox/Checkbox.js.map +1 -1
- package/cjs/Chip/Chip.js +3 -3
- package/cjs/Chip/Chip.js.map +1 -1
- package/cjs/DateField/DateField.js +1 -1
- package/cjs/DateField/DateField.js.map +1 -1
- package/cjs/DateTextField/DateTextField.js.map +1 -1
- package/cjs/DropArea/DropArea.js +1 -1
- package/cjs/DropArea/DropArea.js.map +1 -1
- package/cjs/FieldBase/FieldProps.js.map +1 -1
- package/cjs/FullHeight/FullHeight.js.map +1 -1
- package/cjs/Icon/SVGComponents.js +5 -5
- package/cjs/Icon/SVGComponents.js.map +1 -1
- package/cjs/Icon/index.js.map +1 -1
- package/cjs/InputBase/InputBase.js +5 -5
- package/cjs/InputBase/InputBase.js.map +1 -1
- package/cjs/InputLabel/InputLabel.js +2 -2
- package/cjs/InputLabel/InputLabel.js.map +1 -1
- package/cjs/Legend/Legend.js +3 -3
- package/cjs/Legend/Legend.js.map +1 -1
- package/cjs/List/ListItemIcon.js +1 -1
- package/cjs/List/ListItemIcon.js.map +1 -1
- package/cjs/Modal/Modal.js +7 -7
- package/cjs/Modal/Modal.js.map +1 -1
- package/cjs/MultipleTextField/index.js.map +1 -1
- package/cjs/NumberField/NumberField.js.map +1 -1
- package/cjs/Overlay/index.js +7 -7
- package/cjs/Overlay/index.js.map +1 -1
- package/cjs/Pagination/PaginationContainer.js +1 -1
- package/cjs/Pagination/PaginationContainer.js.map +1 -1
- package/cjs/Pagination/PaginationItem.js +1 -1
- package/cjs/Pagination/PaginationItem.js.map +1 -1
- package/cjs/Pagination/PaginationNext.js.map +1 -1
- package/cjs/Pagination/PaginationPrev.js.map +1 -1
- package/cjs/Popper/Popper.js +1 -1
- package/cjs/Popper/Popper.js.map +1 -1
- package/cjs/ProgressBar/ProgressBar.js +2 -2
- package/cjs/ProgressBar/ProgressBar.js.map +1 -1
- package/cjs/Radio/Radio.js +9 -9
- package/cjs/Radio/Radio.js.map +1 -1
- package/cjs/RadioButton/RadioButton.js +1 -1
- package/cjs/RadioButton/RadioButton.js.map +1 -1
- package/cjs/SelectField/SelectField.js +5 -5
- package/cjs/SelectField/SelectField.js.map +1 -1
- package/cjs/ShimmerEffect/ShimmerEffectText.js.map +1 -1
- package/cjs/Switch/index.js +4 -4
- package/cjs/Switch/index.js.map +1 -1
- package/cjs/Table/Table.js +8 -8
- package/cjs/Table/Table.js.map +1 -1
- package/cjs/Table/TableCheckbox.js +4 -4
- package/cjs/Table/TableCheckbox.js.map +1 -1
- package/cjs/Tabs/TabGroup.js +3 -3
- package/cjs/Tabs/TabGroup.js.map +1 -1
- package/cjs/Tabs/TabUI.js +10 -10
- package/cjs/Tabs/TabUI.js.map +1 -1
- package/cjs/TextField/index.js.map +1 -1
- package/cjs/TextareaBase/index.js +2 -2
- package/cjs/TextareaBase/index.js.map +1 -1
- package/cjs/Thumbnail/Thumbnail.js +2 -2
- package/cjs/Thumbnail/Thumbnail.js.map +1 -1
- package/cjs/Thumbnail/VideoThumbnail.js +1 -1
- package/cjs/Thumbnail/VideoThumbnail.js.map +1 -1
- package/cjs/Timeline/Timeline.js +2 -2
- package/cjs/Timeline/Timeline.js.map +1 -1
- package/cjs/Typography/index.js +1 -1
- package/cjs/Typography/index.js.map +1 -1
- package/cjs/WeeklyCalendarUI/WeeklyCalendarColumn.js +2 -2
- package/cjs/WeeklyCalendarUI/WeeklyCalendarColumn.js.map +1 -1
- package/cjs/WeeklyCalendarUI/WeeklyCalendarUI.js.map +1 -1
- package/esm/Button/Button.js +8 -8
- package/esm/Button/Button.js.map +1 -1
- package/esm/Calendar/CalendarDay.js +3 -3
- package/esm/Calendar/CalendarDay.js.map +1 -1
- package/esm/Calendar/CalendarDayEvent.js +2 -2
- package/esm/Calendar/CalendarDayEvent.js.map +1 -1
- package/esm/Calendar/CalendarDaysInMonth.js +4 -4
- package/esm/Calendar/CalendarDaysInMonth.js.map +1 -1
- package/esm/Calendar/CalendarWeek.js +3 -3
- package/esm/Calendar/CalendarWeek.js.map +1 -1
- package/esm/CalendarLabel/CalendarLabel.js.map +1 -1
- package/esm/Card/index.js +2 -2
- package/esm/Card/index.js.map +1 -1
- package/esm/Checkbox/Checkbox.js +8 -8
- package/esm/Checkbox/Checkbox.js.map +1 -1
- package/esm/Chip/Chip.js +3 -3
- package/esm/Chip/Chip.js.map +1 -1
- package/esm/DateField/DateField.js +1 -1
- package/esm/DateField/DateField.js.map +1 -1
- package/esm/DateTextField/DateTextField.js.map +1 -1
- package/esm/DropArea/DropArea.js +1 -1
- package/esm/DropArea/DropArea.js.map +1 -1
- package/esm/FieldBase/FieldProps.js.map +1 -1
- package/esm/FullHeight/FullHeight.js.map +1 -1
- package/esm/Icon/SVGComponents.js +5 -5
- package/esm/Icon/SVGComponents.js.map +1 -1
- package/esm/Icon/index.js.map +1 -1
- package/esm/InputBase/InputBase.js +5 -5
- package/esm/InputBase/InputBase.js.map +1 -1
- package/esm/InputLabel/InputLabel.js +2 -2
- package/esm/InputLabel/InputLabel.js.map +1 -1
- package/esm/Legend/Legend.js +3 -3
- package/esm/Legend/Legend.js.map +1 -1
- package/esm/List/ListItemIcon.js +1 -1
- package/esm/List/ListItemIcon.js.map +1 -1
- package/esm/Modal/Modal.js +7 -7
- package/esm/Modal/Modal.js.map +1 -1
- package/esm/MultipleTextField/index.js.map +1 -1
- package/esm/NumberField/NumberField.js.map +1 -1
- package/esm/Overlay/index.js +7 -7
- package/esm/Overlay/index.js.map +1 -1
- package/esm/Pagination/PaginationContainer.js +1 -1
- package/esm/Pagination/PaginationContainer.js.map +1 -1
- package/esm/Pagination/PaginationItem.js +1 -1
- package/esm/Pagination/PaginationItem.js.map +1 -1
- package/esm/Pagination/PaginationNext.js.map +1 -1
- package/esm/Pagination/PaginationPrev.js.map +1 -1
- package/esm/Popper/Popper.js +1 -1
- package/esm/Popper/Popper.js.map +1 -1
- package/esm/ProgressBar/ProgressBar.js +2 -2
- package/esm/ProgressBar/ProgressBar.js.map +1 -1
- package/esm/Radio/Radio.js +9 -9
- package/esm/Radio/Radio.js.map +1 -1
- package/esm/RadioButton/RadioButton.js +1 -1
- package/esm/RadioButton/RadioButton.js.map +1 -1
- package/esm/SelectField/SelectField.js +5 -5
- package/esm/SelectField/SelectField.js.map +1 -1
- package/esm/ShimmerEffect/ShimmerEffectText.js.map +1 -1
- package/esm/Switch/index.js +4 -4
- package/esm/Switch/index.js.map +1 -1
- package/esm/Table/Table.js +8 -8
- package/esm/Table/Table.js.map +1 -1
- package/esm/Table/TableCheckbox.js +4 -4
- package/esm/Table/TableCheckbox.js.map +1 -1
- package/esm/Tabs/TabGroup.js +3 -3
- package/esm/Tabs/TabGroup.js.map +1 -1
- package/esm/Tabs/TabUI.js +10 -10
- package/esm/Tabs/TabUI.js.map +1 -1
- package/esm/TextField/index.js.map +1 -1
- package/esm/TextareaBase/index.js +2 -2
- package/esm/TextareaBase/index.js.map +1 -1
- package/esm/Thumbnail/Thumbnail.js +2 -2
- package/esm/Thumbnail/Thumbnail.js.map +1 -1
- package/esm/Thumbnail/VideoThumbnail.js +1 -1
- package/esm/Thumbnail/VideoThumbnail.js.map +1 -1
- package/esm/Timeline/Timeline.js +2 -2
- package/esm/Timeline/Timeline.js.map +1 -1
- package/esm/Typography/index.js +1 -1
- package/esm/Typography/index.js.map +1 -1
- package/esm/WeeklyCalendarUI/WeeklyCalendarColumn.js +2 -2
- package/esm/WeeklyCalendarUI/WeeklyCalendarColumn.js.map +1 -1
- package/esm/WeeklyCalendarUI/WeeklyCalendarUI.js.map +1 -1
- package/package.json +1 -1
package/Timeline/Timeline.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline.js","names":["css","React","useContext","useMemo","dayjs","isBetween","isSameOrAfter","isSameOrBefore","Typography","RelativeTimeFormat","LocaleContext","jsx","___EmotionJSX","extend","_ref2","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","DefaultLabel","_ref3","formattedDate","getDatesEntries","dates","separators","origin","length","prevPropsArray","datesEntries","Object","entries","map","_ref4","date","propsArray","diff","props","_extends","unit","copy","prevProps","min","add","value","_loop","isBefore","concat","results","_ref5","index","original","max","_loop2","_date","format","makeRenderItems","renderItem","cloneElement","key","_ref","Timeline","_ref6","year","month","day","startOf","renderLabel","Label","_objectWithoutPropertiesLoose","_excluded","locale","rtf","numeric","renderItems","Item","undefined","Error","_ref7","formatedDate","toDate","toLocaleDateString","Fragment"],"sources":["../../../src/Timeline/Timeline.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { useContext, useMemo } from \"react\";\nimport dayjs from \"dayjs\";\nimport isBetween from \"dayjs/plugin/isBetween\";\nimport isSameOrAfter from \"dayjs/plugin/isSameOrAfter\";\nimport isSameOrBefore from \"dayjs/plugin/isSameOrBefore\";\nimport { type UnknownProps } from \"../@types/UnknownProps\";\nimport { Typography } from \"../Typography\";\nimport { RelativeTimeFormat } from \"../@utils\";\nimport { LocaleContext } from \"../LocaleProvider\";\nimport type { Unit } from \"relative-time-format\";\n\ndayjs.extend(isSameOrAfter);\ndayjs.extend(isSameOrBefore);\ndayjs.extend(isBetween);\n\nexport interface TimelineLabelProps {\n formattedDate: string;\n}\n\nconst DefaultLabel = ({ formattedDate }: TimelineLabelProps) => {\n return (\n <Typography\n css={css`\n display: flex;\n gap: 16px;\n align-items: center;\n &::before,\n &::after {\n flex-grow: 1;\n height: 1px;\n content: \"\";\n background-color: currentColor;\n }\n `}\n >\n {formattedDate}\n </Typography>\n );\n};\n\nexport type TimelineItemProps<Props extends UnknownProps> = Props & {\n date: string;\n index: number;\n};\n\nexport interface TimelineProps<Props extends UnknownProps>\n extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * TimelineProps.datesで指定されたデータをpropsとして受け取り表示するためのコンポーネントを指定します。\n */\n renderItem?: (props: TimelineItemProps<Props>) => React.JSX.Element;\n /**\n * 日付と、日付に対応するデータ群を指定します。\n *\n * 昇順でkeyがソートされていることを前提としている点に注意してください。\n *\n * ソート処理が面倒な場合はUI側での処理を検討します。\n *\n * ここで値として指定された配列の型はTimelineProps.itemの引数に用いられます。\n *\n * dateのフォーマットはYYYYMMDDまたはYYYY-MM-DDです。number(ms)には後に対応するかもしれません。\n *\n * Date型を利用したいという強い要望があった場合はMapに切り替えることを検討します。\n *\n */\n dates: Record<string, Props[]>;\n /**\n * 区分ごとのラベルの表記を指定します。\n *\n * @default {year: numeric ,month: numeric, day: numeric}\n */\n format?: \"relative\" | Intl.DateTimeFormatOptions;\n /**\n * 区分を指定する。原点を中心として両側に、順に指定された区分点を配置していく。\n *\n * 原点のデフォルトは\"今日\"。\n *\n * 過去から未来へ昇順でソートされていることを前提にしています。\n * ソート処理が難しい場合はUI側での処理を検討します。\n *\n * @default []\n */\n separators?: {\n unit: \"day\" | \"month\" | \"year\" | \"week\";\n value: number;\n }[];\n /**\n * 基準日を指定する。\n * @default today\n */\n date?: dayjs.ConfigType;\n /**\n * フォーマットされた日付を受け取り、ラベルとして表示するコンポーネントを指定します。\n */\n renderLabel?: (props: TimelineLabelProps) => React.JSX.Element;\n}\n\nconst getDatesEntries = <E extends UnknownProps>(\n dates: Record<string, E[]>,\n separators: {\n unit: \"day\" | \"month\" | \"year\" | \"week\";\n value: number;\n }[],\n origin: dayjs.Dayjs,\n) => {\n if (separators.length === 0) {\n return {\n prevPropsArray: [],\n datesEntries: Object.entries(dates).map(([date, propsArray]) => {\n const diff = dayjs(date).diff(origin, \"day\");\n return [\n date,\n propsArray.map((props) => ({\n ...props,\n date,\n })),\n {\n unit: \"day\",\n diff,\n },\n ] as const;\n }),\n };\n }\n\n const copy = { ...dates };\n // prevProps\n let prevProps: (E & { date: string })[] = [];\n const min = origin.add(separators[0].value, separators[0].unit);\n for (const date in copy) {\n if (dayjs(date).isBefore(min, \"day\")) {\n const add = copy[date].map((props) => ({ ...props, date }));\n prevProps = prevProps.concat(add);\n delete copy[date];\n } else {\n break;\n }\n }\n let results: (readonly [\n string,\n (E & {\n date: string;\n })[],\n {\n unit: string;\n diff: number;\n },\n ])[] = [];\n separators.map(({ unit, value }, index, original) => {\n const min = origin.add(value, unit);\n const max =\n separators.length - 1 === index\n ? dayjs(\"9999/12/24\")\n : origin.add(original[index + 1].value, original[index + 1].unit);\n let propsArray: (E & { date: string })[] = [];\n for (const date in copy) {\n if (dayjs(date).isBetween(min, max, \"day\", \"[)\")) {\n const add = copy[date].map((props) => ({ ...props, date }));\n propsArray = propsArray.concat(add);\n delete copy[date];\n } else {\n break;\n }\n }\n if (propsArray.length > 0) {\n results = results.concat([\n [\n min.format(\"YYYYMMDD\"),\n propsArray,\n {\n unit,\n diff: value,\n },\n ],\n ]);\n }\n });\n return {\n prevPropsArray: prevProps,\n datesEntries: results,\n };\n};\n\nconst makeRenderItems =\n <E extends UnknownProps>(\n renderItem: (\n props: E & { date: string; index: number },\n ) => React.JSX.Element,\n ) =>\n (propsArray: (E & { date: string })[]) => {\n return propsArray.map((props, index) =>\n React.cloneElement(renderItem({ ...props, index }), {\n key: `${props.date}.${index}`,\n }),\n );\n };\n\nexport const Timeline = <E extends UnknownProps>({\n renderItem,\n dates,\n format = { year: \"numeric\", month: \"numeric\", day: \"numeric\" },\n separators = [],\n date = dayjs().startOf(\"day\"),\n renderLabel: Label = DefaultLabel,\n ...props\n}: TimelineProps<E>) => {\n const locale = useContext(LocaleContext);\n const rtf = useMemo(() => {\n return RelativeTimeFormat(locale, {\n numeric: \"auto\",\n });\n }, [locale]);\n const { prevPropsArray, datesEntries } = getDatesEntries<E>(\n dates,\n separators,\n dayjs(date),\n );\n\n const renderItems = useMemo(() => {\n const Item = renderItem;\n if (Item === undefined) {\n throw new Error(\"item or renderItem is required\");\n }\n return makeRenderItems<E>(Item);\n }, [renderItem]);\n\n return datesEntries.length > 0 ? (\n <div\n css={css`\n display: flex;\n flex-direction: column;\n gap: 16px;\n `}\n {...props}\n >\n {prevPropsArray.length > 0 && <div>{renderItems(prevPropsArray)}</div>}\n {datesEntries.map(([value, propsArray, { unit, diff }]) => {\n const formatedDate =\n format === \"relative\"\n ? rtf.format(diff, unit as Unit)\n : dayjs(value).toDate().toLocaleDateString(locale, format);\n return (\n <React.Fragment key={formatedDate}>\n <Label formattedDate={formatedDate} />\n <div>{renderItems(propsArray)}</div>\n </React.Fragment>\n );\n })}\n </div>\n ) : null;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Timeline.js","names":["css","React","useContext","useMemo","dayjs","isBetween","isSameOrAfter","isSameOrBefore","Typography","RelativeTimeFormat","LocaleContext","jsx","___EmotionJSX","extend","_ref2","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","DefaultLabel","_ref3","formattedDate","getDatesEntries","dates","separators","origin","length","prevPropsArray","datesEntries","Object","entries","map","_ref4","date","propsArray","diff","props","_extends","unit","copy","prevProps","min","add","value","_loop","isBefore","concat","results","_ref5","index","original","max","_loop2","_date","format","makeRenderItems","renderItem","cloneElement","key","_ref","Timeline","_ref6","year","month","day","startOf","renderLabel","Label","_objectWithoutPropertiesLoose","_excluded","locale","rtf","numeric","renderItems","Item","undefined","Error","_ref7","formatedDate","toDate","toLocaleDateString","Fragment"],"sources":["../../../src/Timeline/Timeline.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { useContext, useMemo } from \"react\";\nimport dayjs from \"dayjs\";\nimport isBetween from \"dayjs/plugin/isBetween\";\nimport isSameOrAfter from \"dayjs/plugin/isSameOrAfter\";\nimport isSameOrBefore from \"dayjs/plugin/isSameOrBefore\";\nimport { type UnknownProps } from \"../@types/UnknownProps\";\nimport { Typography } from \"../Typography\";\nimport { RelativeTimeFormat } from \"../@utils\";\nimport { LocaleContext } from \"../LocaleProvider\";\nimport type { Unit } from \"relative-time-format\";\n\ndayjs.extend(isSameOrAfter);\ndayjs.extend(isSameOrBefore);\ndayjs.extend(isBetween);\n\nexport interface TimelineLabelProps {\n formattedDate: string;\n}\n\nconst DefaultLabel = ({ formattedDate }: TimelineLabelProps) => {\n return (\n <Typography\n css={css`\n display: flex;\n gap: 16px;\n align-items: center;\n &::before,\n &::after {\n flex-grow: 1;\n height: 1px;\n content: \"\";\n background-color: currentColor;\n }\n `}\n >\n {formattedDate}\n </Typography>\n );\n};\n\nexport type TimelineItemProps<Props extends UnknownProps> = Props & {\n date: string;\n index: number;\n};\n\nexport interface TimelineProps<\n Props extends UnknownProps,\n> extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * TimelineProps.datesで指定されたデータをpropsとして受け取り表示するためのコンポーネントを指定します。\n */\n renderItem?: (props: TimelineItemProps<Props>) => React.JSX.Element;\n /**\n * 日付と、日付に対応するデータ群を指定します。\n *\n * 昇順でkeyがソートされていることを前提としている点に注意してください。\n *\n * ソート処理が面倒な場合はUI側での処理を検討します。\n *\n * ここで値として指定された配列の型はTimelineProps.itemの引数に用いられます。\n *\n * dateのフォーマットはYYYYMMDDまたはYYYY-MM-DDです。number(ms)には後に対応するかもしれません。\n *\n * Date型を利用したいという強い要望があった場合はMapに切り替えることを検討します。\n *\n */\n dates: Record<string, Props[]>;\n /**\n * 区分ごとのラベルの表記を指定します。\n *\n * @default {year: numeric ,month: numeric, day: numeric}\n */\n format?: \"relative\" | Intl.DateTimeFormatOptions;\n /**\n * 区分を指定する。原点を中心として両側に、順に指定された区分点を配置していく。\n *\n * 原点のデフォルトは\"今日\"。\n *\n * 過去から未来へ昇順でソートされていることを前提にしています。\n * ソート処理が難しい場合はUI側での処理を検討します。\n *\n * @default []\n */\n separators?: {\n unit: \"day\" | \"month\" | \"year\" | \"week\";\n value: number;\n }[];\n /**\n * 基準日を指定する。\n * @default today\n */\n date?: dayjs.ConfigType;\n /**\n * フォーマットされた日付を受け取り、ラベルとして表示するコンポーネントを指定します。\n */\n renderLabel?: (props: TimelineLabelProps) => React.JSX.Element;\n}\n\nconst getDatesEntries = <E extends UnknownProps>(\n dates: Record<string, E[]>,\n separators: {\n unit: \"day\" | \"month\" | \"year\" | \"week\";\n value: number;\n }[],\n origin: dayjs.Dayjs,\n) => {\n if (separators.length === 0) {\n return {\n prevPropsArray: [],\n datesEntries: Object.entries(dates).map(([date, propsArray]) => {\n const diff = dayjs(date).diff(origin, \"day\");\n return [\n date,\n propsArray.map((props) => ({\n ...props,\n date,\n })),\n {\n unit: \"day\",\n diff,\n },\n ] as const;\n }),\n };\n }\n\n const copy = { ...dates };\n // prevProps\n let prevProps: (E & { date: string })[] = [];\n const min = origin.add(separators[0].value, separators[0].unit);\n for (const date in copy) {\n if (dayjs(date).isBefore(min, \"day\")) {\n const add = copy[date].map((props) => ({ ...props, date }));\n prevProps = prevProps.concat(add);\n delete copy[date];\n } else {\n break;\n }\n }\n let results: (readonly [\n string,\n (E & {\n date: string;\n })[],\n {\n unit: string;\n diff: number;\n },\n ])[] = [];\n separators.map(({ unit, value }, index, original) => {\n const min = origin.add(value, unit);\n const max =\n separators.length - 1 === index\n ? dayjs(\"9999/12/24\")\n : origin.add(original[index + 1].value, original[index + 1].unit);\n let propsArray: (E & { date: string })[] = [];\n for (const date in copy) {\n if (dayjs(date).isBetween(min, max, \"day\", \"[)\")) {\n const add = copy[date].map((props) => ({ ...props, date }));\n propsArray = propsArray.concat(add);\n delete copy[date];\n } else {\n break;\n }\n }\n if (propsArray.length > 0) {\n results = results.concat([\n [\n min.format(\"YYYYMMDD\"),\n propsArray,\n {\n unit,\n diff: value,\n },\n ],\n ]);\n }\n });\n return {\n prevPropsArray: prevProps,\n datesEntries: results,\n };\n};\n\nconst makeRenderItems =\n <E extends UnknownProps>(\n renderItem: (\n props: E & { date: string; index: number },\n ) => React.JSX.Element,\n ) =>\n (propsArray: (E & { date: string })[]) => {\n return propsArray.map((props, index) =>\n React.cloneElement(renderItem({ ...props, index }), {\n key: `${props.date}.${index}`,\n }),\n );\n };\n\nexport const Timeline = <E extends UnknownProps>({\n renderItem,\n dates,\n format = { year: \"numeric\", month: \"numeric\", day: \"numeric\" },\n separators = [],\n date = dayjs().startOf(\"day\"),\n renderLabel: Label = DefaultLabel,\n ...props\n}: TimelineProps<E>) => {\n const locale = useContext(LocaleContext);\n const rtf = useMemo(() => {\n return RelativeTimeFormat(locale, {\n numeric: \"auto\",\n });\n }, [locale]);\n const { prevPropsArray, datesEntries } = getDatesEntries<E>(\n dates,\n separators,\n dayjs(date),\n );\n\n const renderItems = useMemo(() => {\n const Item = renderItem;\n if (Item === undefined) {\n throw new Error(\"item or renderItem is required\");\n }\n return makeRenderItems<E>(Item);\n }, [renderItem]);\n\n return datesEntries.length > 0 ? (\n <div\n css={css`\n display: flex;\n flex-direction: column;\n gap: 16px;\n `}\n {...props}\n >\n {prevPropsArray.length > 0 && <div>{renderItems(prevPropsArray)}</div>}\n {datesEntries.map(([value, propsArray, { unit, diff }]) => {\n const formatedDate =\n format === \"relative\"\n ? rtf.format(diff, unit as Unit)\n : dayjs(value).toDate().toLocaleDateString(locale, format);\n return (\n <React.Fragment key={formatedDate}>\n <Label formattedDate={formatedDate} />\n <div>{renderItems(propsArray)}</div>\n </React.Fragment>\n );\n })}\n </div>\n ) : null;\n};\n"],"mappings":"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","ignoreList":[]}
|
package/Typography/index.js
CHANGED
|
@@ -48,7 +48,7 @@ export var Typography = _ref => {
|
|
|
48
48
|
overflow: "hidden",
|
|
49
49
|
WebkitBoxOrient: "vertical",
|
|
50
50
|
boxOrient: "vertical"
|
|
51
|
-
} : undefined], process.env.NODE_ENV === "production" ? "" : ";label:Typography;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
51
|
+
} : undefined], process.env.NODE_ENV === "production" ? "" : ";label:Typography;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UeXBvZ3JhcGh5L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrR1ciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1R5cG9ncmFwaHkvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5VmFyaWFudCwgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUeXBvZ3JhcGh5UHJvcHMgZXh0ZW5kcyBPbWl0PFxuICBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRWxlbWVudD4sXG4gIFwiY29sb3JcIlxuPiB7XG4gIC8qKlxuICAgKiBUeXBvZ3JhcGh544Gu5a6f5oWL44KS54m55a6a44Gu6KaB57Sg44Gr5aSJ44GI44KL44GT44Go44GM5Ye65p2l44G+44GZ44CCXG4gICAqIHZhcmlhbnTjgoLmjIflrprjgZfjgarjgYTloLTlkIjjga7jg4fjg5Xjgqnjg6vjg4jjga9cInBcIuOBp+OBmeOBjOOAgWJvZHnjgpLmjIflrprjgZfjgZ/loLTlkIjjga9cInBcIuOAgWNhcHRpb27jgb7jgZ/jga9idXR0b27jgpLmjIflrprjgZfjgZ/loLTlkIjjga9cInNwYW5cIuOAgeOBneOCjOS7peWkluOBruWgtOWQiOOBr3ZhcmlhbnTjgajlkIzjgZjjgoLjga7jgYzjg4fjg5Xjgqnjg6vjg4jjgavjgarjgorjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJwXCJcbiAgICovXG4gIGFzPzpcbiAgICB8IFwic3BhblwiXG4gICAgfCBcInByZVwiXG4gICAgfCBcInBcIlxuICAgIHwgXCJoMVwiXG4gICAgfCBcImgyXCJcbiAgICB8IFwiaDNcIlxuICAgIHwgXCJoNFwiXG4gICAgfCBcImg1XCJcbiAgICB8IFwiaDZcIlxuICAgIHwgXCJsYWJlbFwiXG4gICAgfCBcImRpdlwiO1xuXG4gIC8qKlxuICAgKiDmloflrZfjga7oibLjgpLmsbrlrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJpbmhlcml0XCJcbiAgICovXG4gIGNvbG9yPzpcbiAgICB8IFwiaW5pdGlhbFwiXG4gICAgfCBcImluaGVyaXRcIlxuICAgIHwgXCJwcmltYXJ5XCJcbiAgICB8IFwic2Vjb25kYXJ5XCJcbiAgICB8IFwiZXJyb3JcIlxuICAgIHwgXCJhY2NlbnRcIlxuICAgIHwgXCJ0ZXh0UHJpbWFyeVwiXG4gICAgfCBcInRleHRTZWNvbmRhcnlcIlxuICAgIHwgXCJ0ZXh0RGlzYWJsZWRcIlxuICAgIHwgXCJ0ZXh0SGludFwiO1xuICAvKipcbiAgICog44Gp44Gu44KI44GG44Gq44K/44Kk44Od44Kw44Op44OV44Kj44KS6YGp55So44GZ44KL44GL44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IFwiYm9keVwiXG4gICAqL1xuICB2YXJpYW50PzogVHlwb2dyYXBoeVZhcmlhbnQ7XG4gIC8qKlxuICAgKiDmloflrZfjga7kvY3nva7jgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJpbmhlcml0XCJcbiAgICovXG4gIGFsaWduPzogXCJpbmhlcml0XCIgfCBcImxlZnRcIiB8IFwiY2VudGVyXCIgfCBcInJpZ2h0XCIgfCBcImp1c3RpZnlcIjtcbiAgLyoqXG4gICAqIOODleOCqeODs+ODiOWkquOBj+OBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgYm9sZGVyPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIDHku6XkuIrjga7mlbTmlbDjgpLmjIflrprjgZnjgovjgZPjgajjgafjgIHooajnpLrjgZXjgozjgovooYzmlbDjgpLliLbpmZDjgZfjgb7jgZnjgILliLbpmZDjgZXjgozjgZ/loLTlkIjjgIHmlofmnKvjgavkuInngrnjg6rjg7zjg4Djg7zjgYzku5jkuI7jgZXjgozjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgdW5kZWZpbmVkXG4gICAqL1xuICBjbGFtcD86IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IGdldEh0bWxUYWcgPSAodmFyaWFudDogVHlwb2dyYXBoeVZhcmlhbnQpID0+IHtcbiAgc3dpdGNoICh2YXJpYW50KSB7XG4gICAgY2FzZSBcImgxXCI6XG4gICAgY2FzZSBcImgyXCI6XG4gICAgY2FzZSBcImgzXCI6XG4gICAgY2FzZSBcImg0XCI6XG4gICAgY2FzZSBcImg1XCI6XG4gICAgICByZXR1cm4gdmFyaWFudDtcbiAgICBjYXNlIFwiYm9keVwiOlxuICAgICAgcmV0dXJuIFwicFwiO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gXCJzcGFuXCI7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBUeXBvZ3JhcGh5ID0gKHtcbiAgYXMsXG4gIHZhcmlhbnQgPSBcImJvZHlcIixcbiAgY29sb3IsXG4gIGFsaWduLFxuICBib2xkZXIgPSBmYWxzZSxcbiAgY2xhbXAsXG4gIC4uLm90aGVyc1xufTogVHlwb2dyYXBoeVByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgQ29tcG9uZW50ID0gYXMgPz8gZ2V0SHRtbFRhZyh2YXJpYW50KTtcbiAgcmV0dXJuIChcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3Mvc3RhdGljLWNvbXBvbmVudHNcbiAgICA8Q29tcG9uZW50XG4gICAgICBjc3M9e2NzcyhbXG4gICAgICAgIHRoZW1lLnR5cG9ncmFwaHlbdmFyaWFudF0sXG4gICAgICAgIHtcbiAgICAgICAgICBmb250V2VpZ2h0OiBib2xkZXIgPyBcImJvbGRlclwiIDogdGhlbWUudHlwb2dyYXBoeVt2YXJpYW50XS5mb250V2VpZ2h0LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgdGV4dEFsaWduOiBhbGlnbixcbiAgICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBjb2xvcjpcbiAgICAgICAgICAgIGNvbG9yID09PSBcImluaXRpYWxcIlxuICAgICAgICAgICAgICA/IFwiaW5pdGlhbFwiXG4gICAgICAgICAgICAgIDogY29sb3IgPT09IFwiaW5oZXJpdFwiXG4gICAgICAgICAgICAgICAgPyBcImluaGVyaXRcIlxuICAgICAgICAgICAgICAgIDogY29sb3IgPT09IFwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW5cbiAgICAgICAgICAgICAgICAgIDogY29sb3IgPT09IFwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLmludGVudGlvbnMuc2Vjb25kYXJ5Lm1haW5cbiAgICAgICAgICAgICAgICAgICAgOiBjb2xvciA9PT0gXCJhY2NlbnRcIlxuICAgICAgICAgICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLmFjY2VudC5tYWluXG4gICAgICAgICAgICAgICAgICAgICAgOiBjb2xvciA9PT0gXCJlcnJvclwiXG4gICAgICAgICAgICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5lcnJvci5tYWluXG4gICAgICAgICAgICAgICAgICAgICAgICA6IGNvbG9yID09PSBcInRleHRQcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgICAgICAgICAgICAgICA6IGNvbG9yID09PSBcInRleHRTZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogY29sb3IgPT09IFwidGV4dEhpbnRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQuaGludFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBjb2xvciA9PT0gXCJ0ZXh0RGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5kaXNhYmxlZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhbXAgIT09IHVuZGVmaW5lZFxuICAgICAgICAgID8ge1xuICAgICAgICAgICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAgICAgICAgIFdlYmtpdExpbmVDbGFtcDogY2xhbXAsXG4gICAgICAgICAgICAgIGxpbmVDbGFtcDogY2xhbXAsXG4gICAgICAgICAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgICAgICAgICBXZWJraXRCb3hPcmllbnQ6IFwidmVydGljYWxcIixcbiAgICAgICAgICAgICAgYm94T3JpZW50OiBcInZlcnRpY2FsXCIsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgICBdKX1cbiAgICAgIHsuLi5vdGhlcnN9XG4gICAgLz5cbiAgKTtcbn07XG4iXX0= */")
|
|
52
52
|
}, others))
|
|
53
53
|
);
|
|
54
54
|
};
|
package/Typography/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["css","React","useTheme","jsx","___EmotionJSX","getHtmlTag","variant","Typography","_ref","as","color","align","bolder","clamp","others","_objectWithoutPropertiesLoose","_excluded","theme","Component","_extends","typography","fontWeight","textAlign","margin","palette","intentions","primary","main","secondary","accent","error","text","hint","disabled","undefined","display","WebkitLineClamp","lineClamp","overflow","WebkitBoxOrient","boxOrient","process","env","NODE_ENV"],"sources":["../../../src/Typography/index.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React from \"react\";\nimport { TypographyVariant, useTheme } from \"../theme\";\n\nexport interface TypographyProps
|
|
1
|
+
{"version":3,"file":"index.js","names":["css","React","useTheme","jsx","___EmotionJSX","getHtmlTag","variant","Typography","_ref","as","color","align","bolder","clamp","others","_objectWithoutPropertiesLoose","_excluded","theme","Component","_extends","typography","fontWeight","textAlign","margin","palette","intentions","primary","main","secondary","accent","error","text","hint","disabled","undefined","display","WebkitLineClamp","lineClamp","overflow","WebkitBoxOrient","boxOrient","process","env","NODE_ENV"],"sources":["../../../src/Typography/index.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React from \"react\";\nimport { TypographyVariant, useTheme } from \"../theme\";\n\nexport interface TypographyProps extends Omit<\n React.HTMLAttributes<HTMLElement>,\n \"color\"\n> {\n /**\n * Typographyの実態を特定の要素に変えることが出来ます。\n * variantも指定しない場合のデフォルトは\"p\"ですが、bodyを指定した場合は\"p\"、captionまたはbuttonを指定した場合は\"span\"、それ以外の場合はvariantと同じものがデフォルトになります。\n *\n * @default \"p\"\n */\n as?:\n | \"span\"\n | \"pre\"\n | \"p\"\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\"\n | \"label\"\n | \"div\";\n\n /**\n * 文字の色を決定します。\n *\n * @default \"inherit\"\n */\n color?:\n | \"initial\"\n | \"inherit\"\n | \"primary\"\n | \"secondary\"\n | \"error\"\n | \"accent\"\n | \"textPrimary\"\n | \"textSecondary\"\n | \"textDisabled\"\n | \"textHint\";\n /**\n * どのようなタイポグラフィを適用するかを指定します。\n *\n * @default \"body\"\n */\n variant?: TypographyVariant;\n /**\n * 文字の位置を指定します。\n *\n * @default \"inherit\"\n */\n align?: \"inherit\" | \"left\" | \"center\" | \"right\" | \"justify\";\n /**\n * フォント太くします。\n *\n * @default false\n */\n bolder?: boolean;\n /**\n * 1以上の整数を指定することで、表示される行数を制限します。制限された場合、文末に三点リーダーが付与されます。\n *\n * @default undefined\n */\n clamp?: number;\n}\n\nexport const getHtmlTag = (variant: TypographyVariant) => {\n switch (variant) {\n case \"h1\":\n case \"h2\":\n case \"h3\":\n case \"h4\":\n case \"h5\":\n return variant;\n case \"body\":\n return \"p\";\n default:\n return \"span\";\n }\n};\n\nexport const Typography = ({\n as,\n variant = \"body\",\n color,\n align,\n bolder = false,\n clamp,\n ...others\n}: TypographyProps) => {\n const theme = useTheme();\n const Component = as ?? getHtmlTag(variant);\n return (\n // eslint-disable-next-line react-hooks/static-components\n <Component\n css={css([\n theme.typography[variant],\n {\n fontWeight: bolder ? \"bolder\" : theme.typography[variant].fontWeight,\n },\n {\n textAlign: align,\n margin: 0,\n },\n {\n color:\n color === \"initial\"\n ? \"initial\"\n : color === \"inherit\"\n ? \"inherit\"\n : color === \"primary\"\n ? theme.palette.intentions.primary.main\n : color === \"secondary\"\n ? theme.palette.intentions.secondary.main\n : color === \"accent\"\n ? theme.palette.intentions.accent.main\n : color === \"error\"\n ? theme.palette.intentions.error.main\n : color === \"textPrimary\"\n ? theme.palette.text.primary\n : color === \"textSecondary\"\n ? theme.palette.text.secondary\n : color === \"textHint\"\n ? theme.palette.text.hint\n : color === \"textDisabled\"\n ? theme.palette.text.disabled\n : undefined,\n },\n clamp !== undefined\n ? {\n display: \"-webkit-box\",\n WebkitLineClamp: clamp,\n lineClamp: clamp,\n overflow: \"hidden\",\n WebkitBoxOrient: \"vertical\",\n boxOrient: \"vertical\",\n }\n : undefined,\n ])}\n {...others}\n />\n );\n};\n"],"mappings":";;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAA4BC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAmEvD,OAAO,IAAMC,UAAU,GAAIC,OAA0B,IAAK;EACxD,QAAQA,OAAO;IACb,KAAK,IAAI;IACT,KAAK,IAAI;IACT,KAAK,IAAI;IACT,KAAK,IAAI;IACT,KAAK,IAAI;MACP,OAAOA,OAAO;IAChB,KAAK,MAAM;MACT,OAAO,GAAG;IACZ;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,OAAO,IAAMC,UAAU,GAAGC,IAAA,IAQH;EAAA,IARI;MACzBC,EAAE;MACFH,OAAO,GAAG,MAAM;MAChBI,KAAK;MACLC,KAAK;MACLC,MAAM,GAAG,KAAK;MACdC;IAEe,CAAC,GAAAL,IAAA;IADbM,MAAM,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAET,IAAMC,KAAK,GAAGf,QAAQ,CAAC,CAAC;EACxB,IAAMgB,SAAS,GAAGT,EAAE,WAAFA,EAAE,GAAIJ,UAAU,CAACC,OAAO,CAAC;EAC3C;IACE;IACAF,aAAA,CAACc,SAAS,EAAAC,QAAA;MACRnB,GAAG,eAAEA,GAAG,CAAC,CACPiB,KAAK,CAACG,UAAU,CAACd,OAAO,CAAC,EACzB;QACEe,UAAU,EAAET,MAAM,GAAG,QAAQ,GAAGK,KAAK,CAACG,UAAU,CAACd,OAAO,CAAC,CAACe;MAC5D,CAAC,EACD;QACEC,SAAS,EAAEX,KAAK;QAChBY,MAAM,EAAE;MACV,CAAC,EACD;QACEb,KAAK,EACHA,KAAK,KAAK,SAAS,GACf,SAAS,GACTA,KAAK,KAAK,SAAS,GACjB,SAAS,GACTA,KAAK,KAAK,SAAS,GACjBO,KAAK,CAACO,OAAO,CAACC,UAAU,CAACC,OAAO,CAACC,IAAI,GACrCjB,KAAK,KAAK,WAAW,GACnBO,KAAK,CAACO,OAAO,CAACC,UAAU,CAACG,SAAS,CAACD,IAAI,GACvCjB,KAAK,KAAK,QAAQ,GAChBO,KAAK,CAACO,OAAO,CAACC,UAAU,CAACI,MAAM,CAACF,IAAI,GACpCjB,KAAK,KAAK,OAAO,GACfO,KAAK,CAACO,OAAO,CAACC,UAAU,CAACK,KAAK,CAACH,IAAI,GACnCjB,KAAK,KAAK,aAAa,GACrBO,KAAK,CAACO,OAAO,CAACO,IAAI,CAACL,OAAO,GAC1BhB,KAAK,KAAK,eAAe,GACvBO,KAAK,CAACO,OAAO,CAACO,IAAI,CAACH,SAAS,GAC5BlB,KAAK,KAAK,UAAU,GAClBO,KAAK,CAACO,OAAO,CAACO,IAAI,CAACC,IAAI,GACvBtB,KAAK,KAAK,cAAc,GACtBO,KAAK,CAACO,OAAO,CAACO,IAAI,CAACE,QAAQ,GAC3BC;MAC1B,CAAC,EACDrB,KAAK,KAAKqB,SAAS,GACf;QACEC,OAAO,EAAE,aAAa;QACtBC,eAAe,EAAEvB,KAAK;QACtBwB,SAAS,EAAExB,KAAK;QAChByB,QAAQ,EAAE,QAAQ;QAClBC,eAAe,EAAE,UAAU;QAC3BC,SAAS,EAAE;MACb,CAAC,GACDN,SAAS,CACd,EAAAO,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAE,GACC7B,MAAM,CACX;EAAC;AAEN,CAAC","ignoreList":[]}
|
|
@@ -7,7 +7,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
7
7
|
styles: "box-sizing:border-box;background-color:white;border-left:1px solid #c5c5c5;&:nth-child(7n){border-right:1px solid #c5c5c5;}"
|
|
8
8
|
} : {
|
|
9
9
|
name: "1e8rjn5-WeeklyCalendarColumn",
|
|
10
|
-
styles: "box-sizing:border-box;background-color:white;border-left:1px solid #c5c5c5;&:nth-child(7n){border-right:1px solid #c5c5c5;};label:WeeklyCalendarColumn;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
10
|
+
styles: "box-sizing:border-box;background-color:white;border-left:1px solid #c5c5c5;&:nth-child(7n){border-right:1px solid #c5c5c5;};label:WeeklyCalendarColumn;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9XZWVrbHlDYWxlbmRhclVJL1dlZWtseUNhbGVuZGFyQ29sdW1uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ1ciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1dlZWtseUNhbGVuZGFyVUkvV2Vla2x5Q2FsZW5kYXJDb2x1bW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IHsgV2Vla2x5Q2FsZW5kYXJSZW5kZXJDZWxsUHJvcHMgfSBmcm9tIFwiLi9XZWVrbHlDYWxlbmRhclwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFdlZWtseUNhbGVuZGFyQ29sdW1uVHlwZTxUPiB7XG4gIGRhdGU6IERhdGU7XG4gIGRhdGVTdHI6IHN0cmluZztcbiAgaXNUb2RheTogYm9vbGVhbjtcbiAgaW5kZXg6IG51bWJlcjtcbiAgcm93czogVFtdO1xuICByZW5kZXJDZWxsOiAocHJvcHM6IFdlZWtseUNhbGVuZGFyUmVuZGVyQ2VsbFByb3BzPFQ+KSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBXZWVrbHlDYWxlbmRhclJlbmRlckNvbHVtblByb3BzPFxuICBULFxuPiBleHRlbmRzIFdlZWtseUNhbGVuZGFyQ29sdW1uVHlwZTxUPiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIHJvb3RSZWY/OiBSZWFjdC5SZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQgfCBudWxsPjtcbiAgcmVuZGVyQ2VsbDogKHByb3BzOiBXZWVrbHlDYWxlbmRhclJlbmRlckNlbGxQcm9wczxUPikgPT4gUmVhY3QuSlNYLkVsZW1lbnQ7XG59XG5cbmV4cG9ydCBjb25zdCBXZWVrbHlDYWxlbmRhckNvbHVtbiA9IDxULD4oe1xuICBpc1RvZGF5LFxuICBjaGlsZHJlbixcbiAgcm9vdFJlZixcbn06IFBhcnRpYWw8V2Vla2x5Q2FsZW5kYXJSZW5kZXJDb2x1bW5Qcm9wczxUPj4pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIC8vIFJlYWN0IHYxOeOBp+OBr251bGzjgpLoqLHlrrnjgZnjgovjgYzjgIF2MTjjgafjga/oqLHlrrnjgZXjgozjgarjgYTjgZ/jgoHjgIHlrozlhajjgatSZWFjdCB2MTjjgrXjg53jg7zjg4jjgpLliIfjgovjgb7jgaflnovjgpLnhKHlirnljJbjgZnjgotcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvYmFuLXRzLWNvbW1lbnRcbiAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgIHJlZj17cm9vdFJlZn1cbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICNjNWM1YzU7XG4gICAgICAgICAgJjpudGgtY2hpbGQoN24pIHtcbiAgICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNjNWM1YzU7XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICBpc1RvZGF5XG4gICAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICYgKyBkaXYge1xuICAgICAgICAgICAgICAgIGJvcmRlci1sZWZ0LXN0eWxlOiBub25lO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICBgXG4gICAgICAgICAgOiBudWxsLFxuICAgICAgXX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */",
|
|
11
11
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
12
12
|
};
|
|
13
13
|
export var WeeklyCalendarColumn = _ref2 => {
|
|
@@ -22,7 +22,7 @@ export var WeeklyCalendarColumn = _ref2 => {
|
|
|
22
22
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
23
23
|
// @ts-ignore
|
|
24
24
|
ref: rootRef,
|
|
25
|
-
css: [_ref, isToday ? /*#__PURE__*/css("border:1px solid ", theme.palette.intentions.primary.main, ";&+div{border-left-style:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:WeeklyCalendarColumn;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25
|
+
css: [_ref, isToday ? /*#__PURE__*/css("border:1px solid ", theme.palette.intentions.primary.main, ";&+div{border-left-style:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:WeeklyCalendarColumn;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9XZWVrbHlDYWxlbmRhclVJL1dlZWtseUNhbGVuZGFyQ29sdW1uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ2UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1dlZWtseUNhbGVuZGFyVUkvV2Vla2x5Q2FsZW5kYXJDb2x1bW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IHsgV2Vla2x5Q2FsZW5kYXJSZW5kZXJDZWxsUHJvcHMgfSBmcm9tIFwiLi9XZWVrbHlDYWxlbmRhclwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFdlZWtseUNhbGVuZGFyQ29sdW1uVHlwZTxUPiB7XG4gIGRhdGU6IERhdGU7XG4gIGRhdGVTdHI6IHN0cmluZztcbiAgaXNUb2RheTogYm9vbGVhbjtcbiAgaW5kZXg6IG51bWJlcjtcbiAgcm93czogVFtdO1xuICByZW5kZXJDZWxsOiAocHJvcHM6IFdlZWtseUNhbGVuZGFyUmVuZGVyQ2VsbFByb3BzPFQ+KSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBXZWVrbHlDYWxlbmRhclJlbmRlckNvbHVtblByb3BzPFxuICBULFxuPiBleHRlbmRzIFdlZWtseUNhbGVuZGFyQ29sdW1uVHlwZTxUPiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIHJvb3RSZWY/OiBSZWFjdC5SZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQgfCBudWxsPjtcbiAgcmVuZGVyQ2VsbDogKHByb3BzOiBXZWVrbHlDYWxlbmRhclJlbmRlckNlbGxQcm9wczxUPikgPT4gUmVhY3QuSlNYLkVsZW1lbnQ7XG59XG5cbmV4cG9ydCBjb25zdCBXZWVrbHlDYWxlbmRhckNvbHVtbiA9IDxULD4oe1xuICBpc1RvZGF5LFxuICBjaGlsZHJlbixcbiAgcm9vdFJlZixcbn06IFBhcnRpYWw8V2Vla2x5Q2FsZW5kYXJSZW5kZXJDb2x1bW5Qcm9wczxUPj4pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIC8vIFJlYWN0IHYxOeOBp+OBr251bGzjgpLoqLHlrrnjgZnjgovjgYzjgIF2MTjjgafjga/oqLHlrrnjgZXjgozjgarjgYTjgZ/jgoHjgIHlrozlhajjgatSZWFjdCB2MTjjgrXjg53jg7zjg4jjgpLliIfjgovjgb7jgaflnovjgpLnhKHlirnljJbjgZnjgotcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvYmFuLXRzLWNvbW1lbnRcbiAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgIHJlZj17cm9vdFJlZn1cbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICNjNWM1YzU7XG4gICAgICAgICAgJjpudGgtY2hpbGQoN24pIHtcbiAgICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNjNWM1YzU7XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICBpc1RvZGF5XG4gICAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICYgKyBkaXYge1xuICAgICAgICAgICAgICAgIGJvcmRlci1sZWZ0LXN0eWxlOiBub25lO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICBgXG4gICAgICAgICAgOiBudWxsLFxuICAgICAgXX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */") : null, process.env.NODE_ENV === "production" ? "" : ";label:WeeklyCalendarColumn;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9XZWVrbHlDYWxlbmRhclVJL1dlZWtseUNhbGVuZGFyQ29sdW1uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ00iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1dlZWtseUNhbGVuZGFyVUkvV2Vla2x5Q2FsZW5kYXJDb2x1bW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IHsgV2Vla2x5Q2FsZW5kYXJSZW5kZXJDZWxsUHJvcHMgfSBmcm9tIFwiLi9XZWVrbHlDYWxlbmRhclwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFdlZWtseUNhbGVuZGFyQ29sdW1uVHlwZTxUPiB7XG4gIGRhdGU6IERhdGU7XG4gIGRhdGVTdHI6IHN0cmluZztcbiAgaXNUb2RheTogYm9vbGVhbjtcbiAgaW5kZXg6IG51bWJlcjtcbiAgcm93czogVFtdO1xuICByZW5kZXJDZWxsOiAocHJvcHM6IFdlZWtseUNhbGVuZGFyUmVuZGVyQ2VsbFByb3BzPFQ+KSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBXZWVrbHlDYWxlbmRhclJlbmRlckNvbHVtblByb3BzPFxuICBULFxuPiBleHRlbmRzIFdlZWtseUNhbGVuZGFyQ29sdW1uVHlwZTxUPiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIHJvb3RSZWY/OiBSZWFjdC5SZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQgfCBudWxsPjtcbiAgcmVuZGVyQ2VsbDogKHByb3BzOiBXZWVrbHlDYWxlbmRhclJlbmRlckNlbGxQcm9wczxUPikgPT4gUmVhY3QuSlNYLkVsZW1lbnQ7XG59XG5cbmV4cG9ydCBjb25zdCBXZWVrbHlDYWxlbmRhckNvbHVtbiA9IDxULD4oe1xuICBpc1RvZGF5LFxuICBjaGlsZHJlbixcbiAgcm9vdFJlZixcbn06IFBhcnRpYWw8V2Vla2x5Q2FsZW5kYXJSZW5kZXJDb2x1bW5Qcm9wczxUPj4pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIC8vIFJlYWN0IHYxOeOBp+OBr251bGzjgpLoqLHlrrnjgZnjgovjgYzjgIF2MTjjgafjga/oqLHlrrnjgZXjgozjgarjgYTjgZ/jgoHjgIHlrozlhajjgatSZWFjdCB2MTjjgrXjg53jg7zjg4jjgpLliIfjgovjgb7jgaflnovjgpLnhKHlirnljJbjgZnjgotcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvYmFuLXRzLWNvbW1lbnRcbiAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgIHJlZj17cm9vdFJlZn1cbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICNjNWM1YzU7XG4gICAgICAgICAgJjpudGgtY2hpbGQoN24pIHtcbiAgICAgICAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNjNWM1YzU7XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICBpc1RvZGF5XG4gICAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICYgKyBkaXYge1xuICAgICAgICAgICAgICAgIGJvcmRlci1sZWZ0LXN0eWxlOiBub25lO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICBgXG4gICAgICAgICAgOiBudWxsLFxuICAgICAgXX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */"]
|
|
26
26
|
}, children);
|
|
27
27
|
};
|
|
28
28
|
//# sourceMappingURL=WeeklyCalendarColumn.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WeeklyCalendarColumn.js","names":["css","useTheme","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","WeeklyCalendarColumn","_ref2","isToday","children","rootRef","theme","ref","palette","intentions","primary","main"],"sources":["../../../src/WeeklyCalendarUI/WeeklyCalendarColumn.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport { WeeklyCalendarRenderCellProps } from \"./WeeklyCalendar\";\n\nexport interface WeeklyCalendarColumnType<T> {\n date: Date;\n dateStr: string;\n isToday: boolean;\n index: number;\n rows: T[];\n renderCell: (props: WeeklyCalendarRenderCellProps<T>) => React.JSX.Element;\n}\n\nexport interface WeeklyCalendarRenderColumnProps
|
|
1
|
+
{"version":3,"file":"WeeklyCalendarColumn.js","names":["css","useTheme","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","WeeklyCalendarColumn","_ref2","isToday","children","rootRef","theme","ref","palette","intentions","primary","main"],"sources":["../../../src/WeeklyCalendarUI/WeeklyCalendarColumn.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport { WeeklyCalendarRenderCellProps } from \"./WeeklyCalendar\";\n\nexport interface WeeklyCalendarColumnType<T> {\n date: Date;\n dateStr: string;\n isToday: boolean;\n index: number;\n rows: T[];\n renderCell: (props: WeeklyCalendarRenderCellProps<T>) => React.JSX.Element;\n}\n\nexport interface WeeklyCalendarRenderColumnProps<\n T,\n> extends WeeklyCalendarColumnType<T> {\n children: React.ReactNode;\n rootRef?: React.RefObject<HTMLDivElement | null>;\n renderCell: (props: WeeklyCalendarRenderCellProps<T>) => React.JSX.Element;\n}\n\nexport const WeeklyCalendarColumn = <T,>({\n isToday,\n children,\n rootRef,\n}: Partial<WeeklyCalendarRenderColumnProps<T>>) => {\n const theme = useTheme();\n return (\n <div\n // React v19ではnullを許容するが、v18では許容されないため、完全にReact v18サポートを切るまで型を無効化する\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n ref={rootRef}\n css={[\n css`\n box-sizing: border-box;\n background-color: white;\n border-left: 1px solid #c5c5c5;\n &:nth-child(7n) {\n border-right: 1px solid #c5c5c5;\n }\n `,\n isToday\n ? css`\n border: 1px solid ${theme.palette.intentions.primary.main};\n & + div {\n border-left-style: none;\n }\n `\n : null,\n ]}\n >\n {children}\n </div>\n );\n};\n"],"mappings":";AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAoBpC,OAAO,IAAMC,oBAAoB,GAAGC,KAAA,IAIe;EAAA,IAJV;IACvCC,OAAO;IACPC,QAAQ;IACRC;EAC2C,CAAC,GAAAH,KAAA;EAC5C,IAAMI,KAAK,GAAGhB,QAAQ,CAAC,CAAC;EACxB,OACEE,aAAA;IACE;IACA;IACA;IACAe,GAAG,EAAEF,OAAQ;IACbhB,GAAG,GAAAI,IAAA,EASDU,OAAO,gBACHd,GAAG,sBACmBiB,KAAK,CAACE,OAAO,CAACC,UAAU,CAACC,OAAO,CAACC,IAAI,uCAAAjB,OAAA,CAAAC,GAAA,CAAAC,QAAA,0DAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,k9EAK3D,IAAI,EAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,yDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACR,GAEDQ,QACE,CAAC;AAEV,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WeeklyCalendarUI.js","names":["React","useCallback","useEffect","useMemo","useState","dayjs","CalendarController","CalendarLabel","Layout","WeeklyCalendar","jsx","___EmotionJSX","useWeeklyCalendar","_temp","date","undefined","startWeekday","onChange","initialDate","day","sunday","setSunday","increment","prev","next","add","toDate","decrement","subtract","reset","set","config","WeeklyCalendarUI","_ref","style","className","props","_objectWithoutPropertiesLoose","_excluded","Column","gap","nowrap","Row","alignItems","justify","unit","onReset","onNext","onPrev","_extends"],"sources":["../../../src/WeeklyCalendarUI/WeeklyCalendarUI.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport dayjs from \"dayjs\";\nimport { CalendarController } from \"../CalendarController/CalendarController\";\nimport { CalendarLabel } from \"../CalendarLabel/CalendarLabel\";\nimport { Layout } from \"../Layouts\";\nimport { WeeklyCalendar, WeeklyCalendarProps } from \"./WeeklyCalendar\";\n\nexport const useWeeklyCalendar = ({\n date = undefined,\n startWeekday = 0,\n onChange,\n}: {\n date?: dayjs.ConfigType;\n startWeekday?: number;\n onChange?: (date: Date) => void;\n} = {}) => {\n const initialDate = useMemo(() => {\n if (date === null || date === undefined) {\n return dayjs().day(startWeekday);\n }\n return dayjs(date).day(startWeekday);\n }, [date, startWeekday]);\n const [sunday, setSunday] = useState(initialDate);\n const increment = useCallback(() => {\n setSunday((prev) => {\n const next = prev.add(7, \"day\");\n if (onChange) {\n onChange(next.toDate());\n }\n return next;\n });\n }, [onChange]);\n const decrement = useCallback(() => {\n setSunday((prev) => {\n const next = prev.subtract(7, \"day\");\n if (onChange) {\n onChange(next.toDate());\n }\n return next;\n });\n }, [onChange]);\n\n const reset = useCallback(() => {\n if (onChange) {\n onChange(initialDate.toDate());\n }\n setSunday(initialDate);\n }, [initialDate, onChange]);\n const set = useCallback(\n (config: dayjs.ConfigType) => {\n const next = dayjs(config).day(startWeekday);\n if (onChange) {\n onChange(next.toDate());\n }\n setSunday(next);\n },\n [onChange, startWeekday],\n );\n return {\n date: sunday,\n increment,\n decrement,\n reset,\n set,\n };\n};\n\nexport interface WeeklyCalendarUIProps<T
|
|
1
|
+
{"version":3,"file":"WeeklyCalendarUI.js","names":["React","useCallback","useEffect","useMemo","useState","dayjs","CalendarController","CalendarLabel","Layout","WeeklyCalendar","jsx","___EmotionJSX","useWeeklyCalendar","_temp","date","undefined","startWeekday","onChange","initialDate","day","sunday","setSunday","increment","prev","next","add","toDate","decrement","subtract","reset","set","config","WeeklyCalendarUI","_ref","style","className","props","_objectWithoutPropertiesLoose","_excluded","Column","gap","nowrap","Row","alignItems","justify","unit","onReset","onNext","onPrev","_extends"],"sources":["../../../src/WeeklyCalendarUI/WeeklyCalendarUI.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport dayjs from \"dayjs\";\nimport { CalendarController } from \"../CalendarController/CalendarController\";\nimport { CalendarLabel } from \"../CalendarLabel/CalendarLabel\";\nimport { Layout } from \"../Layouts\";\nimport { WeeklyCalendar, WeeklyCalendarProps } from \"./WeeklyCalendar\";\n\nexport const useWeeklyCalendar = ({\n date = undefined,\n startWeekday = 0,\n onChange,\n}: {\n date?: dayjs.ConfigType;\n startWeekday?: number;\n onChange?: (date: Date) => void;\n} = {}) => {\n const initialDate = useMemo(() => {\n if (date === null || date === undefined) {\n return dayjs().day(startWeekday);\n }\n return dayjs(date).day(startWeekday);\n }, [date, startWeekday]);\n const [sunday, setSunday] = useState(initialDate);\n const increment = useCallback(() => {\n setSunday((prev) => {\n const next = prev.add(7, \"day\");\n if (onChange) {\n onChange(next.toDate());\n }\n return next;\n });\n }, [onChange]);\n const decrement = useCallback(() => {\n setSunday((prev) => {\n const next = prev.subtract(7, \"day\");\n if (onChange) {\n onChange(next.toDate());\n }\n return next;\n });\n }, [onChange]);\n\n const reset = useCallback(() => {\n if (onChange) {\n onChange(initialDate.toDate());\n }\n setSunday(initialDate);\n }, [initialDate, onChange]);\n const set = useCallback(\n (config: dayjs.ConfigType) => {\n const next = dayjs(config).day(startWeekday);\n if (onChange) {\n onChange(next.toDate());\n }\n setSunday(next);\n },\n [onChange, startWeekday],\n );\n return {\n date: sunday,\n increment,\n decrement,\n reset,\n set,\n };\n};\n\nexport interface WeeklyCalendarUIProps<T> extends Omit<\n WeeklyCalendarProps<T>,\n \"date\"\n> {\n style?: React.CSSProperties;\n className?: string;\n startWeekday?: number;\n date?: dayjs.ConfigType;\n onChange?: (date: Date) => void;\n}\n\nexport const WeeklyCalendarUI = <T,>({\n style,\n className,\n date: initialDate,\n startWeekday,\n onChange,\n ...props\n}: WeeklyCalendarUIProps<T>) => {\n const { date, set, increment, decrement } = useWeeklyCalendar({\n date: initialDate,\n startWeekday,\n });\n\n useEffect(() => {\n if (onChange) {\n onChange(date.toDate());\n }\n }, [date, onChange]);\n\n return (\n <div style={style} className={className}>\n <Layout.Column gap={2} nowrap>\n <div>\n <Layout.Row nowrap alignItems=\"center\" justify=\"space-between\">\n <div>\n <CalendarController\n unit=\"day\"\n onReset={set}\n onNext={increment}\n onPrev={decrement}\n />\n </div>\n <div>\n <CalendarLabel date={date} />\n </div>\n </Layout.Row>\n </div>\n <WeeklyCalendar date={date} {...props} />\n </Layout.Column>\n </div>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|