@cwellt_software/cwellt-reactjs-lib 1.6.0 → 1.6.2

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.
Files changed (77) hide show
  1. package/dist/content/icons/IconLibrary.stories.tsx +18 -18
  2. package/dist/index.cjs.js +301 -196
  3. package/dist/index.css +2 -2
  4. package/dist/index.d.ts +78 -35
  5. package/dist/index.es.js +301 -196
  6. package/dist/src/common/functions/colorManipulation.d.ts.map +1 -1
  7. package/dist/src/common/interfaces/CwDataAttributes.d.ts +5 -0
  8. package/dist/src/common/interfaces/CwDataAttributes.d.ts.map +1 -0
  9. package/dist/src/components/control/action/button/CwButtonSwitch.d.ts +3 -3
  10. package/dist/src/components/control/action/button/CwButtonSwitch.d.ts.map +1 -1
  11. package/dist/src/components/control/action/search/CwSearchAsync.d.ts +7 -1
  12. package/dist/src/components/control/action/search/CwSearchAsync.d.ts.map +1 -1
  13. package/dist/src/components/control/action/search/CwSearchAsync.stories.d.ts +28 -0
  14. package/dist/src/components/control/action/search/CwSearchAsync.stories.d.ts.map +1 -1
  15. package/dist/src/components/control/choice/tree-view/CwTreeView.d.ts +4 -4
  16. package/dist/src/components/control/choice/tree-view/CwTreeView.d.ts.map +1 -1
  17. package/dist/src/components/control/choice/tree-view/CwTreeView.stories.d.ts +5 -7
  18. package/dist/src/components/control/choice/tree-view/CwTreeView.stories.d.ts.map +1 -1
  19. package/dist/src/components/control/input/new-dates/CwDatePicker.d.ts +3 -2
  20. package/dist/src/components/control/input/new-dates/CwDatePicker.d.ts.map +1 -1
  21. package/dist/src/components/control/input/new-dates/CwDatePicker.stories.d.ts +5 -1
  22. package/dist/src/components/control/input/new-dates/CwDatePicker.stories.d.ts.map +1 -1
  23. package/dist/src/components/control/input/new-dates/CwDatePickerTemporal.d.ts +3 -2
  24. package/dist/src/components/control/input/new-dates/CwDatePickerTemporal.d.ts.map +1 -1
  25. package/dist/src/components/control/input/new-dates/CwDateRangePicker.d.ts +8 -2
  26. package/dist/src/components/control/input/new-dates/CwDateRangePicker.d.ts.map +1 -1
  27. package/dist/src/components/control/input/new-dates/CwDateRangePicker.stories.d.ts +10 -12
  28. package/dist/src/components/control/input/new-dates/CwDateRangePicker.stories.d.ts.map +1 -1
  29. package/dist/src/components/control/input/new-dates/CwDateRangePickerTemporal.d.ts +8 -2
  30. package/dist/src/components/control/input/new-dates/CwDateRangePickerTemporal.d.ts.map +1 -1
  31. package/dist/src/components/control/input/new-dates/CwDateTimePicker.d.ts +8 -2
  32. package/dist/src/components/control/input/new-dates/CwDateTimePicker.d.ts.map +1 -1
  33. package/dist/src/components/control/input/new-dates/CwDateTimePicker.stories.d.ts +12 -12
  34. package/dist/src/components/control/input/new-dates/CwDateTimePicker.stories.d.ts.map +1 -1
  35. package/dist/src/components/control/input/new-dates/CwDateTimePickerCompact.d.ts +8 -2
  36. package/dist/src/components/control/input/new-dates/CwDateTimePickerCompact.d.ts.map +1 -1
  37. package/dist/src/components/control/input/new-dates/CwDateTimePickerTemporal.d.ts +8 -2
  38. package/dist/src/components/control/input/new-dates/CwDateTimePickerTemporal.d.ts.map +1 -1
  39. package/dist/src/components/control/input/new-dates/CwTimePicker.d.ts +8 -2
  40. package/dist/src/components/control/input/new-dates/CwTimePicker.d.ts.map +1 -1
  41. package/dist/src/components/control/input/new-dates/CwTimePicker.stories.d.ts +15 -13
  42. package/dist/src/components/control/input/new-dates/CwTimePicker.stories.d.ts.map +1 -1
  43. package/dist/src/components/control/input/new-dates/datePickerHelpers.d.ts +10 -0
  44. package/dist/src/components/control/input/new-dates/datePickerHelpers.d.ts.map +1 -1
  45. package/dist/src/components/control/input/weekday/CwWeekdaySelector.d.ts +2 -1
  46. package/dist/src/components/control/input/weekday/CwWeekdaySelector.d.ts.map +1 -1
  47. package/dist/src/components/control/input/weekday/CwWeekdaySelector.stories.d.ts +3 -0
  48. package/dist/src/components/control/input/weekday/CwWeekdaySelector.stories.d.ts.map +1 -1
  49. package/dist/src/components/custom/scheduler-new/presentation/NewScheduler.d.ts +2 -1
  50. package/dist/src/components/custom/scheduler-new/presentation/NewScheduler.d.ts.map +1 -1
  51. package/dist/src/components/custom/scheduler-new/presentation/Scheduler.stories.d.ts +5 -1
  52. package/dist/src/components/custom/scheduler-new/presentation/Scheduler.stories.d.ts.map +1 -1
  53. package/dist/src/components/custom/scheduler-new/presentation/components/row/Event.d.ts.map +1 -1
  54. package/dist/src/components/custom/scheduler-new/presentation/components/timeline/DivisionLine.d.ts.map +1 -1
  55. package/dist/src/components/custom/scheduler-new/presentation/components/timeline/TimeLine.d.ts.map +1 -1
  56. package/dist/src/components/custom/scheduler-new/presentation/components/timeline/WeekEndLine.d.ts.map +1 -1
  57. package/dist/src/components/custom/scheduler-new/presentation/logic/separateEventsToInnerRows.d.ts +1 -1
  58. package/dist/src/components/custom/scheduler-new/presentation/logic/separateEventsToInnerRows.d.ts.map +1 -1
  59. package/dist/src/components/display/data/table/CwTable.stories.d.ts +2 -0
  60. package/dist/src/components/display/data/table/CwTable.stories.d.ts.map +1 -1
  61. package/dist/src/components/display/graphics/progress/CwProgress.d.ts +13 -8
  62. package/dist/src/components/display/graphics/progress/CwProgress.d.ts.map +1 -1
  63. package/dist/src/components/display/graphics/progress/CwProgress.stories.d.ts +21 -5
  64. package/dist/src/components/display/graphics/progress/CwProgress.stories.d.ts.map +1 -1
  65. package/dist/src/components/display/text/badge/CwBadge.d.ts +9 -1
  66. package/dist/src/components/display/text/badge/CwBadge.d.ts.map +1 -1
  67. package/dist/src/components/display/text/badge/CwBadge.stories.d.ts +5 -0
  68. package/dist/src/components/display/text/badge/CwBadge.stories.d.ts.map +1 -1
  69. package/dist/src/index.d.ts +2 -1
  70. package/dist/src/index.d.ts.map +1 -1
  71. package/dist/src/storybook/pickerStoryArgs.d.ts +2 -18
  72. package/dist/src/storybook/pickerStoryArgs.d.ts.map +1 -1
  73. package/dist/test/common/functions/colorManipulation.test.d.ts +2 -0
  74. package/dist/test/common/functions/colorManipulation.test.d.ts.map +1 -0
  75. package/dist/test/components/custom/new-scheduler/presentation/logic/separateEventsToInnerRows.test.d.ts +2 -0
  76. package/dist/test/components/custom/new-scheduler/presentation/logic/separateEventsToInnerRows.test.d.ts.map +1 -0
  77. package/package.json +1 -1
