reactive-bulma 1.16.0 → 1.18.0

package/dist/cjs/types/components/atoms/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ButtonProps } from '../../../interfaces/atomProps';
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/cjs/types/components/atoms/Delete/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DeleteProps } from '../../../interfaces/atomProps';
+declare const Delete: React.FC<DeleteProps>;
+export default Delete;

package/dist/cjs/types/components/atoms/Select/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SelectProps } from '../../../interfaces/atomProps';
+declare const Select: React.FC<SelectProps>;
+export default Select;

package/dist/cjs/types/components/atoms/index.d.ts

@@ -8,3 +8,5 @@ export { default as Title } from './Title';
 export { default as Icon } from './Icon';
 export { default as Input } from './Input';
 export { default as TextArea } from './TextArea';
+export { default as Delete } from './Delete';
+export { default as Select } from './Select';

package/dist/cjs/types/enums/styleEnums.d.ts

@@ -0,0 +1,38 @@
+export declare enum columnSiteEnum {
+    'is-three-quarters' = 0,
+    'is-two-thirds' = 1,
+    'is-half' = 2,
+    'is-one-third' = 3,
+    'is-one-quarter' = 4,
+    'is-full' = 5,
+    'is-four-fifths' = 6,
+    'is-three-fifths' = 7,
+    'is-two-fifths' = 8,
+    'is-one-fifth' = 9,
+    'is-1' = 10,
+    'is-2' = 11,
+    'is-3' = 12,
+    'is-4' = 13,
+    'is-5' = 14,
+    'is-6' = 15,
+    'is-7' = 16,
+    'is-8' = 17,
+    'is-9' = 18,
+    'is-10' = 19,
+    'is-11' = 20,
+    'is-12' = 21
+}
+export declare enum columnOffsetEnum {
+    'is-offset-1' = 0,
+    'is-offset-2' = 1,
+    'is-offset-3' = 2,
+    'is-offset-4' = 3,
+    'is-offset-5' = 4,
+    'is-offset-6' = 5,
+    'is-offset-7' = 6,
+    'is-offset-8' = 7,
+    'is-offset-9' = 8,
+    'is-offset-10' = 9,
+    'is-offset-11' = 10,
+    'is-offset-12' = 11
+}

package/dist/cjs/types/functions/persers.d.ts

@@ -0,0 +1,3 @@
+import { ParseTestIdProps } from '../interfaces/functionProps';
+export declare const parseClasses: (_classes: Array<string | null>) => string;
+export declare const parseTestId: (config: ParseTestIdProps) => string;

package/dist/cjs/types/interfaces/atomProps.d.ts

@@ -90,4 +90,24 @@ export interface TextAreaProps extends Omit<InputProps, 'isRounded' | 'type'> {
     rows?: number;
     isFixedSize?: boolean;
 }
+export interface DeleteProps extends BasicProps {
+    size?: Exclude<basicSizeType, 'is-normal'>;
+    onClick?: () => void;
+}
+export interface SelectOption {
+    id: string | number;
+    name: string;
+    selected?: boolean;
+}
+export interface SelectProps extends BasicProps {
+    options?: SelectOption[];
+    showOptions?: number;
+    isMultiple?: boolean;
+    color?: basicColorType;
+    size?: basicSizeType;
+    isRounded?: boolean;
+    isHovered?: boolean;
+    isFocused?: boolean;
+    onClick?: () => void;
+}
 export {};

package/dist/esm/index.js

