@conduction/components 2.0.11 → 2.0.14

package/README.md

@@ -4,34 +4,36 @@
 
 - **Version 2**
 
-  - 2.0.11:
-    - Added disabled state to SelectSingle component;
+  - 2.0.14: Refactored SelectCreate placeholder text.
+  - 2.0.13: removed round borders of tag.
+  - 2.0.11 & 2.0.12:
+    - Added disabled state to SelectSingle component.
   - 2.0.10:
-    - Added InputFloat (.00 decimals) component;
+    - Added InputFloat (.00 decimals) component.
   - 2.0.9:
-    - Added optional defaultChecked to InputCheckbox;
-    - Added CreateKeyValue input;
+    - Added optional defaultChecked to InputCheckbox.
+    - Added CreateKeyValue input.
     - Added CreateSelect input.
   - 2.0.8:
     - Added new Tooltip component using React-tooltip.
-    - Added active status to PrimaryTopNav
-    - Added active status to SecondaryTopNav
+    - Added active status to PrimaryTopNav.
+    - Added active status to SecondaryTopNav.
   - 2.0.7:
     - Added new BadgeCounter component.
     - Added CodeBlock component.
   - 2.0.6:
-    - Added optional icon with default icon to the primary and secondary button in NotificationPopUp
-    - Added a handleClick function to the DownloadCard;
-    - Added clickFunction, layoutClassName and renamed tag to label in the Tag component;
-    - Edited DetailsCard to accommodate changes made to Tag component;
-    - Edited RichContentCard to accommodate changes made to Tag component;
-  - 2.0.5: wrong camelcase in npm publish/build fix;
-  - 2.0.4: added layoutClassName to InfoCard;
-  - 2.0.3: Bugfix: --conduction-container typo removed;
-  - 2.0.2: Refactor SelectSingle formField with optional props;
-  - 2.0.1: Refactor SecondaryTopNav css module import;
+    - Added optional icon with default icon to the primary and secondary button in NotificationPopUp.
+    - Added a handleClick function to the DownloadCard.
+    - Added clickFunction, layoutClassName and renamed tag to label in the Tag component.
+    - Edited DetailsCard to accommodate changes made to Tag component.
+    - Edited RichContentCard to accommodate changes made to Tag component.
+  - 2.0.5: wrong camelcase in npm publish/build fix.
+  - 2.0.4: added layoutClassName to InfoCard.
+  - 2.0.3: Bugfix: --conduction-container typo removed.
+  - 2.0.2: Refactor SelectSingle formField with optional props.
+  - 2.0.1: Refactor SecondaryTopNav css module import.
   - 2.0.0: components are now dependent on `--skeleton` design tokens, currently found [here](https://github.com/OpenCatalogi/web-app/blob/development/pwa/src/styling/design-tokens/skeleton-design-tokens.css).
 
 - **Version 1**
 
-  - No changelog available
+  - No changelog available.

package/lib/components/formFields/input.js

@@ -9,6 +9,6 @@ export const InputPassword = ({ disabled, name, validation, register, placeholde
 export const InputText = ({ disabled, name, defaultValue, validation, register, icon, placeholder, errors, }) => (_jsx(TextField, { type: "text", ...{ defaultValue, disabled, placeholder, icon }, ...register(name, { ...validation }), invalid: errors[name] }));
 export const InputEmail = ({ disabled, name, defaultValue, validation, register, icon, placeholder, errors, }) => (_jsx(TextField, { type: "email", ...{ defaultValue, disabled, placeholder, icon }, ...register(name, { ...validation }), invalid: errors[name] }));
 export const InputDate = ({ disabled, name, defaultValue, validation, register, errors, }) => (_jsx(TextField, { type: "date", ...{ defaultValue, disabled }, ...register(name, { ...validation }), invalid: errors[name] }));
-export const InputNumber = ({ disabled, name, defaultValue, validation, register, icon, placeholder, errors, }) => (_jsx(TextField, { type: "number", ...{ disabled, placeholder, icon, defaultValue }, ...register(name, { ...validation }), invalid: errors[name] }));
+export const InputNumber = ({ disabled, name, defaultValue, validation, register, icon, placeholder, errors, }) => (_jsx(TextField, { type: "number", ...{ defaultValue, disabled, placeholder, icon }, ...register(name, { ...validation }), invalid: errors[name] }));
 export const InputFloat = ({ disabled, name, defaultValue, validation, register, icon, placeholder, errors, }) => (_jsx(TextField, { type: "number", step: ".01", ...{ disabled, placeholder, icon, defaultValue }, ...register(name, { ...validation }), invalid: errors[name] }));
 export const InputFile = ({ disabled, name, accept, defaultValue, validation, register, }) => (_jsx("input", { className: "denhaag-textfield__input", type: "file", ...{ defaultValue, disabled, accept }, ...register(name, { ...validation }) }));

package/lib/components/formFields/select/select.js

@@ -10,11 +10,11 @@ export const SelectMultiple = ({ name, options, errors, control, validation, def
 };
 export const SelectCreate = ({ name, options, errors, control, validation, defaultValue, disabled, }) => {
     return (_jsx(Controller, { ...{ control, name }, rules: validation, render: ({ field: { onChange, value } }) => {
-            return (_jsx(CreatableSelect, { className: styles.select, isMulti: true, isDisabled: disabled, ...{ options, value, onChange, errors, defaultValue } }));
+            return (_jsx(CreatableSelect, { placeholder: "Select existing or create new entries", className: styles.select, isMulti: true, isDisabled: disabled, ...{ options, value, onChange, errors, defaultValue } }));
         } }));
 };
-export const SelectSingle = ({ name, options, errors, control, validation, isClearable, defaultValue, }) => {
+export const SelectSingle = ({ name, options, errors, control, validation, isClearable, defaultValue, disabled, }) => {
     return (_jsx(Controller, { ...{ control, name }, rules: validation, render: ({ field: { onChange, value } }) => {
-            return (_jsx(ReactSelect, { className: styles.select, ...{ options, onChange, value, errors, isClearable, defaultValue } }));
+            return (_jsx(ReactSelect, { className: styles.select, isDisabled: disabled, ...{ options, onChange, value, errors, isClearable, defaultValue } }));
         } }));
 };

package/lib/components/tag/Tag.module.css

@@ -13,7 +13,6 @@
   font-size: var(--conduction-tag-font-size);
   color: var(--conduction-tag-color);
   background-color: var(--conduction-tag-background-color);
-  border-radius: var(--conduction-tag-border-radius);
   padding-inline-start: var(--conduction-tag-padding);
   padding-inline-end: var(--conduction-tag-padding);
   padding-block-start: var(--conduction-tag-padding);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/components",
-  "version": "2.0.11",
+  "version": "2.0.14",
   "description": "React (Gatsby) components used within the Conduction Skeleton Application (and its implementations)",
   "main": "lib/index.js",
   "scripts": {

package/src/components/formFields/select/select.tsx

@@ -57,6 +57,7 @@ export const SelectCreate: React.FC<ISelectProps & IReactHookFormProps> = ({
       render={({ field: { onChange, value } }) => {
         return (
           <CreatableSelect
+            placeholder="Select existing or create new entries"
             className={styles.select}
             isMulti
             isDisabled={disabled}

package/src/components/tag/Tag.module.css

@@ -13,7 +13,6 @@
   font-size: var(--conduction-tag-font-size);
   color: var(--conduction-tag-color);
   background-color: var(--conduction-tag-background-color);
-  border-radius: var(--conduction-tag-border-radius);
   padding-inline-start: var(--conduction-tag-padding);
   padding-inline-end: var(--conduction-tag-padding);
   padding-block-start: var(--conduction-tag-padding);