groovinads-ui 1.9.83 → 1.9.88

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 (5) hide show
  1. package/README.md +11 -8
  2. package/dist/index.es.js +2 -2
  3. package/dist/index.js +2 -2
  4. package/index.d.ts +12 -0
  5. package/package.json +13 -9
package/README.md CHANGED
@@ -122,7 +122,8 @@ import { Button } from 'groovinads-ui';
122
122
  | `className` | String | No | n/a | n/a | Additional CSS class names that can be applied to the button. |
123
123
  | `disabled` | Boolean | No | `true` `false` | `false` | If true, disables the button. If false, the button is enabled. |
124
124
  | `endIcon` | String | No | n/a | n/a | Specifies the name of the icon to be displayed at the end of the button (after the text). |
125
- | `hideLabelOnMobile` | Boolean | No | `true` `false` | `false` | If true, the text inside the button will not be displayed on mobile. If false, the text will be displayed on mobile. |
125
+ | `hideLabelOnDesktop` | Boolean | No | `true` `false` | `false` | If true, the text inside the button will not be displayed on desktop (only visible on mobile). Cannot be used together with `hideLabelOnMobile`. |
126
+ | `hideLabelOnMobile` | Boolean | No | `true` `false` | `false` | If true, the text inside the button will not be displayed on mobile. If false, the text will be displayed on mobile. Cannot be used together with `hideLabelOnDesktop`. |
126
127
  | `onClick` | Function | No | n/a | n/a | Function to be executed when the button is clicked. |
127
128
  | `processing` | Boolean | No | `true` `false` | `false` | If true, displays a loading animation (…) with a spinner. If false, it will not be displayed. |
128
129
  | `size` | String | No | `xs` `md` `lg` | `md` | Defines the size of the button. It's optional. |
@@ -270,6 +271,7 @@ export default NestedDropdownExample;
270
271
  | `label` | Node | No | n/a | n/a | Label text for the dropdown toggle button. |
271
272
  | `onToggle` | Function | No | n/a | n/a | Callback function triggered when dropdown visibility changes. |
272
273
  | `overflow` | Boolean | No | `true` `false` | `false` | Adjusts the dropdown's position to handle overflow situations with fixed positioning. |
274
+ | `processing` | Boolean | No | `true` `false` | `false` | If `true`, shows a spinner instead of the icon, appends "…" to the label, and disables the dropdown. |
273
275
  | `requiredText` | String | No | n/a | n/a | Error message displayed when validation fails. Used with `showError` prop. |
274
276
  | `selectedValue` | Node | No | n/a | n/a | Selected value to display (used with `variant='input'` to show the current selection). |
275
277
  | `setShow` | Function | No | n/a | n/a | Function to update the visibility state of the dropdown. |
