@eturnity/eturnity_reusable_components 7.37.5 → 7.39.0

package/src/components/inputs/inputNumber/InputNumber.stories.js

@@ -1,150 +1,150 @@
-import InputNumber from './index.vue'
-
-export default {
-  title: 'InputNumber',
-  component: InputNumber,
-  // argTypes: {},
-}
-
-const Template = (args, { argTypes }) => ({
-  // Components used in your story `template` are defined in the `components` object
-  components: { InputNumber },
-  // The story's `args` need to be mapped into the template through the `setup()` method
-  props: Object.keys(argTypes),
-  template: '<input-number v-bind="$props" />',
-
-  // import InputNumber from "@eturnity/eturnity_reusable_components/src/components/inputs/inputNumber"
-  // How to use:
-  // <input-number
-  //     placeholder="Enter distance"
-  //     :isError="false" //default is false
-  //     inputWidth="150px" //by default, this is 100%
-  //     :numberPrecision="3"
-  //     unitName="pc"
-  //     :value="inputValue" //required -- String
-  //     @input-change="onInputChange($event)" //required
-  //     @on-enter-click="onInputSubmit()"
-  //     :errorMessage="Enter a number between 1 and 10"
-  //     :disabled="false"
-  //     :noBorder="true"
-  //     textAlign="left" // "left, right, center"
-  //     :showLinearUnitName="true"
-  //     fontSize="13px"
-  //     labelText="Number of Modules"
-  //     labelInfoText="Here is some information for you..."
-  //     labelInfoAlign="left"
-  // />
-})
-
-export const Default = Template.bind({})
-Default.args = {
-  placeholder: 'Enter Value',
-  disabled: false,
-  value: '',
-  inputWidth: '200px',
-  minWidth: '150px',
-  unitName: 'pc',
-  isError: false,
-  numberPrecision: 0,
-  noBorder: false,
-  textAlign: 'left',
-  showLinearUnitName: false,
-}
-
-export const hasError = Template.bind({})
-hasError.args = {
-  placeholder: 'Enter Value',
-  errorMessage: 'This field is required',
-  isError: true,
-  disabled: false,
-  inputWidth: '200px',
-}
-
-export const Disabled = Template.bind({})
-Disabled.args = {
-  placeholder: 'Enter Value',
-  disabled: true,
-  value: '',
-  inputWidth: '200px',
-  isError: false,
-  numberPrecision: 0,
-  noBorder: false,
-  textAlign: 'left',
-  showLinearUnitName: false,
-}
-
-export const LinearUnit = Template.bind({})
-LinearUnit.args = {
-  placeholder: 'Enter Value',
-  disabled: false,
-  value: 10,
-  inputWidth: '200px',
-  unitName: 'pc',
-  isError: false,
-  numberPrecision: 2,
-  noBorder: false,
-  textAlign: 'left',
-  showLinearUnitName: true,
-}
-
-export const NormalUnit = Template.bind({})
-NormalUnit.args = {
-  placeholder: 'Enter Value',
-  disabled: false,
-  value: 10,
-  inputWidth: '200px',
-  unitName: 'pc',
-  isError: false,
-  numberPrecision: 2,
-  noBorder: false,
-  textAlign: 'left',
-  showLinearUnitName: false,
-}
-
-export const WithLabel = Template.bind({})
-WithLabel.args = {
-  placeholder: 'Enter Value',
-  disabled: false,
-  value: 10,
-  inputWidth: '200px',
-  unitName: 'pc',
-  isError: false,
-  numberPrecision: 2,
-  noBorder: false,
-  textAlign: 'left',
-  showLinearUnitName: false,
-  labelText: 'Number Input',
-}
-
-export const WithLabelInfo = Template.bind({})
-WithLabelInfo.args = {
-  placeholder: 'Enter Value',
-  disabled: false,
-  value: 10,
-  inputWidth: '200px',
-  unitName: 'pc',
-  isError: false,
-  numberPrecision: 2,
-  noBorder: false,
-  textAlign: 'left',
-  showLinearUnitName: false,
-  labelText: 'Number Input',
-  labelInfoText: 'Here is some information for you...',
-  labelInfoAlign: 'right',
-}
-
-export const LargerFont = Template.bind({})
-LargerFont.args = {
-  placeholder: 'Enter Value',
-  disabled: false,
-  value: 10,
-  inputWidth: '200px',
-  unitName: 'pc',
-  isError: false,
-  numberPrecision: 2,
-  noBorder: false,
-  textAlign: 'left',
-  showLinearUnitName: false,
-  labelText: 'Number Input',
-  fontSize: '16px',
-}
+import InputNumber from './index.vue'
+
+export default {
+  title: 'InputNumber',
+  component: InputNumber,
+  // argTypes: {},
+}
+
+const Template = (args, { argTypes }) => ({
+  // Components used in your story `template` are defined in the `components` object
+  components: { InputNumber },
+  // The story's `args` need to be mapped into the template through the `setup()` method
+  props: Object.keys(argTypes),
+  template: '<input-number v-bind="$props" />',
+
+  // import InputNumber from "@eturnity/eturnity_reusable_components/src/components/inputs/inputNumber"
+  // How to use:
+  // <input-number
+  //     placeholder="Enter distance"
+  //     :isError="false" //default is false
+  //     inputWidth="150px" //by default, this is 100%
+  //     :numberPrecision="3"
+  //     unitName="pc"
+  //     :value="inputValue" //required -- String
+  //     @input-change="onInputChange($event)" //required
+  //     @on-enter-click="onInputSubmit()"
+  //     :errorMessage="Enter a number between 1 and 10"
+  //     :disabled="false"
+  //     :noBorder="true"
+  //     textAlign="left" // "left, right, center"
+  //     :showLinearUnitName="true"
+  //     fontSize="13px"
+  //     labelText="Number of Modules"
+  //     labelInfoText="Here is some information for you..."
+  //     labelInfoAlign="left"
+  // />
+})
+
+export const Default = Template.bind({})
+Default.args = {
+  placeholder: 'Enter Value',
+  disabled: false,
+  value: '',
+  inputWidth: '200px',
+  minWidth: '150px',
+  unitName: 'pc',
+  isError: false,
+  numberPrecision: 0,
+  noBorder: false,
+  textAlign: 'left',
+  showLinearUnitName: false,
+}
+
+export const hasError = Template.bind({})
+hasError.args = {
+  placeholder: 'Enter Value',
+  errorMessage: 'This field is required',
+  isError: true,
+  disabled: false,
+  inputWidth: '200px',
+}
+
+export const Disabled = Template.bind({})
+Disabled.args = {
+  placeholder: 'Enter Value',
+  disabled: true,
+  value: '',
+  inputWidth: '200px',
+  isError: false,
+  numberPrecision: 0,
+  noBorder: false,
+  textAlign: 'left',
+  showLinearUnitName: false,
+}
+
+export const LinearUnit = Template.bind({})
+LinearUnit.args = {
+  placeholder: 'Enter Value',
+  disabled: false,
+  value: 10,
+  inputWidth: '200px',
+  unitName: 'pc',
+  isError: false,
+  numberPrecision: 2,
+  noBorder: false,
+  textAlign: 'left',
+  showLinearUnitName: true,
+}
+
+export const NormalUnit = Template.bind({})
+NormalUnit.args = {
+  placeholder: 'Enter Value',
+  disabled: false,
+  value: 10,
+  inputWidth: '200px',
+  unitName: 'pc',
+  isError: false,
+  numberPrecision: 2,
+  noBorder: false,
+  textAlign: 'left',
+  showLinearUnitName: false,
+}
+
+export const WithLabel = Template.bind({})
+WithLabel.args = {
+  placeholder: 'Enter Value',
+  disabled: false,
+  value: 10,
+  inputWidth: '200px',
+  unitName: 'pc',
+  isError: false,
+  numberPrecision: 2,
+  noBorder: false,
+  textAlign: 'left',
+  showLinearUnitName: false,
+  labelText: 'Number Input',
+}
+
+export const WithLabelInfo = Template.bind({})
+WithLabelInfo.args = {
+  placeholder: 'Enter Value',
+  disabled: false,
+  value: 10,
+  inputWidth: '200px',
+  unitName: 'pc',
+  isError: false,
+  numberPrecision: 2,
+  noBorder: false,
+  textAlign: 'left',
+  showLinearUnitName: false,
+  labelText: 'Number Input',
+  labelInfoText: 'Here is some information for you...',
+  labelInfoAlign: 'right',
+}
+
+export const LargerFont = Template.bind({})
+LargerFont.args = {
+  placeholder: 'Enter Value',
+  disabled: false,
+  value: 10,
+  inputWidth: '200px',
+  unitName: 'pc',
+  isError: false,
+  numberPrecision: 2,
+  noBorder: false,
+  textAlign: 'left',
+  showLinearUnitName: false,
+  labelText: 'Number Input',
+  fontSize: '16px',
+}