reactive-bulma 1.17.0 → 1.19.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/File/index.d.ts

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

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

@@ -9,3 +9,5 @@ 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';
+export { default as File } from './File';

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

@@ -94,4 +94,31 @@ 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 interface FileProps extends BasicProps {
+    fileName?: string;
+    uploadIcon?: IconProps;
+    uploadText?: string;
+    buttonOnRight?: boolean;
+    isFullWidth?: boolean;
+    isBoxed?: boolean;
+    color?: basicColorType;
+    size?: basicSizeType;
+    onClick?: () => void;
+}
 export {};

package/dist/esm/index.js

@@ -3045,5 +3045,57 @@ const Delete = ({ testId = null, style = null, size = null, onClick = null }) =>
     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 }));
 };
 
-export { Block, Box, Button, Column, Delete, Icon, Input, ProgressBar, Tag, TextArea, Title };
+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))))));
+};
+
+const File = ({ testId = null, fileName = null, uploadIcon = { iconLabel: 'upload' }, uploadText = 'Choose a file…', style = null, buttonOnRight = false, isFullWidth = false, isBoxed = false, color = null, size = null, onClick = null }) => {
+    const fileClasses = parseClasses([
+        'file',
+        fileName ? 'has-name' : null,
+        buttonOnRight ? 'is-right' : null,
+        isFullWidth ? 'is-fullwidth' : null,
+        isBoxed ? 'is-boxed' : null,
+        color,
+        size
+    ]);
+    const fileTestId = testId !== null && testId !== void 0 ? testId : parseTestId({
+        tag: 'file',
+        parsedClasses: fileClasses,
+        rules: [
+            {
+                usedRegExp: /has/gm,
+                regExpReplacer: '-has'
+            },
+            {
+                usedRegExp: /is|file/gm,
+                regExpReplacer: ''
+            }
+        ]
+    });
+    const fileInputTestId = `${fileTestId}-input`;
+    return (React.createElement("section", { "data-testid": fileTestId, className: fileClasses, style: style !== null && style !== void 0 ? style : undefined },
+        React.createElement("label", { className: 'file-label' },
+            React.createElement("input", { "data-testid": fileInputTestId, className: 'file-input', type: 'file', name: 'resume', onClick: onClick !== null && onClick !== void 0 ? onClick : undefined }),
+            React.createElement("span", { className: 'file-cta' },
+                uploadIcon ? React.createElement(Icon, Object.assign({}, uploadIcon)) : null,
+                React.createElement("span", { className: 'file-label' }, uploadText)),
+            fileName ? React.createElement("span", { className: 'file-name' }, fileName) : null)));
+};
+
+export { Block, Box, Button, Column, Delete, File, Icon, Input, ProgressBar, Select, Tag, TextArea, Title };
 //# sourceMappingURL=index.js.map