@@ -44,18 +44,6 @@ declare const meta: {
44
44
  control: "inline-radio";
45
45
  options: number[];
46
46
  };
47
- feedbackType: {
48
- table: {
49
- disable: true;
50
- };
51
- control: false;
52
- };
53
- feedbackMessage: {
54
- table: {
55
- disable: true;
56
- };
57
- control: false;
58
- };
59
47
  alignProps: {
60
48
  control: false;
61
49
  };
@@ -68,6 +56,8 @@ declare const meta: {
68
56
  direction: import("storybook/internal/csf").InputType;
69
57
  labelText: import("storybook/internal/csf").InputType;
70
58
  labelWidth: import("storybook/internal/csf").InputType;
59
+ feedbackType: import("storybook/internal/csf").InputType;
60
+ feedbackMessage: import("storybook/internal/csf").InputType;
71
61
  };
72
62
  parameters: {
73
63
  docs: {
@@ -79,6 +69,7 @@ declare const meta: {
79
69
  };
80
70
  };
81
71
  decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
72
+ [x: `data-${string}`]: string | number | boolean | undefined;
82
73
  value?: Temporal.PlainDateTime | undefined;
83
74
  onChange: (datetime: Temporal.PlainDateTime | undefined) => void;
84
75
  minDateTime?: Temporal.PlainDateTime | undefined;
@@ -101,12 +92,14 @@ declare const meta: {
101
92
  showNowButton?: boolean | undefined;
102
93
  nowLabel?: string | undefined;
103
94
  locale?: import("react-day-picker").DayPickerLocale | undefined;
95
+ feedback?: (import("../../../../common/interfaces/CwFormTypes").CwInputFeedback | import("../../../../common/interfaces/CwFormTypes").CwInputFeedback[]) | undefined;
104
96
  direction: "row" | "column";
105
97
  labelText: string;
106
98
  labelWidth: typeof import("../../../../storybook/inputStoryArgs").LABEL_WIDTHS[number];
107
99
  feedbackType: "none" | "danger" | "success" | "neutral" | "warning" | "info";
108
100
  feedbackMessage: string;
109
101
  }>, { args }: import("storybook/internal/csf").StoryContext<import("@storybook/react").ReactRenderer, {
102
+ [x: `data-${string}`]: string | number | boolean | undefined;
110
103
  value?: Temporal.PlainDateTime | undefined;
111
104
  onChange: (datetime: Temporal.PlainDateTime | undefined) => void;
112
105
  minDateTime?: Temporal.PlainDateTime | undefined;
@@ -129,6 +122,7 @@ declare const meta: {
129
122
  showNowButton?: boolean | undefined;
130
123
  nowLabel?: string | undefined;
131
124
  locale?: import("react-day-picker").DayPickerLocale | undefined;
125
+ feedback?: (import("../../../../common/interfaces/CwFormTypes").CwInputFeedback | import("../../../../common/interfaces/CwFormTypes").CwInputFeedback[]) | undefined;
132
126
  direction: "row" | "column";
133
127
  labelText: string;
134
128
  labelWidth: typeof import("../../../../storybook/inputStoryArgs").LABEL_WIDTHS[number];
@@ -143,8 +137,14 @@ type Story = StoryObj<typeof meta>;
143
137
  export declare const Default: Story;
144
138
  /** `minTime`/`maxTime` restrict the time list to office hours. */
145
139
  export declare const OfficeHours: Story;
140
+ /** `feedback` renders below both fields. */
141
+ export declare const WithFeedback: Story;
146
142
  /** The `Date`-valued `CwDateTimePicker`, for a JS `Date` boundary that cannot be avoided. */
147
143
  export declare const LegacyDate: Story;
144
+ /** `feedback` on the `Date`-valued `CwDateTimePicker`, below both fields. */
145
+ export declare const LegacyDateWithFeedback: Story;
148
146
  /** `CwDateTimePickerCompact`: one field for date and time, `Date`-valued. */
149
147
  export declare const Compact: Story;
148
+ /** `feedback` on `CwDateTimePickerCompact`, below the single field. */
149
+ export declare const CompactWithFeedback: Story;
150
150
  //# sourceMappingURL=CwDateTimePicker.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CwDateTimePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/new-dates/CwDateTimePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAON,KAAK,eAAe,EACpB,MAAM,uCAAuC,CAAC;AAI/C,OAAO,EAAE,wBAAwB,EAAE,KAAK,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAE1G,KAAK,IAAI,GAAG,6BAA6B,GAAG,eAAe,CAAC;AA0B5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCY,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,qFAAqF;AACrF,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,kEAAkE;AAClE,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,6FAA6F;AAC7F,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAC;AAaF,6EAA6E;AAC7E,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC"}
1
+ {"version":3,"file":"CwDateTimePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/new-dates/CwDateTimePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAMN,KAAK,eAAe,EACpB,MAAM,uCAAuC,CAAC;AAI/C,OAAO,EAAE,wBAAwB,EAAE,KAAK,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAE1G,KAAK,IAAI,GAAG,6BAA6B,GAAG,eAAe,CAAC;AAqB5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCY,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,qFAAqF;AACrF,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,kEAAkE;AAClE,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,6FAA6F;AAC7F,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAC;AAaF,6EAA6E;AAC7E,eAAO,MAAM,sBAAsB,EAAE,KAIpC,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,mBAAmB,EAAE,KAIjC,CAAC"}
@@ -1,10 +1,12 @@
1
1
  import React from "react";
2
2
  import { Matcher } from "react-day-picker";
3
3
  import { type DayPickerLocale } from "react-day-picker/locale";
4
+ import type { CwInputFeedback } from "../../../../common/interfaces/CwFormTypes";
4
5
  import { CwLabelProps } from "../../../display/text/label/CwLabel";
5
6
  import { CwAlignProps } from "../../../layout/align/CwAlign";
7
+ import type { CwDataAttributes } from "../../../../common/interfaces/CwDataAttributes";
6
8
  export type DateMatcher = Matcher;
7
- export interface CwDateTimePickerCompactProps {
9
+ export interface CwDateTimePickerCompactProps extends CwDataAttributes {
8
10
  /** Current selected datetime */
9
11
  value?: Date;
10
12
  /** Callback when datetime changes */
@@ -55,6 +57,10 @@ export interface CwDateTimePickerCompactProps {
55
57
  yearRangeStart?: number;
56
58
  /** Last year shown in the year dropdown. Defaults to `maxDateTime`'s year, or 5 years after today when not set. */
57
59
  yearRangeEnd?: number;
60
+ /** Feedback messages shown below the input; accepts a single message or an array for multiple
61
+ * @example feedback={{ type: "danger", message: "This field is required" }}
62
+ */
63
+ feedback?: CwInputFeedback | CwInputFeedback[];
58
64
  }
59
- export declare function CwDateTimePickerCompact({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, nowLabel, timeLabel, locale, yearRangeStart, yearRangeEnd, }: Readonly<CwDateTimePickerCompactProps>): React.JSX.Element;
65
+ export declare function CwDateTimePickerCompact({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, nowLabel, timeLabel, locale, yearRangeStart, yearRangeEnd, feedback, ...dataAttributes }: Readonly<CwDateTimePickerCompactProps>): React.JSX.Element;
60
66
  //# sourceMappingURL=CwDateTimePickerCompact.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CwDateTimePickerCompact.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/new-dates/CwDateTimePickerCompact.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EAAa,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,EAAW,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAW,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAOtE,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;AAElC,MAAM,WAAW,4BAA4B;IAC5C,gCAAgC;IAChC,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,qCAAqC;IACrC,QAAQ,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAG/C,kCAAkC;IAClC,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,kCAAkC;IAClC,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,yCAAyC;IACzC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,yDAAyD;IACzD,eAAe,CAAC,EAAE,WAAW,CAAC;IAG9B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACrC,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,gCAAgC;IAChC,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,YAAY,CAAC;IAG1B,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,cAAc,CAAC;IAE1E,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mHAAmH;IACnH,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,uBAAuB,CAAC,EACvC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,aAAa,EACb,eAAe,EACf,YAAiB,EACjB,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,EACV,WAAgC,EAChC,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAgB,EAChB,aAA6B,EAC7B,cAAkB,EAClB,eAAuB,EACvB,QAAgB,EAChB,SAAkB,EAClB,MAAgC,EAChC,cAAc,EACd,YAAY,GACZ,EAAE,QAAQ,CAAC,4BAA4B,CAAC,qBA8YxC"}
1
+ {"version":3,"file":"CwDateTimePickerCompact.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/new-dates/CwDateTimePickerCompact.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmE,MAAM,OAAO,CAAC;AACxF,OAAO,EAAa,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAEjF,OAAO,EAAW,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAW,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAMtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAEvF,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;AAElC,MAAM,WAAW,4BAA6B,SAAQ,gBAAgB;IACrE,gCAAgC;IAChC,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,qCAAqC;IACrC,QAAQ,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAG/C,kCAAkC;IAClC,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,kCAAkC;IAClC,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,yCAAyC;IACzC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,yDAAyD;IACzD,eAAe,CAAC,EAAE,WAAW,CAAC;IAG9B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACrC,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,gCAAgC;IAChC,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,YAAY,CAAC;IAG1B,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,cAAc,CAAC;IAE1E,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mHAAmH;IACnH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;CAC/C;AAED,wBAAgB,uBAAuB,CAAC,EACvC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,aAAa,EACb,eAAe,EACf,YAAiB,EACjB,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,EACV,WAAgC,EAChC,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAgB,EAChB,aAA6B,EAC7B,cAAkB,EAClB,eAAuB,EACvB,QAAgB,EAChB,SAAkB,EAClB,MAAgC,EAChC,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,GAAG,cAAc,EACjB,EAAE,QAAQ,CAAC,4BAA4B,CAAC,qBA+ZxC"}
@@ -1,8 +1,10 @@
1
1
  import { type DayPickerLocale } from "react-day-picker/locale";
2
+ import type { CwInputFeedback } from "../../../../common/interfaces/CwFormTypes";
2
3
  import { CwLabelProps } from "../../../display/text/label/CwLabel";
3
4
  import { CwAlignProps } from "../../../layout/align/CwAlign";
4
5
  import { DateMatcher } from "./CwDatePicker";
5
- export interface CwDateTimePickerTemporalProps {
6
+ import type { CwDataAttributes } from "../../../../common/interfaces/CwDataAttributes";
7
+ export interface CwDateTimePickerTemporalProps extends CwDataAttributes {
6
8
  /** Current selected datetime (local wall-clock, no timezone) */
7
9
  value?: Temporal.PlainDateTime;
8
10
  /** Callback when datetime changes */
@@ -47,6 +49,10 @@ export interface CwDateTimePickerTemporalProps {
47
49
  nowLabel?: string;
48
50
  /** Locale for date formatting and calendar strings (default: enGB) */
49
51
  locale?: DayPickerLocale;
52
+ /** Feedback messages shown below the inputs; accepts a single message or an array for multiple
53
+ * @example feedback={{ type: "danger", message: "This field is required" }}
54
+ */
55
+ feedback?: CwInputFeedback | CwInputFeedback[];
50
56
  }
51
- export declare function CwDateTimePickerTemporal({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, datePlaceholder, timePlaceholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showNowButton, nowLabel, locale, }: Readonly<CwDateTimePickerTemporalProps>): import("react").JSX.Element;
57
+ export declare function CwDateTimePickerTemporal({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, datePlaceholder, timePlaceholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showNowButton, nowLabel, locale, feedback, ...dataAttributes }: Readonly<CwDateTimePickerTemporalProps>): import("react").JSX.Element;
52
58
  //# sourceMappingURL=CwDateTimePickerTemporal.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CwDateTimePickerTemporal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/new-dates/CwDateTimePickerTemporal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAU,YAAY,EAAC,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAU,YAAY,EAAC,MAAM,+BAA+B,CAAC;AAEpE,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAK3C,MAAM,WAAW,6BAA6B;IAC7C,gEAAgE;IAChE,KAAK,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IAC/B,qCAAqC;IACrC,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC;IAGjE,kCAAkC;IAClC,WAAW,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACrC,kCAAkC;IAClC,WAAW,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACrC,yCAAyC;IACzC,aAAa,CAAC,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC;IACrC,yDAAyD;IACzD,eAAe,CAAC,EAAE,WAAW,CAAC;IAG9B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACrC,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,qDAAqD;IACrD,UAAU,CAAC,EAAE,YAAY,CAAC;IAG1B,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,cAAc,CAAC;IAG1E,2DAA2D;IAC3D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,MAAM,CAAC,EAAE,eAAe,CAAC;CACzB;AAED,wBAAgB,wBAAwB,CAAC,EACxC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,aAAa,EACb,eAAe,EACf,YAAiB,EACjB,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,EACV,eAA8B,EAC9B,eAAyB,EACzB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAgB,EAChB,aAA6B,EAC7B,cAAkB,EAClB,aAAqB,EACrB,QAAgB,EAChB,MAAgC,GAChC,EAAE,QAAQ,CAAC,6BAA6B,CAAC,+BA6DzC"}
1
+ {"version":3,"file":"CwDateTimePickerTemporal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/new-dates/CwDateTimePickerTemporal.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAU,YAAY,EAAC,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAU,YAAY,EAAC,MAAM,+BAA+B,CAAC;AAEpE,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAK3C,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gDAAgD,CAAC;AAErF,MAAM,WAAW,6BAA8B,SAAQ,gBAAgB;IACtE,gEAAgE;IAChE,KAAK,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IAC/B,qCAAqC;IACrC,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC;IAGjE,kCAAkC;IAClC,WAAW,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACrC,kCAAkC;IAClC,WAAW,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACrC,yCAAyC;IACzC,aAAa,CAAC,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC;IACrC,yDAAyD;IACzD,eAAe,CAAC,EAAE,WAAW,CAAC;IAG9B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACrC,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,qDAAqD;IACrD,UAAU,CAAC,EAAE,YAAY,CAAC;IAG1B,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,cAAc,CAAC;IAG1E,2DAA2D;IAC3D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;CAC/C;AAED,wBAAgB,wBAAwB,CAAC,EACxC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,aAAa,EACb,eAAe,EACf,YAAiB,EACjB,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,EACV,eAA8B,EAC9B,eAAyB,EACzB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAgB,EAChB,aAA6B,EAC7B,cAAkB,EAClB,aAAqB,EACrB,QAAgB,EAChB,MAAgC,EAChC,QAAQ,EACR,GAAG,cAAc,EACjB,EAAE,QAAQ,CAAC,6BAA6B,CAAC,+BA2EzC"}
@@ -1,7 +1,9 @@
1
1
  import React from "react";
2
+ import type { CwInputFeedback } from "../../../../common/interfaces/CwFormTypes";
3
+ import type { CwDataAttributes } from "../../../../common/interfaces/CwDataAttributes";
2
4
  import { CwLabelProps } from "../../../display/text/label/CwLabel";
3
5
  import { CwAlignProps } from "../../../layout/align/CwAlign";
4
- export interface CwTimePickerProps {
6
+ export interface CwTimePickerProps extends CwDataAttributes {
5
7
  /** Current selected time in format "HH:mm" (24h format) */
6
8
  value?: string;
7
9
  /** Callback when time changes - returns format "HH:mm" */
@@ -34,6 +36,10 @@ export interface CwTimePickerProps {
34
36
  * @default false on desktop, true on mobile
35
37
  */
36
38
  useNative?: boolean;
39
+ /** Feedback messages shown below the input; accepts a single message or an array for multiple
40
+ * @example feedback={{ type: "danger", message: "This field is required" }}
41
+ */
42
+ feedback?: CwInputFeedback | CwInputFeedback[];
37
43
  }
38
- export declare function CwTimePicker({ value, onChange, interval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, useNative, }: CwTimePickerProps): React.JSX.Element;
44
+ export declare function CwTimePicker({ value, onChange, interval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, useNative, feedback, ...dataAttributes }: CwTimePickerProps): React.JSX.Element;
39
45
  //# sourceMappingURL=CwTimePicker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CwTimePicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/new-dates/CwTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAU,YAAY,EAAC,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAU,YAAY,EAAC,MAAM,+BAA+B,CAAC;AAMpE,MAAM,WAAW,iBAAiB;IACjC,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAG7C,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACjC,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,gCAAgC;IAChC,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,YAAY,CAAC;IAG1B,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,GAAG,cAAc,GAAG,WAAW,CAAC;IAC1E;;;;OAIG;IAEH,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAQD,wBAAgB,YAAY,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,QAAa,EACb,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,EACV,WAAqB,EACrB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAgB,EAChB,aAA6B,EAC7B,SAA4B,GAC5B,EAAE,iBAAiB,qBAqRnB"}
1
+ {"version":3,"file":"CwTimePicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/new-dates/CwTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,2CAA2C,CAAC;AAC/E,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gDAAgD,CAAC;AAErF,OAAO,EAAU,YAAY,EAAC,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAU,YAAY,EAAC,MAAM,+BAA+B,CAAC;AAMpE,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IAC1D,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAG7C,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACjC,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,gCAAgC;IAChC,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,YAAY,CAAC;IAG1B,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,GAAG,cAAc,GAAG,WAAW,CAAC;IAC1E;;;;OAIG;IAEH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;CAC/C;AAQD,wBAAgB,YAAY,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,QAAa,EACb,OAAO,EACP,OAAO,EACP,UAAU,EACV,UAAU,EACV,WAAqB,EACrB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAgB,EAChB,aAA6B,EAC7B,SAA4B,EAC5B,QAAQ,EACR,GAAG,cAAc,EACjB,EAAE,iBAAiB,qBA2SnB"}
@@ -25,18 +25,6 @@ declare const meta: {
25
25
  control: "inline-radio";
26
26
  options: number[];
27
27
  };
28
- feedbackType: {
29
- table: {
30
- disable: true;
31
- };
32
- control: false;
33
- };
34
- feedbackMessage: {
35
- table: {
36
- disable: true;
37
- };
38
- control: false;
39
- };
40
28
  alignProps: {
41
29
  control: false;
42
30
  };
@@ -49,6 +37,8 @@ declare const meta: {
49
37
  direction: import("storybook/internal/csf").InputType;
50
38
  labelText: import("storybook/internal/csf").InputType;
51
39
  labelWidth: import("storybook/internal/csf").InputType;
40
+ feedbackType: import("storybook/internal/csf").InputType;
41
+ feedbackMessage: import("storybook/internal/csf").InputType;
52
42
  };
53
43
  parameters: {
54
44
  docs: {
@@ -60,6 +50,7 @@ declare const meta: {
60
50
  };
61
51
  };
62
52
  decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
53
+ [x: `data-${string}`]: string | number | boolean | undefined;
63
54
  value?: string | undefined;
64
55
  onChange: (time: string | undefined) => void;
65
56
  interval?: 5 | 10 | 15 | 30 | 60 | undefined;
@@ -74,12 +65,14 @@ declare const meta: {
74
65
  showClear?: boolean | undefined;
75
66
  popupPosition?: "left-bottom" | "left-top" | "right-bottom" | "right-top" | undefined;
76
67
  useNative?: boolean | undefined;
68
+ feedback?: (import("../../../../common/interfaces/CwFormTypes").CwInputFeedback | import("../../../../common/interfaces/CwFormTypes").CwInputFeedback[]) | undefined;
77
69
  direction: "row" | "column";
78
70
  labelText: string;
79
71
  labelWidth: typeof import("../../../../storybook/inputStoryArgs").LABEL_WIDTHS[number];
80
72
  feedbackType: "none" | "danger" | "success" | "neutral" | "warning" | "info";
81
73
  feedbackMessage: string;
82
74
  }>, { args }: import("storybook/internal/csf").StoryContext<import("@storybook/react").ReactRenderer, {
75
+ [x: `data-${string}`]: string | number | boolean | undefined;
83
76
  value?: string | undefined;
84
77
  onChange: (time: string | undefined) => void;
85
78
  interval?: 5 | 10 | 15 | 30 | 60 | undefined;
@@ -94,6 +87,7 @@ declare const meta: {
94
87
  showClear?: boolean | undefined;
95
88
  popupPosition?: "left-bottom" | "left-top" | "right-bottom" | "right-top" | undefined;
96
89
  useNative?: boolean | undefined;
90
+ feedback?: (import("../../../../common/interfaces/CwFormTypes").CwInputFeedback | import("../../../../common/interfaces/CwFormTypes").CwInputFeedback[]) | undefined;
97
91
  direction: "row" | "column";
98
92
  labelText: string;
99
93
  labelWidth: typeof import("../../../../storybook/inputStoryArgs").LABEL_WIDTHS[number];
@@ -106,6 +100,14 @@ export default meta;
106
100
  type Story = StoryObj<typeof meta>;
107
101
  /** A `HH:mm` string in and out; the list steps by `interval`. */
108
102
  export declare const Default: Story;
109
- /** `minTime`/`maxTime` bound the list. */
103
+ /** `minTime`/`maxTime` bound the list and a typed time outside them is rejected, so `feedback` states the range. */
110
104
  export declare const Bounded: Story;
105
+ /** `feedback` renders below the field, as on the date pickers. */
106
+ export declare const WithFeedback: Story;
107
+ /**
108
+ * Next to a `CwSelect` and a `CwInputText` with the same container `data-label-width`: a
109
+ * `cw-grid-base-3` row with labels beside the fields, then a `cw-flex-row` with labels above.
110
+ * Check that the three fields line up and that the clock and clear icons sit inside the input box.
111
+ */
112
+ export declare const InAFormRow: Story;
111
113
  //# sourceMappingURL=CwTimePicker.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CwTimePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/new-dates/CwTimePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAON,KAAK,eAAe,EACpB,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,KAAK,IAAI,GAAG,iBAAiB,GAAG,eAAe,CAAC;AAwBhD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BY,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,iEAAiE;AACjE,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,0CAA0C;AAC1C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
1
+ {"version":3,"file":"CwTimePicker.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/new-dates/CwTimePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAMN,KAAK,eAAe,EACpB,MAAM,uCAAuC,CAAC;AAK/C,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,KAAK,IAAI,GAAG,iBAAiB,GAAG,eAAe,CAAC;AAmBhD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BY,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,iEAAiE;AACjE,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,oHAAoH;AACpH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,kEAAkE;AAClE,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAsCF;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC"}
@@ -11,6 +11,16 @@
11
11
  export declare function resolveTwoDigitYear(twoDigitYear: number, currentYear?: number): number;
12
12
  export declare const parseDate: (dateString: string, formatStr: string) => Temporal.PlainDate | undefined;
13
13
  export declare const validate: (parsed: Temporal.PlainDate | undefined, minDate: Temporal.PlainDate | undefined, maxDate: Temporal.PlainDate | undefined) => boolean;
14
+ export type TypedDateChange = {
15
+ emit: true;
16
+ date: Temporal.PlainDate | undefined;
17
+ } | {
18
+ emit: false;
19
+ };
20
+ /** Same keystroke rule as the Date-valued pickers: shorter text (5.5.2000) only commits on blur. */
21
+ export declare const TYPED_DATE_MIN_LENGTH = 10;
22
+ /** What a keystroke in the date input emits: a valid in-range date, a clear on empty text, or nothing while typing. */
23
+ export declare function resolveTypedDate(text: string, displayFormat: string, minDate: Temporal.PlainDate | undefined, maxDate: Temporal.PlainDate | undefined): TypedDateChange;
14
24
  /** Temporal.PlainDate -> JS Date (for DayPicker interop) */
15
25
  export declare function plainDateToJsDate(pd: Temporal.PlainDate): Date;
16
26
  /** JS Date -> Temporal.PlainDate */
@@ -1 +1 @@
1
- {"version":3,"file":"datePickerHelpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/new-dates/datePickerHelpers.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAUtF;AAED,eAAO,MAAM,SAAS,GAAI,YAAY,MAAM,EAAE,WAAW,MAAM,KAAG,QAAQ,CAAC,SAAS,GAAG,SA8CtF,CAAC;AAEF,eAAO,MAAM,QAAQ,GACpB,QAAQ,QAAQ,CAAC,SAAS,GAAG,SAAS,EACtC,SAAS,QAAQ,CAAC,SAAS,GAAG,SAAS,EACvC,SAAS,QAAQ,CAAC,SAAS,GAAG,SAAS,KACrC,OAKF,CAAC;AAEF,4DAA4D;AAC5D,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAE9D;AAED,oCAAoC;AACpC,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC,SAAS,CAM7D;AAED,4EAA4E;AAC5E,wBAAgB,eAAe,CAAC,EAAE,EAAE,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAM3E"}
1
+ {"version":3,"file":"datePickerHelpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/new-dates/datePickerHelpers.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAUtF;AAED,eAAO,MAAM,SAAS,GAAI,YAAY,MAAM,EAAE,WAAW,MAAM,KAAG,QAAQ,CAAC,SAAS,GAAG,SA2CtF,CAAC;AAEF,eAAO,MAAM,QAAQ,GACpB,QAAQ,QAAQ,CAAC,SAAS,GAAG,SAAS,EACtC,SAAS,QAAQ,CAAC,SAAS,GAAG,SAAS,EACvC,SAAS,QAAQ,CAAC,SAAS,GAAG,SAAS,KACrC,OAKF,CAAC;AAEF,MAAM,MAAM,eAAe,GACxB;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAA;CAAE,GACpD;IAAE,IAAI,EAAE,KAAK,CAAA;CAAE,CAAC;AAEnB,oGAAoG;AACpG,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,uHAAuH;AACvH,wBAAgB,gBAAgB,CAC/B,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,QAAQ,CAAC,SAAS,GAAG,SAAS,EACvC,OAAO,EAAE,QAAQ,CAAC,SAAS,GAAG,SAAS,GACrC,eAAe,CAKjB;AAED,4DAA4D;AAC5D,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAE9D;AAED,oCAAoC;AACpC,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC,SAAS,CAM7D;AAED,4EAA4E;AAC5E,wBAAgB,eAAe,CAAC,EAAE,EAAE,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAM3E"}
@@ -1,8 +1,9 @@
1
1
  import { type FC } from "react";
2
+ import type { CwDataAttributes } from "../../../../common/interfaces/CwDataAttributes";
2
3
  import type { CwInputFeedback } from "../../../../common/interfaces/CwFormTypes";
3
4
  import type { CwLayoutProps } from "../../../../common/interfaces/CwLayoutProps";
4
5
  import { type CwLabelProps } from "../../../../components/display/text/label/CwLabel";
5
- export interface CwWeekdaySelectorProps {
6
+ export interface CwWeekdaySelectorProps extends CwDataAttributes {
6
7
  value?: string;
7
8
  onChange?: (value: string) => void;
8
9
  disabled?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"CwWeekdaySelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/weekday/CwWeekdaySelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,mDAAmD,CAAC;AAK/F,MAAM,WAAW,sBAAsB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;0DACsD;IACtD,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;+BAC2B;IAC3B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IAC/C;wFACoF;IACpF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAoExD,CAAC"}
1
+ {"version":3,"file":"CwWeekdaySelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/weekday/CwWeekdaySelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AACvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,mDAAmD,CAAC;AAK/F,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;0DACsD;IACtD,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;+BAC2B;IAC3B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IAC/C;wFACoF;IACpF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAsExD,CAAC"}
@@ -82,6 +82,7 @@ declare const meta: {
82
82
  };
83
83
  };
84
84
  decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
85
+ [x: `data-${string}`]: string | number | boolean | undefined;
85
86
  days: (typeof DAY_NAMES)[number][];
86
87
  label: string;
87
88
  feedbackType: "none" | "danger" | "warning" | "success" | "info" | "neutral";
@@ -105,4 +106,6 @@ type Story = StoryObj<typeof meta>;
105
106
  /** Seven toggles. The line below shows the selection and the `MTWRFSU` mask the consumer receives; `locale` changes the letters. */
106
107
  export declare const Default: Story;
107
108
  export declare const WithFeedback: Story;
109
+ /** In a form next to CwInputText and CwSelect: in row layout the day strip starts where their inputs start. */
110
+ export declare const InAForm: Story;
108
111
  //# sourceMappingURL=CwWeekdaySelector.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CwWeekdaySelector.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/weekday/CwWeekdaySelector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAKN,KAAK,eAAe,EACpB,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAGrF,QAAA,MAAM,SAAS,4DAA6D,CAAC;AAE7E,UAAU,IAAK,SAAQ,IAAI,CAAC,sBAAsB,EAAE,OAAO,CAAC,EAAE,eAAe;IAC5E,mGAAmG;IACnG,IAAI,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC;IACnC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,YAAY,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAC7E,mCAAmC;IACnC,eAAe,EAAE,MAAM,CAAC;CACxB;AAsCD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA7CH,CAAC,OAAO,SAAS,EAAE,MAAM,CAAC,EAAE;eAE3B,MAAM;sBAEC,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS;yBAE3D,MAAM;;;;;;;;;;;;;;CAwEF,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,oIAAoI;AACpI,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC"}
1
+ {"version":3,"file":"CwWeekdaySelector.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/weekday/CwWeekdaySelector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAKN,KAAK,eAAe,EACpB,MAAM,uCAAuC,CAAC;AAK/C,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAGrF,QAAA,MAAM,SAAS,4DAA6D,CAAC;AAE7E,UAAU,IAAK,SAAQ,IAAI,CAAC,sBAAsB,EAAE,OAAO,CAAC,EAAE,eAAe;IAC5E,mGAAmG;IACnG,IAAI,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC;IACnC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,YAAY,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAC7E,mCAAmC;IACnC,eAAe,EAAE,MAAM,CAAC;CACxB;AAsCD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA7CH,CAAC,OAAO,SAAS,EAAE,MAAM,CAAC,EAAE;eAE3B,MAAM;sBAEC,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS;yBAE3D,MAAM;;;;;;;;;;;;;;CAwEF,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,oIAAoI;AACpI,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,+GAA+G;AAC/G,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC"}
@@ -1,5 +1,6 @@
1
1
  import React from "react";
2
2
  import type { OnEvent } from "../../../../common/functions/dsl/UiEventDSL";
3
+ import type { CwDataAttributes } from "../../../../common/interfaces/CwDataAttributes";
3
4
  import type { MenuOption } from "../../../control/action/contextmenu/CwAnchoredMenu";
4
5
  import { SchedulerHeaderContent } from "./components/header/SchedulerHeaderState";
5
6
  import { BackgroundEventDm } from "./components/row/BackgroundEvent";
@@ -8,7 +9,7 @@ import { SchedulerEventDm, SchedulerEventState } from "./components/row/Event";
8
9
  import { type IndicatorRowDm } from "./components/row/IndicatorRow";
9
10
  import type { SchedulerState } from "./state/ui/SchedulerState";
10
11
  export type OrderCategory<T> = keyof T & string;
11
- interface SchedulerProps<T extends RowHeaderDm, P extends SchedulerEventDm> {
12
+ interface SchedulerProps<T extends RowHeaderDm, P extends SchedulerEventDm> extends CwDataAttributes {
12
13
  id: string;
13
14
  state: SchedulerState;
14
15
  header: SchedulerHeaderContent;
@@ -1 +1 @@
1
- {"version":3,"file":"NewScheduler.d.ts","sourceRoot":"","sources":["../../../../../../src/components/custom/scheduler-new/presentation/NewScheduler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAE/E,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,6CAA6C,CAAC;AACzE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,oDAAoD,CAAC;AAGnF,OAAO,EAAC,sBAAsB,EAAuB,MAAM,0CAA0C,CAAC;AACtG,OAAO,EAAkB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAC,WAAW,EAAE,cAAc,EAAC,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAC,gBAAgB,EAAE,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAuB,KAAK,cAAc,EAAC,MAAM,+BAA+B,CAAC;AASxF,OAAO,KAAK,EAAY,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAGzE,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC;AAEhD,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,gBAAgB;IACzE,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,gBAAgB,EAAE,iBAAiB,EAAE,CAAC;IACtC,aAAa,CAAC,EAAE,cAAc,EAAE,CAAC;IACjC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,gBAAgB,EAAE,UAAU,EAAE,CAAC;IAC/B,eAAe,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAClF,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qFAAqF;IACrF,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAwKD,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,gBAAgB,EAAE,OAAO,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,sBAqNvG,CAAC"}
1
+ {"version":3,"file":"NewScheduler.d.ts","sourceRoot":"","sources":["../../../../../../src/components/custom/scheduler-new/presentation/NewScheduler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAE/E,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,6CAA6C,CAAC;AACzE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gDAAgD,CAAC;AACrF,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,oDAAoD,CAAC;AAGnF,OAAO,EAAC,sBAAsB,EAAuB,MAAM,0CAA0C,CAAC;AACtG,OAAO,EAAkB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAC,WAAW,EAAE,cAAc,EAAC,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAC,gBAAgB,EAAE,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAuB,KAAK,cAAc,EAAC,MAAM,+BAA+B,CAAC;AASxF,OAAO,KAAK,EAAY,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAGzE,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC;AAEhD,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,gBAAgB,CAAE,SAAQ,gBAAgB;IACnG,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,EAAE,sBAAsB,CAAC;IAC/B,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,gBAAgB,EAAE,iBAAiB,EAAE,CAAC;IACtC,aAAa,CAAC,EAAE,cAAc,EAAE,CAAC;IACjC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,gBAAgB,EAAE,UAAU,EAAE,CAAC;IAC/B,eAAe,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAClF,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qFAAqF;IACrF,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAwKD,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,gBAAgB,EAAE,OAAO,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,sBAyNvG,CAAC"}
@@ -4,13 +4,15 @@ interface SchedulerDemoProps {
4
4
  rowHeaderWidth: number | string;
5
5
  maxEventHeightRem?: number;
6
6
  groupRowColors: boolean;
7
+ /** Colour bars shown instead of the event name; each event takes 2 to 4 of them. */
8
+ rectangleColors?: string[];
7
9
  }
8
10
  /**
9
11
  * Smoke story: the library's own fake presenter feeds rows, random events and one background
10
12
  * event, so the scheduler renders without a backend. Right-click and drag call into the
11
13
  * presenter's demo handlers.
12
14
  */
13
- declare function SchedulerDemo({ rowHeightRem, rowHeaderWidth, maxEventHeightRem, groupRowColors }: SchedulerDemoProps): import("react").JSX.Element;
15
+ declare function SchedulerDemo({ rowHeightRem, rowHeaderWidth, maxEventHeightRem, groupRowColors, rectangleColors }: SchedulerDemoProps): import("react").JSX.Element;
14
16
  declare const meta: {
15
17
  title: string;
16
18
  component: typeof SchedulerDemo;
@@ -38,4 +40,6 @@ export default meta;
38
40
  type Story = StoryObj<typeof meta>;
39
41
  /** Header with the day divisions, one lane per resource, events sized from their dates. Only the demo knobs are exposed; the full `Scheduler` API is typed in the source. */
40
42
  export declare const Default: Story;
43
+ /** Events with `rectangleColors` render one equal-width colour bar per entry instead of their name. */
44
+ export declare const RectangleColors: Story;
41
45
  //# sourceMappingURL=Scheduler.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Scheduler.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/custom/scheduler-new/presentation/Scheduler.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,UAAU,kBAAkB;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,iBAAS,aAAa,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,cAAc,EAAE,EAAE,kBAAkB,+BAqB7G;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;CAa0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,6KAA6K;AAC7K,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
1
+ {"version":3,"file":"Scheduler.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/custom/scheduler-new/presentation/Scheduler.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,UAAU,kBAAkB;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,OAAO,CAAC;IACxB,oFAAoF;IACpF,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED;;;;GAIG;AACH,iBAAS,aAAa,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,cAAc,EAAE,eAAe,EAAE,EAAE,kBAAkB,+BAwB9H;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;CAa0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,6KAA6K;AAC7K,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,uGAAuG;AACvG,eAAO,MAAM,eAAe,EAAE,KAI7B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Event.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/row/Event.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mDAAmD,CAAC;AAEjF,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0DAA0D,CAAC;AAe3G,MAAM,WAAW,gBAAgB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sGAAsG;IACtG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6FAA6F;IAC7F,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,gBAAgB;IAC9D,KAAK,EAAE,CAAC,CAAC;IACT,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAID,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CA0NpE,CAAC;AAEF,eAAO,MAAM,QAAQ,mCA8BpB,CAAC"}
1
+ {"version":3,"file":"Event.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/row/Event.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mDAAmD,CAAC;AAEjF,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,0DAA0D,CAAC;AAe3G,MAAM,WAAW,gBAAgB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,IAAI,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sGAAsG;IACtG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6FAA6F;IAC7F,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,gBAAgB;IAC9D,KAAK,EAAE,CAAC,CAAC;IACT,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAID,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CA2MpE,CAAC;AAEF,eAAO,MAAM,QAAQ,mCA8BpB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"DivisionLine.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/timeline/DivisionLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,UAAU,KAAK;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CAMlC,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAMpB,CAAC"}
1
+ {"version":3,"file":"DivisionLine.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/timeline/DivisionLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,UAAU,KAAK;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CAalC,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAMpB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TimeLine.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/timeline/TimeLine.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAWnD,UAAU,KAAK;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,KAAK,CAmD9B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAMpB,CAAC"}
1
+ {"version":3,"file":"TimeLine.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/timeline/TimeLine.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAWnD,UAAU,KAAK;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,KAAK,CAoD9B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAMpB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"WeekEndLine.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/timeline/WeekEndLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,UAAU,KAAK;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CAIjC,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAMpB,CAAC"}
1
+ {"version":3,"file":"WeekEndLine.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/custom/scheduler-new/presentation/components/timeline/WeekEndLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,UAAU,KAAK;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CAajC,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAMpB,CAAC"}
@@ -1,3 +1,3 @@
1
1
  import { SchedulerEventDm } from "../components/row/Event";
2
- export declare const separateEventsToInnerRows: <P extends SchedulerEventDm>(events: P[]) => P[][];
2
+ export declare const separateEventsToInnerRows: <P extends SchedulerEventDm>(events: readonly P[]) => readonly (readonly P[])[];
3
3
  //# sourceMappingURL=separateEventsToInnerRows.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"separateEventsToInnerRows.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/custom/scheduler-new/presentation/logic/separateEventsToInnerRows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAU3D,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,gBAAgB,EAAE,QAAQ,CAAC,EAAE,KAAG,CAAC,EAAE,EA0BtF,CAAC"}
1
+ {"version":3,"file":"separateEventsToInnerRows.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/custom/scheduler-new/presentation/logic/separateEventsToInnerRows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AA2C3D,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,gBAAgB,EAAE,QAAQ,SAAS,CAAC,EAAE,KAAG,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC,EAQnH,CAAC"}
@@ -55,5 +55,7 @@ export declare const Selectable: Story;
55
55
  export declare const Expandable: Story;
56
56
  /** `stickyHeader` with `scrollHeight` keeps the header in view while the body scrolls. */
57
57
  export declare const StickyHeader: Story;
58
+ /** `loading` swaps the rows for `skeletonRows` ghost rows; the header and the column widths stay put. */
59
+ export declare const Loading: Story;
58
60
  export declare const Empty: Story;
59
61
  //# sourceMappingURL=CwTable.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CwTable.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/data/table/CwTable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAA8B,KAAK,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAI/F,OAAO,EAAW,KAAK,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAuCpE,QAAA,MAAM,IAAI;;eAGa,CAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBnC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,0HAA0H;AAC1H,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,gGAAgG;AAChG,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAkBF,0IAA0I;AAC1I,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,mGAAmG;AACnG,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAC;AAEF,qFAAqF;AACrF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,0FAA0F;AAC1F,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC"}
1
+ {"version":3,"file":"CwTable.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/data/table/CwTable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAA8B,KAAK,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAI/F,OAAO,EAAW,KAAK,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAuCpE,QAAA,MAAM,IAAI;;eAGa,CAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBnC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,0HAA0H;AAC1H,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,gGAAgG;AAChG,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAkBF,0IAA0I;AAC1I,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,mGAAmG;AACnG,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAC;AAEF,qFAAqF;AACrF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,0FAA0F;AAC1F,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,yGAAyG;AACzG,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC"}
@@ -1,27 +1,32 @@
1
1
  import React from 'react';
2
- type ProgressColor = 'primary' | 'success' | 'warning' | 'danger' | 'info';
2
+ import type { CwDataAttributes } from '../../../../common/interfaces/CwDataAttributes';
3
+ export type CwProgressColor = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
3
4
  type ProgressSize = 'small' | 'regular' | 'large';
4
- export interface CwProgressProps {
5
+ export interface CwProgressProps extends CwDataAttributes {
5
6
  /** Progress percentage, 0-100 (clamped). Ignored when indeterminate. */
6
7
  value?: number;
7
8
  /** Sweeping animation for unmeasurable progress. Respects prefers-reduced-motion (static partial fill). */
8
9
  indeterminate?: boolean;
9
10
  /** Label beside (row layout) or above (column layout) the bar. */
10
11
  label?: string;
11
- /** Right-side value label. Defaults to the rounded percent when value is set and not indeterminate. */
12
- rightLabel?: string;
13
- /** Bar size. Default 'regular'. */
12
+ /** Right-side value label, text or markup. Defaults to the rounded percent when value is set and not indeterminate. */
13
+ rightLabel?: React.ReactNode;
14
+ /** Small caption below the bar, under the track in both layouts. */
15
+ footer?: React.ReactNode;
16
+ /** Bar size; 'small' also shrinks the label and value text. Default 'regular'. */
14
17
  size?: ProgressSize;
15
18
  /** Label placement relative to the bar. Default 'row'. */
16
19
  layout?: 'row' | 'column';
17
- /** Semantic color. Default 'primary'. */
18
- color?: ProgressColor;
20
+ /** Semantic color; 'neutral' is an inert grey for "no data yet". Default 'primary'. */
21
+ color?: CwProgressColor;
19
22
  /** Tabular figures for the value label so digits do not jump while counting. */
20
23
  monoValue?: boolean;
21
24
  /** Larger, bolder value label. */
22
25
  prominent?: boolean;
23
26
  /** Extra classes on the outermost element, e.g. a layout utility like `cw-flex-grow`. */
24
27
  className?: string;
28
+ /** Inline styles on the outermost element, e.g. `{ "--progress-color": ... }` for a one-off color. */
29
+ style?: React.CSSProperties;
25
30
  }
26
31
  /**
27
32
  * CwProgress - a determinate or indeterminate progress bar.
@@ -33,6 +38,6 @@ export interface CwProgressProps {
33
38
  * <CwProgress value={62} label="Import" color="success" />
34
39
  * <CwProgress indeterminate label="Uploading" />
35
40
  */
36
- export declare function CwProgress({ value, indeterminate, label, rightLabel, size, layout, color, monoValue, prominent, className }: CwProgressProps): React.JSX.Element;
41
+ export declare function CwProgress({ value, indeterminate, label, rightLabel, footer, size, layout, color, monoValue, prominent, className, style, ...dataAttributes }: CwProgressProps): React.JSX.Element;
37
42
  export {};
38
43
  //# sourceMappingURL=CwProgress.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CwProgress.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/graphics/progress/CwProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAG3E,KAAK,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAGlD,MAAM,WAAW,eAAe;IAC/B,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2GAA2G;IAC3G,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uGAAuG;IACvG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,yCAAyC;IACzC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,gFAAgF;IAChF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EAC1B,KAAK,EACL,aAAqB,EACrB,KAAK,EACL,UAAU,EACV,IAAgB,EAChB,MAAc,EACd,KAAiB,EACjB,SAAiB,EACjB,SAAiB,EACjB,SAAS,EACT,EAAE,eAAe,qBA2DjB"}
1
+ {"version":3,"file":"CwProgress.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/graphics/progress/CwProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAGvF,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAGhG,KAAK,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAGlD,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACxD,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2GAA2G;IAC3G,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uHAAuH;IACvH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,oEAAoE;IACpE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kFAAkF;IAClF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,uFAAuF;IACvF,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,gFAAgF;IAChF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sGAAsG;IACtG,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EAC1B,KAAK,EACL,aAAqB,EACrB,KAAK,EACL,UAAU,EACV,MAAM,EACN,IAAgB,EAChB,MAAc,EACd,KAAiB,EACjB,SAAiB,EACjB,SAAiB,EACjB,SAAS,EACT,KAAK,EACL,GAAG,cAAc,EACjB,EAAE,eAAe,qBA8DjB"}
@@ -24,7 +24,7 @@ declare const meta: {
24
24
  };
25
25
  size: {
26
26
  control: "inline-radio";
27
- options: string[];
27
+ options: readonly ["small", "regular", "large"];
28
28
  };
29
29
  layout: {
30
30
  control: "inline-radio";
@@ -32,20 +32,23 @@ declare const meta: {
32
32
  };
33
33
  color: {
34
34
  control: "inline-radio";
35
- options: readonly ["primary", "success", "warning", "danger", "info"];
35
+ options: readonly ["primary", "success", "warning", "danger", "info", "neutral"];
36
36
  };
37
37
  };
38
38
  decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
39
+ [x: `data-${string}`]: string | number | boolean | undefined;
39
40
  value?: number | undefined;
40
41
  indeterminate?: boolean | undefined;
41
42
  label?: string | undefined;
42
- rightLabel?: string | undefined;
43
+ rightLabel?: import("react").ReactNode;
44
+ footer?: import("react").ReactNode;
43
45
  size?: ("small" | "large" | "regular") | undefined;
44
46
  layout?: "row" | "column" | undefined;
45
- color?: ("primary" | "danger" | "success" | "warning" | "info") | undefined;
47
+ color?: import("./CwProgress").CwProgressColor | undefined;
46
48
  monoValue?: boolean | undefined;
47
49
  prominent?: boolean | undefined;
48
50
  className?: string | undefined;
51
+ style?: React.CSSProperties | undefined;
49
52
  }>) => import("react").JSX.Element)[];
50
53
  };
51
54
  export default meta;
@@ -56,6 +59,19 @@ export declare const Default: Story;
56
59
  export declare const Indeterminate: Story;
57
60
  /** `rightLabel` replaces the percent; `monoValue` keeps digits from jumping; `prominent` enlarges the value. */
58
61
  export declare const ValueLabels: Story;
59
- /** Every color at the selected value. */
62
+ /** `style` overrides the internal `--progress-color` for a one-off color, without a CSS module. */
63
+ export declare const CustomColor: Story;
64
+ /** Every color at the selected value. `neutral` is the inert grey for "no data yet": bar and value both. */
60
65
  export declare const Colors: Story;
66
+ /** Bar thickness per size; `small` also sets the label and value text to the small font size, for dense UIs. */
67
+ export declare const Sizes: Story;
68
+ /**
69
+ * The container's `data-label-width` and `data-value-width` give every label and right label the same
70
+ * width, so stacked tracks start and end at the same x even though the right labels differ in length.
71
+ */
72
+ export declare const AlignedValues: Story;
73
+ /** `footer` is a small neutral caption under the track, in row and column layout. */
74
+ export declare const WithFooter: Story;
75
+ /** `rightLabel` takes markup, so only part of it carries the bar color. */
76
+ export declare const RichRightLabel: Story;
61
77
  //# sourceMappingURL=CwProgress.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CwProgress.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/graphics/progress/CwProgress.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,iGAAiG;AACjG,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,wGAAwG;AACxG,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,gHAAgH;AAChH,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,yCAAyC;AACzC,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC"}
1
+ {"version":3,"file":"CwProgress.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/graphics/progress/CwProgress.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,iGAAiG;AACjG,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,wGAAwG;AACxG,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,gHAAgH;AAChH,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,mGAAmG;AACnG,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,4GAA4G;AAC5G,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF,gHAAgH;AAChH,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AASF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC;AAEF,qFAAqF;AACrF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,cAAc,EAAE,KAY5B,CAAC"}