funuicss 3.3.10 → 3.4.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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/ui/carousel/Carousel.js +2 -1
  3. package/ui/table/Table.js +10 -9
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "3.3.10",
2
+ "version": "3.4.0",
3
3
  "name": "funuicss",
4
4
  "description": "React and Next.js component UI Library for creating Easy and good looking websites with fewer lines of code. Elevate your web development experience with our cutting-edge React/Next.js component UI Library. Craft stunning websites effortlessly, boasting both seamless functionality and aesthetic appeal—all achieved with minimal lines of code. Unleash the power of simplicity and style in your projects!",
5
5
  "main": "index.js",
package/ui/carousel/Carousel.js CHANGED
@@ -110,6 +110,7 @@ var Carousel = function (_a) {
110
110
  gap: gap + 'rem',
111
111
  overflowX: 'auto',
112
112
  display: 'flex',
113
+ justifyItems: (isScrollable || isPhone) ? 'flex-start' : 'centers',
113
114
  scrollSnapType: 'x mandatory',
114
115
  scrollBehavior: 'smooth',
115
116
  } }, react_1.default.Children.map(children, function (child) { return (react_1.default.createElement("div", { className: "carousel-item", style: { flexShrink: 0 } },
@@ -117,7 +118,7 @@ var Carousel = function (_a) {
117
118
  !isPhone && isScrollable && (react_1.default.createElement("div", null,
118
119
  react_1.default.createElement(Circle_1.default, { onClick: function () { return scroll('right'); } },
119
120
  react_1.default.createElement(pi_1.PiCaretRight, { size: 24 }))))),
120
- showDashes && (react_1.default.createElement("div", { className: "center padding-top-10" },
121
+ (showDashes && isScrollable) && (react_1.default.createElement("div", { className: "center padding-top-10" },
121
122
  react_1.default.createElement(RowFlex_1.default, { gap: 0.5, justify: "center" }, ['start', 'middle', 'end'].map(function (pos) { return (react_1.default.createElement("div", { className: 'pointer ', key: pos, onClick: function () {
122
123
  var _a, _b;
123
124
  if (pos === 'start') {
package/ui/table/Table.js CHANGED
@@ -201,7 +201,7 @@ function Table(_a) {
201
201
  React.createElement("div", null,
202
202
  React.createElement(Flex_1.default, { width: '100%', wrap: 'nowrap', alignItems: 'center', gap: 0.7 },
203
203
  !selectedField && !showSearch &&
204
- React.createElement(ScrollInView_1.default, null,
204
+ React.createElement("div", { className: 'animated slide-up' },
205
205
  React.createElement(Select_1.default, { fullWidth: true, searchable: true, funcss: 'min-w-300 w-full', rounded: true, value: selectedField || '', onChange: function (e) { return handleFieldChange(e); }, options: __spreadArray([
206
206
  { text: '🔍 Filter', value: '' },
207
207
  { text: 'All*', value: '' }
@@ -209,7 +209,7 @@ function Table(_a) {
209
209
  text: field,
210
210
  value: field
211
211
  }); }), true) })),
212
- selectedField && !showSearch && (React.createElement(ScrollInView_1.default, null,
212
+ selectedField && !showSearch && (React.createElement("div", { className: 'animated slide-up' },
213
213
  React.createElement(Select_1.default, { rounded: true, searchable: true, funcss: 'min-w-300 w-full', fullWidth: true, value: selectedValue || '', onChange: function (e) {
214
214
  if (e === 'clear_all') {
215
215
  setSelectedField('');
@@ -230,15 +230,15 @@ function Table(_a) {
230
230
  ], false) }))),
231
231
  showSearch ?
232
232
  React.createElement(Flex_1.default, { gap: 0.5, wrap: 'nowrap', alignItems: 'center' },
233
- React.createElement(ScrollInView_1.default, null,
233
+ React.createElement("div", { className: 'animated slide-up' },
234
234
  React.createElement(Input_1.default, { borderless: true, funcss: 'min-w-300', fullWidth: true, rounded: true, value: searchQuery, onChange: function (e) { return setsearchQuery(e.target.value); }, label: "Search..." })),
235
- React.createElement(ScrollInView_1.default, { delay: 0.2 },
235
+ React.createElement("div", { className: 'animated fade-in' },
236
236
  React.createElement("div", { onClick: function () { return setshowSearch(false); } },
237
237
  React.createElement(ToolTip_1.default, null,
238
238
  React.createElement(pi_1.PiXThin, { className: 'pointer', size: 23, onClick: function () { return setshowSearch(false); } }),
239
239
  React.createElement(Tip_1.default, { tip: "bottom", animation: "Opacity", duration: 1, content: "Close Search" })))))
240
240
  :
241
- React.createElement(ScrollInView_1.default, { delay: 0.2 },
241
+ React.createElement("div", { className: 'animated fade-in' },
242
242
  React.createElement(ToolTip_1.default, null,
243
243
  React.createElement(ci_1.CiSearch, { className: 'pointer', size: 23, onClick: function () { return setshowSearch(true); } }),
244
244
  React.createElement(Tip_1.default, { tip: "bottom", animation: "Opacity", duration: 1, content: "Search Data" })))))
@@ -247,10 +247,11 @@ function Table(_a) {
247
247
  React.createElement(RowFlex_1.default, { gap: 0.5 },
248
248
  right && right,
249
249
  !hideExport &&
250
- React.createElement(ToolTip_1.default, null,
251
- React.createElement(Circle_1.default, { bg: 'lighter', bordered: true, onClick: Export },
252
- React.createElement(pi_1.PiExportThin, null)),
253
- React.createElement(Tip_1.default, { tip: "bottom", animation: "Opacity", duration: 1, content: "Export Data" })))))),
250
+ React.createElement("div", { className: 'animated slide-up' },
251
+ React.createElement(ToolTip_1.default, null,
252
+ React.createElement(Circle_1.default, { bg: 'lighter', bordered: true, onClick: Export },
253
+ React.createElement(pi_1.PiExportThin, null)),
254
+ React.createElement(Tip_1.default, { tip: "bottom", animation: "Opacity", duration: 1, content: "Export Data" }))))))),
254
255
  React.createElement("main", { style: { overflow: "auto", width: "100%" } },
255
256
  React.createElement("table", __assign({ className: "table ".concat(bordered ? 'border' : '', " ").concat(noStripped ? '' : 'stripped', " ").concat(hoverable ? 'hoverableTr' : '', " ").concat(light ? 'light' : '', " ").concat(dark ? 'dark' : ''), style: {
256
257
  height: height ? height + "px" : ""