matsuri-ui 18.0.3-alpha-1765248031639-463070b.0 → 18.0.3-alpha-1766179780164-975b1ee.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/@utils/debounce.js +2 -0
- package/@utils/debounce.js.map +1 -1
- package/AsComponentProps.js.map +1 -1
- 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/@utils/debounce.js +2 -0
- package/cjs/@utils/debounce.js.map +1 -1
- package/cjs/AsComponentProps.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/@utils/debounce.js +2 -0
- package/esm/@utils/debounce.js.map +1 -1
- package/esm/AsComponentProps.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 +7 -10
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":[]}
|
package/cjs/@utils/debounce.js
CHANGED
|
@@ -66,6 +66,8 @@ var _isObject = require("./isObject");
|
|
|
66
66
|
*/
|
|
67
67
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
68
68
|
function debounce(func, wait, options) {
|
|
69
|
+
// eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
|
|
70
|
+
|
|
69
71
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
70
72
|
let lastArgs;
|
|
71
73
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"debounce.js","names":["_isObject","require","debounce","func","wait","options","lastArgs","lastThis","result","lastCallTime","timerId","lastInvokeTime","useRAF","undefined","window","requestAnimationFrame","TypeError","waitValue","Number","leading","trailing","maxWait","isObject","Math","max","invokeFunc","time","args","thisArg","apply","startTimer","pendingFunc","cancelAnimationFrame","setTimeout","cancelTimer","id","clearTimeout","leadingEdge","timerExpired","remainingWait","timeSinceLastCall","timeSinceLastInvoke","timeWaiting","min","shouldInvoke","Date","now","trailingEdge","cancel","flush","pending","debounced","isInvoking"],"sources":["../../../src/@utils/debounce.ts"],"sourcesContent":["import { isObject } from \"./isObject\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport interface DebouncedFunc<T extends (...args: any[]) => any> {\n /**\n * Call the original function, but applying the debounce rules.\n *\n * If the debounced function can be run immediately, this calls it and returns its return\n * value.\n *\n * Otherwise, it returns the return value of the last invokation, or undefined if the debounced\n * function was not invoked yet.\n */\n (...args: Parameters<T>): ReturnType<T> | undefined;\n\n /**\n * Throw away any pending invokation of the debounced function.\n */\n cancel(): void;\n\n /**\n * If there is a pending invokation of the debounced function, invoke it immediately and return\n * its return value.\n *\n * Otherwise, return the value from the last invokation, or undefined if the debounced function\n * was never invoked.\n */\n flush(): ReturnType<T> | undefined;\n}\n\ninterface DebounceOptions {\n maxWait?: number;\n leading?: boolean;\n trailing?: boolean;\n}\n\ntype TimeoutId = ReturnType<typeof setTimeout>;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked, or until the next browser frame is drawn. The debounced function\n * comes with a `cancel` method to cancel delayed `func` invocations and a\n * `flush` method to immediately invoke them. Provide `options` to indicate\n * whether `func` should be invoked on the leading and/or trailing edge of the\n * `wait` timeout. The `func` is invoked with the last arguments provided to the\n * debounced function. Subsequent calls to the debounced function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * If `wait` is omitted in an environment with `requestAnimationFrame`, `func`\n * invocation will be deferred until the next frame is drawn (typically about\n * 16ms).\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `debounce` and `throttle`.\n *\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0]\n * The number of milliseconds to delay; if omitted, `requestAnimationFrame` is\n * used (if available).\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * window.addEventListener('resize', debounce(calculateLayout, 150))\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * element.addEventListener('click', debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }))\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * const debounced = debounce(batchLog, 250, { 'maxWait': 1000 })\n * const source = new EventSource('/stream')\n * source.addEventListener('message', debounced)\n *\n * // Cancel the trailing debounced invocation.\n * window.addEventListener('popstate', debounced.cancel)\n *\n * // Check for pending invocations.\n * const status = debounced.pending() ? \"Pending...\" : \"Ready\"\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function debounce<T extends (...args: any) => any>(\n func: T,\n wait?: number,\n options?: DebounceOptions,\n): DebouncedFunc<T> {\n type Result = ReturnType<T> | undefined;\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let lastArgs: any;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let lastThis: any;\n let result: Result;\n let lastCallTime: number | undefined;\n let timerId: TimeoutId | undefined;\n let lastInvokeTime = 0;\n\n // Bypass `requestAnimationFrame` by explicitly setting `wait=0`.\n const useRAF =\n wait === undefined &&\n typeof window !== \"undefined\" &&\n typeof window.requestAnimationFrame === \"function\";\n\n if (typeof func !== \"function\") {\n throw new TypeError(\"Expected a function\");\n }\n\n const waitValue = Number(wait) || 0;\n\n let leading = false;\n let trailing = true;\n let maxWait: number | null = null;\n if (isObject(options)) {\n leading = !!options.leading;\n maxWait =\n \"maxWait\" in options\n ? Math.max(Number(options.maxWait) || 0, waitValue)\n : maxWait;\n trailing = \"trailing\" in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time: number): Result {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n const args = lastArgs;\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n const thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-argument\n result = func.apply(thisArg, args);\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return result;\n }\n\n function startTimer(pendingFunc: () => Result, wait: number): TimeoutId {\n if (useRAF && typeof timerId === \"number\") {\n window.cancelAnimationFrame(timerId);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any,@typescript-eslint/no-unsafe-return\n return window.requestAnimationFrame(pendingFunc) as any;\n }\n return setTimeout(pendingFunc, wait);\n }\n\n function cancelTimer(id: TimeoutId): void {\n if (useRAF && typeof id === \"number\") {\n window.cancelAnimationFrame(id);\n }\n clearTimeout(id);\n }\n\n function leadingEdge(time: number): Result {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = startTimer(timerExpired, waitValue);\n // Invoke the leading edge.\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time: number): number {\n if (lastCallTime === undefined) return 0;\n\n const timeSinceLastCall = time - lastCallTime;\n const timeSinceLastInvoke = time - lastInvokeTime;\n const timeWaiting = waitValue - timeSinceLastCall;\n\n return maxWait !== null\n ? Math.min(timeWaiting, maxWait - timeSinceLastInvoke)\n : timeWaiting;\n }\n\n function shouldInvoke(time: number): boolean {\n if (lastCallTime === undefined) return true;\n\n const timeSinceLastCall = time - lastCallTime;\n const timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (\n timeSinceLastCall >= waitValue ||\n timeSinceLastCall < 0 ||\n (maxWait !== null && timeSinceLastInvoke >= maxWait)\n );\n }\n\n function timerExpired(): Result {\n const time = Date.now();\n if (shouldInvoke(time)) {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return trailingEdge(time);\n }\n\n // Restart the timer.\n timerId = startTimer(timerExpired, remainingWait(time));\n\n return;\n }\n\n function trailingEdge(time: number): Result {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return result;\n }\n\n function cancel(): void {\n if (timerId !== undefined) {\n cancelTimer(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush(): Result {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return timerId === undefined ? result : trailingEdge(Date.now());\n }\n\n function pending(): boolean {\n return timerId !== undefined;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n function debounced(this: any, ...args: any[]): Result {\n const time = Date.now();\n const isInvoking = shouldInvoke(time);\n\n lastArgs = args;\n // eslint-disable-next-line @typescript-eslint/no-this-alias,@typescript-eslint/no-unsafe-assignment\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return leadingEdge(lastCallTime);\n }\n if (maxWait !== null) {\n // Handle invocations in a tight loop.\n timerId = startTimer(timerExpired, waitValue);\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return invokeFunc(lastCallTime);\n }\n }\n timerId ??= startTimer(timerExpired, waitValue);\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return result;\n }\n\n debounced.cancel = cancel;\n debounced.flush = flush;\n debounced.pending = pending;\n\n return debounced;\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"debounce.js","names":["_isObject","require","debounce","func","wait","options","lastArgs","lastThis","result","lastCallTime","timerId","lastInvokeTime","useRAF","undefined","window","requestAnimationFrame","TypeError","waitValue","Number","leading","trailing","maxWait","isObject","Math","max","invokeFunc","time","args","thisArg","apply","startTimer","pendingFunc","cancelAnimationFrame","setTimeout","cancelTimer","id","clearTimeout","leadingEdge","timerExpired","remainingWait","timeSinceLastCall","timeSinceLastInvoke","timeWaiting","min","shouldInvoke","Date","now","trailingEdge","cancel","flush","pending","debounced","isInvoking"],"sources":["../../../src/@utils/debounce.ts"],"sourcesContent":["import { isObject } from \"./isObject\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport interface DebouncedFunc<T extends (...args: any[]) => any> {\n /**\n * Call the original function, but applying the debounce rules.\n *\n * If the debounced function can be run immediately, this calls it and returns its return\n * value.\n *\n * Otherwise, it returns the return value of the last invokation, or undefined if the debounced\n * function was not invoked yet.\n */\n // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n (...args: Parameters<T>): ReturnType<T> | undefined;\n\n /**\n * Throw away any pending invokation of the debounced function.\n */\n cancel(): void;\n\n /**\n * If there is a pending invokation of the debounced function, invoke it immediately and return\n * its return value.\n *\n * Otherwise, return the value from the last invokation, or undefined if the debounced function\n * was never invoked.\n */\n // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n flush(): ReturnType<T> | undefined;\n}\n\ninterface DebounceOptions {\n maxWait?: number;\n leading?: boolean;\n trailing?: boolean;\n}\n\ntype TimeoutId = ReturnType<typeof setTimeout>;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked, or until the next browser frame is drawn. The debounced function\n * comes with a `cancel` method to cancel delayed `func` invocations and a\n * `flush` method to immediately invoke them. Provide `options` to indicate\n * whether `func` should be invoked on the leading and/or trailing edge of the\n * `wait` timeout. The `func` is invoked with the last arguments provided to the\n * debounced function. Subsequent calls to the debounced function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * If `wait` is omitted in an environment with `requestAnimationFrame`, `func`\n * invocation will be deferred until the next frame is drawn (typically about\n * 16ms).\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `debounce` and `throttle`.\n *\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0]\n * The number of milliseconds to delay; if omitted, `requestAnimationFrame` is\n * used (if available).\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * window.addEventListener('resize', debounce(calculateLayout, 150))\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * element.addEventListener('click', debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }))\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * const debounced = debounce(batchLog, 250, { 'maxWait': 1000 })\n * const source = new EventSource('/stream')\n * source.addEventListener('message', debounced)\n *\n * // Cancel the trailing debounced invocation.\n * window.addEventListener('popstate', debounced.cancel)\n *\n * // Check for pending invocations.\n * const status = debounced.pending() ? \"Pending...\" : \"Ready\"\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function debounce<T extends (...args: any) => any>(\n func: T,\n wait?: number,\n options?: DebounceOptions,\n): DebouncedFunc<T> {\n // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n type Result = ReturnType<T> | undefined;\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let lastArgs: any;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let lastThis: any;\n let result: Result;\n let lastCallTime: number | undefined;\n let timerId: TimeoutId | undefined;\n let lastInvokeTime = 0;\n\n // Bypass `requestAnimationFrame` by explicitly setting `wait=0`.\n const useRAF =\n wait === undefined &&\n typeof window !== \"undefined\" &&\n typeof window.requestAnimationFrame === \"function\";\n\n if (typeof func !== \"function\") {\n throw new TypeError(\"Expected a function\");\n }\n\n const waitValue = Number(wait) || 0;\n\n let leading = false;\n let trailing = true;\n let maxWait: number | null = null;\n if (isObject(options)) {\n leading = !!options.leading;\n maxWait =\n \"maxWait\" in options\n ? Math.max(Number(options.maxWait) || 0, waitValue)\n : maxWait;\n trailing = \"trailing\" in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time: number): Result {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n const args = lastArgs;\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n const thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-argument\n result = func.apply(thisArg, args);\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return result;\n }\n\n function startTimer(pendingFunc: () => Result, wait: number): TimeoutId {\n if (useRAF && typeof timerId === \"number\") {\n window.cancelAnimationFrame(timerId);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any,@typescript-eslint/no-unsafe-return\n return window.requestAnimationFrame(pendingFunc) as any;\n }\n return setTimeout(pendingFunc, wait);\n }\n\n function cancelTimer(id: TimeoutId): void {\n if (useRAF && typeof id === \"number\") {\n window.cancelAnimationFrame(id);\n }\n clearTimeout(id);\n }\n\n function leadingEdge(time: number): Result {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = startTimer(timerExpired, waitValue);\n // Invoke the leading edge.\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time: number): number {\n if (lastCallTime === undefined) return 0;\n\n const timeSinceLastCall = time - lastCallTime;\n const timeSinceLastInvoke = time - lastInvokeTime;\n const timeWaiting = waitValue - timeSinceLastCall;\n\n return maxWait !== null\n ? Math.min(timeWaiting, maxWait - timeSinceLastInvoke)\n : timeWaiting;\n }\n\n function shouldInvoke(time: number): boolean {\n if (lastCallTime === undefined) return true;\n\n const timeSinceLastCall = time - lastCallTime;\n const timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (\n timeSinceLastCall >= waitValue ||\n timeSinceLastCall < 0 ||\n (maxWait !== null && timeSinceLastInvoke >= maxWait)\n );\n }\n\n function timerExpired(): Result {\n const time = Date.now();\n if (shouldInvoke(time)) {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return trailingEdge(time);\n }\n\n // Restart the timer.\n timerId = startTimer(timerExpired, remainingWait(time));\n\n return;\n }\n\n function trailingEdge(time: number): Result {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return result;\n }\n\n function cancel(): void {\n if (timerId !== undefined) {\n cancelTimer(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush(): Result {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return timerId === undefined ? result : trailingEdge(Date.now());\n }\n\n function pending(): boolean {\n return timerId !== undefined;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n function debounced(this: any, ...args: any[]): Result {\n const time = Date.now();\n const isInvoking = shouldInvoke(time);\n\n lastArgs = args;\n // eslint-disable-next-line @typescript-eslint/no-this-alias,@typescript-eslint/no-unsafe-assignment\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return leadingEdge(lastCallTime);\n }\n if (maxWait !== null) {\n // Handle invocations in a tight loop.\n timerId = startTimer(timerExpired, waitValue);\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return invokeFunc(lastCallTime);\n }\n }\n timerId ??= startTimer(timerExpired, waitValue);\n // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n return result;\n }\n\n debounced.cancel = cancel;\n debounced.flush = flush;\n debounced.pending = pending;\n\n return debounced;\n}\n"],"mappings":";;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAEA;;AAsCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,QAAQA,CACtBC,IAAO,EACPC,IAAa,EACbC,OAAyB,EACP;EAClB;;EAGA;EACA,IAAIC,QAAa;EACjB;EACA,IAAIC,QAAa;EACjB,IAAIC,MAAc;EAClB,IAAIC,YAAgC;EACpC,IAAIC,OAA8B;EAClC,IAAIC,cAAc,GAAG,CAAC;;EAEtB;EACA,MAAMC,MAAM,GACVR,IAAI,KAAKS,SAAS,IAClB,OAAOC,MAAM,KAAK,WAAW,IAC7B,OAAOA,MAAM,CAACC,qBAAqB,KAAK,UAAU;EAEpD,IAAI,OAAOZ,IAAI,KAAK,UAAU,EAAE;IAC9B,MAAM,IAAIa,SAAS,CAAC,qBAAqB,CAAC;EAC5C;EAEA,MAAMC,SAAS,GAAGC,MAAM,CAACd,IAAI,CAAC,IAAI,CAAC;EAEnC,IAAIe,OAAO,GAAG,KAAK;EACnB,IAAIC,QAAQ,GAAG,IAAI;EACnB,IAAIC,OAAsB,GAAG,IAAI;EACjC,IAAI,IAAAC,kBAAQ,EAACjB,OAAO,CAAC,EAAE;IACrBc,OAAO,GAAG,CAAC,CAACd,OAAO,CAACc,OAAO;IAC3BE,OAAO,GACL,SAAS,IAAIhB,OAAO,GAChBkB,IAAI,CAACC,GAAG,CAACN,MAAM,CAACb,OAAO,CAACgB,OAAO,CAAC,IAAI,CAAC,EAAEJ,SAAS,CAAC,GACjDI,OAAO;IACbD,QAAQ,GAAG,UAAU,IAAIf,OAAO,GAAG,CAAC,CAACA,OAAO,CAACe,QAAQ,GAAGA,QAAQ;EAClE;EAEA,SAASK,UAAUA,CAACC,IAAY,EAAU;IACxC;IACA,MAAMC,IAAI,GAAGrB,QAAQ;IACrB;IACA,MAAMsB,OAAO,GAAGrB,QAAQ;IAExBD,QAAQ,GAAGC,QAAQ,GAAGM,SAAS;IAC/BF,cAAc,GAAGe,IAAI;IACrB;IACAlB,MAAM,GAAGL,IAAI,CAAC0B,KAAK,CAACD,OAAO,EAAED,IAAI,CAAC;IAClC;IACA,OAAOnB,MAAM;EACf;EAEA,SAASsB,UAAUA,CAACC,WAAyB,EAAE3B,IAAY,EAAa;IACtE,IAAIQ,MAAM,IAAI,OAAOF,OAAO,KAAK,QAAQ,EAAE;MACzCI,MAAM,CAACkB,oBAAoB,CAACtB,OAAO,CAAC;MACpC;MACA,OAAOI,MAAM,CAACC,qBAAqB,CAACgB,WAAW,CAAC;IAClD;IACA,OAAOE,UAAU,CAACF,WAAW,EAAE3B,IAAI,CAAC;EACtC;EAEA,SAAS8B,WAAWA,CAACC,EAAa,EAAQ;IACxC,IAAIvB,MAAM,IAAI,OAAOuB,EAAE,KAAK,QAAQ,EAAE;MACpCrB,MAAM,CAACkB,oBAAoB,CAACG,EAAE,CAAC;IACjC;IACAC,YAAY,CAACD,EAAE,CAAC;EAClB;EAEA,SAASE,WAAWA,CAACX,IAAY,EAAU;IACzC;IACAf,cAAc,GAAGe,IAAI;IACrB;IACAhB,OAAO,GAAGoB,UAAU,CAACQ,YAAY,EAAErB,SAAS,CAAC;IAC7C;IACA;IACA,OAAOE,OAAO,GAAGM,UAAU,CAACC,IAAI,CAAC,GAAGlB,MAAM;EAC5C;EAEA,SAAS+B,aAAaA,CAACb,IAAY,EAAU;IAC3C,IAAIjB,YAAY,KAAKI,SAAS,EAAE,OAAO,CAAC;IAExC,MAAM2B,iBAAiB,GAAGd,IAAI,GAAGjB,YAAY;IAC7C,MAAMgC,mBAAmB,GAAGf,IAAI,GAAGf,cAAc;IACjD,MAAM+B,WAAW,GAAGzB,SAAS,GAAGuB,iBAAiB;IAEjD,OAAOnB,OAAO,KAAK,IAAI,GACnBE,IAAI,CAACoB,GAAG,CAACD,WAAW,EAAErB,OAAO,GAAGoB,mBAAmB,CAAC,GACpDC,WAAW;EACjB;EAEA,SAASE,YAAYA,CAAClB,IAAY,EAAW;IAC3C,IAAIjB,YAAY,KAAKI,SAAS,EAAE,OAAO,IAAI;IAE3C,MAAM2B,iBAAiB,GAAGd,IAAI,GAAGjB,YAAY;IAC7C,MAAMgC,mBAAmB,GAAGf,IAAI,GAAGf,cAAc;;IAEjD;IACA;IACA;IACA,OACE6B,iBAAiB,IAAIvB,SAAS,IAC9BuB,iBAAiB,GAAG,CAAC,IACpBnB,OAAO,KAAK,IAAI,IAAIoB,mBAAmB,IAAIpB,OAAQ;EAExD;EAEA,SAASiB,YAAYA,CAAA,EAAW;IAC9B,MAAMZ,IAAI,GAAGmB,IAAI,CAACC,GAAG,CAAC,CAAC;IACvB,IAAIF,YAAY,CAAClB,IAAI,CAAC,EAAE;MACtB;MACA,OAAOqB,YAAY,CAACrB,IAAI,CAAC;IAC3B;;IAEA;IACAhB,OAAO,GAAGoB,UAAU,CAACQ,YAAY,EAAEC,aAAa,CAACb,IAAI,CAAC,CAAC;IAEvD;EACF;EAEA,SAASqB,YAAYA,CAACrB,IAAY,EAAU;IAC1ChB,OAAO,GAAGG,SAAS;;IAEnB;IACA;IACA,IAAIO,QAAQ,IAAId,QAAQ,EAAE;MACxB;MACA,OAAOmB,UAAU,CAACC,IAAI,CAAC;IACzB;IACApB,QAAQ,GAAGC,QAAQ,GAAGM,SAAS;IAC/B;IACA,OAAOL,MAAM;EACf;EAEA,SAASwC,MAAMA,CAAA,EAAS;IACtB,IAAItC,OAAO,KAAKG,SAAS,EAAE;MACzBqB,WAAW,CAACxB,OAAO,CAAC;IACtB;IACAC,cAAc,GAAG,CAAC;IAClBL,QAAQ,GAAGG,YAAY,GAAGF,QAAQ,GAAGG,OAAO,GAAGG,SAAS;EAC1D;EAEA,SAASoC,KAAKA,CAAA,EAAW;IACvB;IACA,OAAOvC,OAAO,KAAKG,SAAS,GAAGL,MAAM,GAAGuC,YAAY,CAACF,IAAI,CAACC,GAAG,CAAC,CAAC,CAAC;EAClE;EAEA,SAASI,OAAOA,CAAA,EAAY;IAC1B,OAAOxC,OAAO,KAAKG,SAAS;EAC9B;;EAEA;EACA,SAASsC,SAASA,CAAY,GAAGxB,IAAW,EAAU;IACpD,MAAMD,IAAI,GAAGmB,IAAI,CAACC,GAAG,CAAC,CAAC;IACvB,MAAMM,UAAU,GAAGR,YAAY,CAAClB,IAAI,CAAC;IAErCpB,QAAQ,GAAGqB,IAAI;IACf;IACApB,QAAQ,GAAG,IAAI;IACfE,YAAY,GAAGiB,IAAI;IAEnB,IAAI0B,UAAU,EAAE;MACd,IAAI1C,OAAO,KAAKG,SAAS,EAAE;QACzB;QACA,OAAOwB,WAAW,CAAC5B,YAAY,CAAC;MAClC;MACA,IAAIY,OAAO,KAAK,IAAI,EAAE;QACpB;QACAX,OAAO,GAAGoB,UAAU,CAACQ,YAAY,EAAErB,SAAS,CAAC;QAC7C;QACA,OAAOQ,UAAU,CAAChB,YAAY,CAAC;MACjC;IACF;IACAC,OAAO,KAAKoB,UAAU,CAACQ,YAAY,EAAErB,SAAS,CAAC;IAC/C;IACA,OAAOT,MAAM;EACf;EAEA2C,SAAS,CAACH,MAAM,GAAGA,MAAM;EACzBG,SAAS,CAACF,KAAK,GAAGA,KAAK;EACvBE,SAAS,CAACD,OAAO,GAAGA,OAAO;EAE3B,OAAOC,SAAS;AAClB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AsComponentProps.js","names":[],"sources":["../../src/AsComponentProps.ts"],"sourcesContent":["import { Dict } from \"./@types/Dict\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type As<Props = any> = React.ElementType<Props>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type DistributiveOmit<T, K extends keyof any> = T extends any\n ? Omit<T, K>\n : never;\n\nexport type AsComponentProp<C extends As, Props = Dict> = Props & {\n as?: C;\n} & DistributiveOmit<React.ComponentPropsWithoutRef<C>, keyof Props | \"as\">;\n\nexport type AsRef<C extends React.ElementType> =\n React.ComponentPropsWithRef<C>[\"ref\"];\n\nexport type MergeWithAs<\n ComponentProps extends object,\n AsProps extends object,\n AdditionalProps extends object = Dict,\n AsComponent extends As = As,\n> = AdditionalProps &\n Omit<ComponentProps, keyof AdditionalProps | \"as\"> &\n Omit<AsProps, keyof ComponentProps | keyof AdditionalProps | \"as\"> & {\n as?: AsComponent;\n };\n\nexport type ComponentWithAs<\n Component extends As,\n Props extends object = Dict,\n> = <AsComponent extends As = Component>(\n props: MergeWithAs<\n React.ComponentProps<Component>,\n React.ComponentProps<AsComponent>,\n Props,\n AsComponent\n > & {\n ref?: AsRef<AsComponent>;\n },\n) => React.JSX.Element | null;\n"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"AsComponentProps.js","names":[],"sources":["../../src/AsComponentProps.ts"],"sourcesContent":["import { Dict } from \"./@types/Dict\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type As<Props = any> = React.ElementType<Props>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type DistributiveOmit<T, K extends keyof any> = T extends any\n ? Omit<T, K>\n : never;\n\n// eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\nexport type AsComponentProp<C extends As, Props = Dict> = Props & {\n as?: C;\n} & DistributiveOmit<React.ComponentPropsWithoutRef<C>, keyof Props | \"as\">;\n\nexport type AsRef<C extends React.ElementType> =\n React.ComponentPropsWithRef<C>[\"ref\"];\n\nexport type MergeWithAs<\n ComponentProps extends object,\n AsProps extends object,\n AdditionalProps extends object = Dict,\n AsComponent extends As = As,\n> = AdditionalProps &\n Omit<ComponentProps, keyof AdditionalProps | \"as\"> &\n // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n Omit<AsProps, keyof ComponentProps | keyof AdditionalProps | \"as\"> & {\n as?: AsComponent;\n };\n\nexport type ComponentWithAs<\n Component extends As,\n Props extends object = Dict,\n> = <AsComponent extends As = Component>(\n props: MergeWithAs<\n React.ComponentProps<Component>,\n React.ComponentProps<AsComponent>,\n Props,\n AsComponent\n > & {\n ref?: AsRef<AsComponent>;\n },\n) => React.JSX.Element | null;\n"],"mappings":"","ignoreList":[]}
|