@@ -2921,21 +2921,21 @@ const Tag = ({ text, testId = null, style = null, color = null, isLight = null,
     });
     return withAddon ? (React.createElement("section", { "data-testid": _testId, style: style !== null && style !== void 0 ? style : undefined, className: tagsWrapperClasses },
         React.createElement("span", { className: tagClasses }, text),
-        withDelete ? (React.createElement("a", { "data-testid": `${_testId}-delete`, className: 'tag is-delete', onClick: onDeleteClick || undefined })) : (React.createElement("span", { className: addonTagClasses }, addonText)))) : (React.createElement("span", { "data-testid": _testId, style: style !== null && style !== void 0 ? style : undefined, className: tagClasses },
+        withDelete ? (React.createElement("a", { "data-testid": `${_testId}-delete`, className: 'tag is-delete', onClick: onDeleteClick !== null && onDeleteClick !== void 0 ? onDeleteClick : undefined })) : (React.createElement("span", { className: addonTagClasses }, addonText)))) : (React.createElement("span", { "data-testid": _testId, style: style !== null && style !== void 0 ? style : undefined, className: tagClasses },
         text,
-        withDelete ? (React.createElement("button", { "data-testid": `${_testId}-delete`, className: 'delete', onClick: onDeleteClick || undefined })) : null));
+        withDelete ? (React.createElement("button", { "data-testid": `${_testId}-delete`, className: 'delete', onClick: onDeleteClick !== null && onDeleteClick !== void 0 ? onDeleteClick : undefined })) : null));
 };
 
 const Box = ({ testId = 'test-box', style = null, children = null }) => children ? (React.createElement("section", { "data-testid": testId, className: 'box', style: style !== null && style !== void 0 ? style : undefined }, children)) : null;
 
 const renderTitleSection = (section) => {
-    var _a, _b;
+    var _a, _b, _c;
     const sectionClasses = parseClasses([
         section === null || section === void 0 ? void 0 : section.prop,
         (_a = section === null || section === void 0 ? void 0 : section.size) !== null && _a !== void 0 ? _a : 'is-6',
         (section === null || section === void 0 ? void 0 : section.prop) === 'title' && (section === null || section === void 0 ? void 0 : section.isSpaced) ? 'is-spaced' : null
     ]);
-    return section ? (React.createElement("p", { "data-testid": (_b = section === null || section === void 0 ? void 0 : section.testId) !== null && _b !== void 0 ? _b : `${section === null || section === void 0 ? void 0 : section.prop}-test`, className: sectionClasses, style: section.style || undefined }, section === null || section === void 0 ? void 0 : section.text)) : null;
+    return section ? (React.createElement("p", { "data-testid": (_b = section === null || section === void 0 ? void 0 : section.testId) !== null && _b !== void 0 ? _b : `${section === null || section === void 0 ? void 0 : section.prop}-test`, className: sectionClasses, style: (_c = section.style) !== null && _c !== void 0 ? _c : undefined }, section === null || section === void 0 ? void 0 : section.text)) : null;
 };
 const Title = ({ main, secondary }) => (React.createElement(React.Fragment, null,
     renderTitleSection(main),
@@ -3036,5 +3036,32 @@ const TextArea = ({ testId = null, text = null, cols = null, rows = null, isDisa
     return (React.createElement("textarea", { "data-testid": _testId, defaultValue: text !== null && text !== void 0 ? text : undefined, cols: cols !== null && cols !== void 0 ? cols : undefined, rows: rows !== null && rows !== void 0 ? rows : undefined, disabled: isDisabled, readOnly: isReadonly, style: style !== null && style !== void 0 ? style : undefined, className: textAreaClasses, onClick: onClick !== null && onClick !== void 0 ? onClick : undefined, onChange: onChange !== null && onChange !== void 0 ? onChange : undefined }));
 };
 
-export { Block, Box, Button, Column, Icon, Input, ProgressBar, Tag, TextArea, Title };
+const Delete = ({ testId = null, style = null, size = null, onClick = null }) => {
+    const deleteClasses = parseClasses(['delete', size]);
+    const _testId = testId !== null && testId !== void 0 ? testId : parseTestId({
+        tag: 'delete',
+        parsedClasses: deleteClasses
+    });
+    return (React.createElement("button", { "data-testid": _testId, style: style !== null && style !== void 0 ? style : undefined, className: deleteClasses, onClick: onClick !== null && onClick !== void 0 ? onClick : undefined }));
+};
+
+const Select = ({ testId = null, showOptions = 1, options = [], isMultiple = false, color = null, size = null, isRounded = null, isHovered = null, isFocused = null, onClick = null }) => {
+    const selectClasses = parseClasses([
+        'select',
+        color,
+        size,
+        isMultiple ? 'is-multiple' : null,
+        isRounded ? 'is-rounded' : null,
+        isHovered ? 'is-hovered' : null,
+        isFocused ? 'is-focused' : null
+    ]);
+    const selectTestId = testId !== null && testId !== void 0 ? testId : parseTestId({
+        tag: 'select',
+        parsedClasses: selectClasses
+    });
+    return (React.createElement("section", { "data-testid": `${selectTestId}-container`, className: selectClasses },
+        React.createElement("select", { multiple: isMultiple, size: showOptions, "data-testid": selectTestId }, options.map(({ id, name, selected }, i) => (React.createElement("option", { "data-testid": `${selectTestId}-option-${i}`, key: id.toString(), selected: selected !== null && selected !== void 0 ? selected : false, onClick: onClick !== null && onClick !== void 0 ? onClick : undefined }, name))))));
+};
+
+export { Block, Box, Button, Column, Delete, Icon, Input, ProgressBar, Select, Tag, TextArea, Title };
 //# sourceMappingURL=index.js.map