@publishfx/publish-components 2.1.1 → 2.1.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 (4) hide show
  1. package/dist/TimePickerSelect/index.js +9 -24
  2. package/dist/TimePickerSelect/index.module.js +4 -7
  3. package/dist/TimePickerSelect/index_module.css +31 -31
  4. package/package.json +1 -1
package/dist/TimePickerSelect/index.js CHANGED
@@ -107,9 +107,10 @@ const TimePickerSelect = (props)=>{
107
107
  },
108
108
  children: options.map((option)=>{
109
109
  const isSelected = currentValue.includes(option.value);
110
- return /*#__PURE__*/ jsxs("div", {
111
- className: `${index_module.optionItem} ${isSelected ? index_module.optionItemSelected : ""} ${option.disabled ? index_module.optionItemDisabled : ""}`,
112
- onClick: ()=>{
110
+ return /*#__PURE__*/ jsx(Checkbox, {
111
+ checked: isSelected,
112
+ disabled: option.disabled,
113
+ onChange: ()=>{
113
114
  if (option.disabled) return;
114
115
  const newValue = isSelected ? currentValue.filter((v)=>v !== option.value) : [
115
116
  ...currentValue,
@@ -117,27 +118,11 @@ const TimePickerSelect = (props)=>{
117
118
  ];
118
119
  handleChange(newValue);
119
120
  },
120
- children: [
121
- /*#__PURE__*/ jsx("div", {
122
- className: `${index_module.checkbox} ${isSelected ? index_module.checkboxChecked : ""}`,
123
- children: isSelected && /*#__PURE__*/ jsx("svg", {
124
- viewBox: "0 0 14 14",
125
- fill: "none",
126
- className: index_module.checkIcon,
127
- children: /*#__PURE__*/ jsx("path", {
128
- d: "M2.5 7L5.5 10L11.5 4",
129
- stroke: "currentColor",
130
- strokeWidth: "2",
131
- strokeLinecap: "round",
132
- strokeLinejoin: "round"
133
- })
134
- })
135
- }),
136
- /*#__PURE__*/ jsx("span", {
137
- className: index_module.optionLabel,
138
- children: option.label
139
- })
140
- ]
121
+ className: `${index_module.optionCheckbox} ${isSelected ? index_module.optionCheckboxSelected : ""} ${option.disabled ? index_module.optionCheckboxDisabled : ""}`,
122
+ children: /*#__PURE__*/ jsx("span", {
123
+ className: index_module.optionLabel,
124
+ children: option.label
125
+ })
141
126
  }, option.value);
142
127
  })
143
128
  })
package/dist/TimePickerSelect/index.module.js CHANGED
@@ -12,12 +12,9 @@ const index_module = {
12
12
  selectAllText: "selectAllText-XhWUCP",
13
13
  clearBtn: "clearBtn-aUkoKx",
14
14
  optionsGrid: "optionsGrid-aFw9nI",
15
- optionItem: "optionItem-hSQko7",
16
- optionItemSelected: "optionItemSelected-gxv5lv",
17
- optionLabel: "optionLabel-KSY4BV",
18
- optionItemDisabled: "optionItemDisabled-fYreur",
19
- checkbox: "checkbox-_flWUW",
20
- checkboxChecked: "checkboxChecked-uaxISg",
21
- checkIcon: "checkIcon-y7k1OL"
15
+ optionCheckbox: "optionCheckbox-FLZ7GF",
16
+ optionCheckboxSelected: "optionCheckboxSelected-FFTvH6",
17
+ optionCheckboxDisabled: "optionCheckboxDisabled-lcXcnC",
18
+ optionLabel: "optionLabel-KSY4BV"
22
19
  };
23
20
  export { index_module as default };
package/dist/TimePickerSelect/index_module.css CHANGED
@@ -63,7 +63,7 @@
63
63
  transform: rotate(180deg);
64
64
  }
65
65
 
66
- .arco-tag {
66
+ .timePickerSelect_select-xuD_LK .arco-tag {
67
67
  color: #000000d9;
68
68
  background-color: #fafafa;
69
69
  border: 1px solid #d9d9d9;
@@ -76,11 +76,11 @@
76
76
  display: inline-flex;
77
77
  }
78
78
 
79
- .arco-tag .arco-tag-content {
79
+ .timePickerSelect_select-xuD_LK .arco-tag .arco-tag-content {
80
80
  line-height: 1;
81
81
  }
82
82
 
83
- .arco-tag .arco-tag-icon-hover {
83
+ .timePickerSelect_select-xuD_LK .arco-tag .arco-tag-icon-hover {
84
84
  color: #00000073;
85
85
  justify-content: center;
86
86
  align-items: center;
@@ -91,11 +91,11 @@
91
91
  display: flex;
92
92
  }
93
93
 
94
- .arco-tag .arco-tag-icon-hover:hover {
94
+ .timePickerSelect_select-xuD_LK .arco-tag .arco-tag-icon-hover:hover {
95
95
  color: #000000a6;
96
96
  }
97
97
 
98
- .arco-tag .arco-tag-icon-hover svg {
98
+ .timePickerSelect_select-xuD_LK .arco-tag .arco-tag-icon-hover svg {
99
99
  font-size: 12px;
100
100
  }
101
101
 
@@ -160,52 +160,52 @@
160
160
  overflow-y: auto;
161
161
  }
162
162
 
163
- .optionItem-hSQko7 {
164
- cursor: pointer;
163
+ .optionCheckbox-FLZ7GF {
165
164
  border-radius: 2px;
166
165
  align-items: center;
167
- gap: 4px;
168
166
  height: 32px;
167
+ margin: 0;
169
168
  padding: 0 4px;
170
169
  transition: background-color .2s;
171
170
  display: flex;
172
171
  }
173
172
 
174
- .optionItem-hSQko7:hover {
173
+ .optionCheckbox-FLZ7GF:hover {
175
174
  background-color: #fafafa;
176
175
  }
177
176
 
178
- .optionItem-hSQko7.optionItemSelected-gxv5lv .optionLabel-KSY4BV {
179
- color: #000000d9;
180
- }
181
-
182
- .optionItem-hSQko7.optionItemDisabled-fYreur {
183
- opacity: .5;
184
- cursor: not-allowed;
185
- }
186
-
187
- .checkbox-_flWUW {
188
- background-color: #fff;
189
- border: 1px solid #d9d9d9;
177
+ .optionCheckbox-FLZ7GF .arco-checkbox-inner {
178
+ border-color: #d9d9d9;
190
179
  border-radius: 2px;
191
- flex-shrink: 0;
192
- justify-content: center;
193
- align-items: center;
194
180
  width: 16px;
195
181
  height: 16px;
196
- transition: all .2s;
197
- display: flex;
198
182
  }
199
183
 
200
- .checkbox-_flWUW.checkboxChecked-uaxISg {
184
+ .optionCheckbox-FLZ7GF .arco-checkbox-inner:after {
185
+ border-width: 2px;
186
+ width: 5px;
187
+ height: 9px;
188
+ top: 46%;
189
+ left: 24%;
190
+ }
191
+
192
+ .optionCheckbox-FLZ7GF.optionCheckboxSelected-FFTvH6 .arco-checkbox-inner {
201
193
  background-color: #1890ff;
202
194
  border-color: #1890ff;
203
195
  }
204
196
 
205
- .checkIcon-y7k1OL {
206
- color: #fff;
207
- width: 14px;
208
- height: 14px;
197
+ .optionCheckbox-FLZ7GF.optionCheckboxDisabled-lcXcnC {
198
+ opacity: .5;
199
+ cursor: not-allowed;
200
+ }
201
+
202
+ .optionCheckbox-FLZ7GF.optionCheckboxDisabled-lcXcnC .arco-checkbox-inner {
203
+ background-color: #fafafa;
204
+ border-color: #d9d9d9;
205
+ }
206
+
207
+ .optionCheckbox-FLZ7GF .arco-checkbox-text {
208
+ margin-left: 4px;
209
209
  }
210
210
 
211
211
  .optionLabel-KSY4BV {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@publishfx/publish-components",
3
- "version": "2.1.1",
3
+ "version": "2.1.2",
4
4
  "description": "A React UI component library for the Publish platform, including ActionButton component",
5
5
  "type": "module",
6
6
  "keywords": [