@@ -306,7 +308,7 @@ const DropdownDatePickerExample = () => {
306
308
  show={show}
307
309
  setShow={setShow}
308
310
  onToggle={handleToggle}
309
- inputLabel='Select Period'
311
+ label='Select Period'
310
312
  locked={false}
311
313
  overflow={true}
312
314
  onRemoveFilter={handleRemoveFilter}
@@ -329,8 +331,8 @@ export default DropdownDatePickerExample;
329
331
  | `className` | String | No | n/a | n/a | Adds a custom CSS class to the component. |
330
332
  | `dateFrom` | String | No | n/a | `null` | Start date. |
331
333
  | `dateTo` | String | No | n/a | `null` | End date. |
332
- | `disabled` | Boolean | No | `true` `false` | `false` | If `true`, disables the dropdown. If `false`, the dropdown is enabled. |
333
- | `inputLabel` | String | No | n/a | `period` | Label to display on the dropdown toggle button. |
334
+ | `disabled` | Boolean | No | `true` `false` | `false` | If `true`, disables the dropdown. If `false`, the dropdown is enabled. |
335
+ | `label` | String | No | n/a | `period` | Label to display on the dropdown toggle button. |
334
336
  | `locked` | Boolean | No | `true` `false` | `false` | Determines if the dropdown is locked. If true, it is not interactive. If false, it is interactive. |
335
337
  | `maxDate` | Object | No | n/a | n/a | Max date filter. |
336
338
  | `minDate` | Object | No | n/a | n/a | Min date filter. |
@@ -431,7 +433,7 @@ const MultiSelectComponent = () => {
431
433
  object={true}
432
434
  nameKey='name'
433
435
  idKey='id'
434
- inputLabel='Filters'
436
+ label='Filters'
435
437
  focus={show}
436
438
  buttonVariant='primary'
437
439
  nowrap={true}
@@ -450,7 +452,7 @@ const MultiSelectComponent = () => {
450
452
  nameKey='name'
451
453
  nameKey1='name1'
452
454
  idKey={'id'}
453
- inputLabel={'Filters (array de objetos)'}
455
+ label={'Filters (array de objetos)'}
454
456
  focus={show}
455
457
  hasId={false}
456
458
  showError={false}
@@ -474,7 +476,7 @@ export default MultiSelectComponent;
474
476
  | `hasId` | Boolean | No | `true` `false` | `true` | Controls wether the hashtag and id shows or not in the dropdown options |
475
477
  | `idInPill` | Boolean | No | `true` `false` | `false` | If true, ID will be shown in the pill component. |
476
478
  | `idKey` | String | No | n/a | n/a | Defines the key used in the object to find the item's ID, allowing for the identification and handling of selected items and other operations within the component. |
477
- | `inputLabel` | String | No | n/a | '' | Allows customizing the label for the input field within the dropdown menu. |
479
+ | `label` | String | No | n/a | '' | Allows customizing the label for the input field within the dropdown menu. |
478
480
  | `nameKey` | String | No | n/a | n/a | Defines the key that will be used in the object to display the item's name. |
479
481
  | `notMatchedText` | String | No | n/a | 'No match found' | Text displayed when no matching items are found. |
480
482
  | `nowrap` | Boolean | No | `true` `false` | `false` | If `true`, the content will be displayed on a single line. If it exceeds the width, a scroll will be shown. If `false`, it will fit the width of the button. If it exceeds, the content will be displayed on multiple lines. |
@@ -538,7 +540,7 @@ export default DropdownSimpleDatePickerExample;
538
540
  | `date` | String | No | n/a | `null` | Selected date. |
539
541
  | `disabled` | Boolean | No | `true` `false` | `false` | If `true`, disables the dropdown. If `false`, the dropdown is enabled. |
540
542
  | `handleClear` | Function | No | n/a | n/a | Allows providing, as needed, a function to reset the date, update the state as necessary, etc. If none is provided, the date will be cleared by default. |
541
- | `inputLabel` | String | No | n/a | `period` | Label to display on the dropdown toggle button. |
543
+ | `label` | String | No | n/a | `period` | Label to display on the dropdown toggle button. |
542
544
  | `maxDate` | Object | No | n/a | n/a | Max date filter. |
543
545
  | `minDate` | Object | No | n/a | n/a | Min date filter. |
544
546
  | `onToggle` | Function | No | n/a | n/a | Function that is called when the dropdown is toggled. |
@@ -700,6 +702,7 @@ export default ExampleInputChip;
700
702
  | `counter` | Boolean | No | n/a | `false` | If true, it will display a progressive and numeric counter of keywords. If false, it will not display it. |
701
703
  | `disabled` | Boolean | No | `true` `false` | `false` | If `true`, disables the inputChip. If `false`, the inputChip is enabled. |
702
704
  | `duplicateKeywordErrorText` | String | No | n/a | 'Duplicate keyword.' | Allows you to add a custom message when trying to add a keyword that already exists. |
705
+ | `helpText` | String | No | n/a | n/a | Help text displayed below the input field. Useful for providing additional instructions to the user. |
703
706
  | `keywordsList` | Array | Yes | n/a | n/a | This property expects an array of keywords. You can initialize it as an empty array or with keywords, and it will be updated when new keywords are added or removed from the input field. |
704
707
  | `maxKeywords` | Number | Yes | n/a | n/a | Indicates the maximum number of allowed keywords. When the keywordsList reaches this limit, an error message defined in requiredText will be displayed. Additionally, if the counter is enabled, its status will change to the 'danger' color. |
705
708
  | `maxKeywordLength` | Number | No | n/a | n/a | Indicates the maximum length of each keyword. When a keyword exceeds this limit, an error message defined in `duplicateKeywordErrorText` will be displayed. |