ar-design 0.4.57 → 0.4.59

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 (3) hide show
  1. package/dist/assets/css/components/charts/gantt/styles.css +3 -2
  2. package/dist/components/charts/gantt/index.js +6 -5
  3. package/package.json +1 -1
package/dist/assets/css/components/charts/gantt/styles.css CHANGED
@@ -1,10 +1,10 @@
1
1
  .ar-gantt-chart {
2
+ border-radius: var(--border-radius-lg);
2
3
  box-shadow: 0px 10px 15px -5px rgba(var(--black-rgb), 0.1);
4
+ overflow: hidden;
3
5
 
4
6
  .ar-gantt-chart-svg {
5
7
  background-color: var(--white);
6
- border-top-left-radius: var(--border-radius-lg);
7
- border-top-right-radius: var(--border-radius-lg);
8
8
  font-family: var(--system);
9
9
 
10
10
  > .header {
@@ -54,6 +54,7 @@
54
54
  display: flex;
55
55
  flex-direction: row;
56
56
  flex-wrap: wrap;
57
+ align-items: center;
57
58
  justify-content: space-between;
58
59
  background-color: var(--white);
59
60
  padding: 1rem 1.5rem;
package/dist/components/charts/gantt/index.js CHANGED
@@ -187,7 +187,7 @@ const Gantt = ({ title, description, data, pagination, config = { isSearchable:
187
187
  PREVMATCHMONT = currentMonthNum;
188
188
  PREVMATCHDAY = currentDayNum;
189
189
  return (React.createElement("g", { key: index },
190
- React.createElement("line", { x1: xPos, y1: -ROW_HEIGHT * 2, x2: xPos, y2: 0, opacity: 0.25, stroke: "var(--black)", strokeWidth: STROKE_WIDTH }),
190
+ React.createElement("line", { x1: xPos, y1: -ROW_HEIGHT * 2, x2: xPos, y2: 0, opacity: 0.15, stroke: "var(--black)", strokeWidth: STROKE_WIDTH }),
191
191
  React.createElement("text", { x: xPos - (dayDiff * DAY_WIDTH) / 2, y: -ROW_HEIGHT * 2 + ROW_HEIGHT / 2, fill: "var(--black)", fontSize: "12", textAnchor: "middle", dominantBaseline: "central" }, day.date.toLocaleDateString("tr-TR", { month: "long" }))));
192
192
  }),
193
193
  TIMELINE.days.map((day, index) => {
@@ -200,8 +200,8 @@ const Gantt = ({ title, description, data, pagination, config = { isSearchable:
200
200
  day.isWeekend && (React.createElement("rect", { x: xPos - DAY_WIDTH, y: 0, width: DAY_WIDTH, height: SVG_HEIGHT, fill: "url(#weekend-stripes)" })),
201
201
  React.createElement("line", { x1: xPos, y1: 0, x2: xPos, y2: SVG_HEIGHT, opacity: 0.25, stroke: "var(--black)", strokeWidth: STROKE_WIDTH, strokeDasharray: "5,5" })));
202
202
  }),
203
- React.createElement("line", { x1: 0, y1: -ROW_HEIGHT, x2: TIMELINE.days.length * DAY_WIDTH, y2: -ROW_HEIGHT, opacity: 0.25, stroke: "var(--black)", strokeWidth: 1 }),
204
- React.createElement("line", { x1: 0, y1: 0, x2: TIMELINE.days.length * DAY_WIDTH, y2: 0, opacity: 0.25, stroke: "var(--black)", strokeWidth: 1 })),
203
+ React.createElement("line", { x1: 0, y1: -ROW_HEIGHT, x2: TIMELINE.days.length * DAY_WIDTH, y2: -ROW_HEIGHT, opacity: 0.15, stroke: "var(--black)", strokeWidth: STROKE_WIDTH }),
204
+ React.createElement("line", { x1: 0, y1: 0, x2: TIMELINE.days.length * DAY_WIDTH, y2: 0, opacity: 0.15, stroke: "var(--black)", strokeWidth: STROKE_WIDTH })),
205
205
  React.createElement("g", { transform: `translate(0, 0)` }, getData.map((task, index) => {
206
206
  const taskStart = new Date(task.start);
207
207
  const taskEnd = new Date(task.end);
@@ -224,7 +224,8 @@ const Gantt = ({ title, description, data, pagination, config = { isSearchable:
224
224
  })),
225
225
  React.createElement("rect", { ref: _mapIsMoveField, x: 0, y: -ROW_HEIGHT, width: TIMELINE.days.length * DAY_WIDTH, height: SVG_HEIGHT, fill: "transparent", pointerEvents: "all" })),
226
226
  React.createElement("g", { className: "left-axis" },
227
- React.createElement("rect", { x: 0, y: -ROW_HEIGHT * 2 + 0.5, width: LABEL_WIDTH, height: SVG_HEIGHT, fill: "var(--gray-100)" }),
227
+ React.createElement("rect", { x: 0, y: -ROW_HEIGHT * 2 + 0.5, width: LABEL_WIDTH, height: SVG_HEIGHT, fill: "var(--white)" }),
228
+ React.createElement("line", { x1: LABEL_WIDTH, y1: -ROW_HEIGHT * 2, x2: LABEL_WIDTH, y2: SVG_HEIGHT, opacity: 0.25, stroke: "var(--black)", strokeWidth: 1 }),
228
229
  React.createElement("g", { className: "label-list" }, getData.map((item, index) => {
229
230
  const y = index * ROW_HEIGHT;
230
231
  const textContent = item.name;
@@ -233,7 +234,7 @@ const Gantt = ({ title, description, data, pagination, config = { isSearchable:
233
234
  React.createElement("text", { x: "10", y: y + ROW_HEIGHT / 2, className: "label-text" }, textContent.length * 7 > maxTextWidth
234
235
  ? `${textContent.substring(0, Math.floor(maxTextWidth / 7) - 3)}...`
235
236
  : textContent),
236
- React.createElement("line", { x1: "0", y1: y + ROW_HEIGHT, x2: LABEL_WIDTH, y2: y + ROW_HEIGHT, stroke: "var(--black)", strokeWidth: "0.5", opacity: 0.25 }),
237
+ React.createElement("line", { x1: 0, y1: y + ROW_HEIGHT, x2: LABEL_WIDTH, y2: y + ROW_HEIGHT, opacity: 0.15, stroke: "var(--black)", strokeWidth: "0.5" }),
237
238
  React.createElement("line", { x1: LABEL_WIDTH, y1: y + ROW_HEIGHT, x2: LABEL_WIDTH + TIMELINE.days.length * DAY_WIDTH, y2: y + ROW_HEIGHT, opacity: 0.25, stroke: "var(--black)", strokeWidth: STROKE_WIDTH, strokeDasharray: "5,5" })));
238
239
  }))))),
239
240
  React.createElement("div", { className: "footer" },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ar-design",
3
- "version": "0.4.57",
3
+ "version": "0.4.59",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",